@extends('base.base')
@section('styles')
@endsection

@section('content')
<body data-kt-app-layout="dark-sidebar" data-kt-app-header-fixed="true" data-kt-app-sidebar-enabled="true" data-kt-app-sidebar-fixed="true" data-kt-app-sidebar-hoverable="true" data-kt-app-sidebar-push-header="true" data-kt-app-sidebar-push-toolbar="true" data-kt-app-sidebar-push-footer="true" data-kt-app-toolbar-enabled="true" class="app-default">
    <div class="d-flex flex-column flex-root app-root" >
        <!--begin::Page-->
        <div class="app-page flex-column flex-column-fluid" >
            <!--begin::Header-->
            @include('layouts.topbar')
            <!--end::Header-->

            <!--begin::Wrapper-->
            <div class="app-wrapper flex-column flex-row-fluid" >
                <!--begin::Sidebar-->
                @include('layouts.sidebar')
                <!--begin::Main-->

                {{$slot}}
                @include('layouts.alert')
                <!--end:::Main-->
                <!--begin::Footer-->
                <div class="app-footer">
                    <!--begin::Footer container-->
                    <div class="app-container container-fluid d-flex flex-column flex-md-row flex-center flex-md-stack py-3">
                        <!--begin::Copyright-->
                        <div class="text-dark order-2 order-md-1">
                            <span class="text-muted fw-semibold me-1">{{ now()->year }}©</span>
                            <a href="https://www.pulseinteractive.my/" target="_blank" class="text-gray-800 text-hover-primary">Pulse Interactive Sdn Bhd</a>
                        </div>
                        <!--end::Copyright-->
                    </div>
                    <!--end::Footer container-->
                </div>
                <!--end::Footer-->
            </div>
            <!--end::Wrapper-->
        </div>
        <!--end::Page-->
    </div>


    <!--begin::Javascript-->
    <script>var hostUrl = "assets/";</script>
    <!--begin::Global Javascript Bundle(mandatory for all pages)-->
    <script src="{{ asset('assets/plugins/global/plugins.bundle.js')}}"></script>
    <script src="{{ asset('../assets/js/scripts.bundle.js')}}"></script>

    <!--end::Vendors Javascript-->
    <script src="{{ asset('../assets/js/widgets.bundle.js')}}"></script>
    <script src="{{ asset('../assets/js/custom/widgets.js')}}"></script>


    <!--end::Custom Javascript-->
    <!--end::Javascript-->

    {{ $scripts ?? '' }}
</body>
@endsection

