@include('backoffice.layouts.head')

<div class="loading-screen">
    <div>
        <div class="spinner-border mb-2" role="status">
            <span class="sr-only">Loading...</span>
        </div> <br>
        <span>Memproses</span>
    </div>
</div>
<!-- Layout wrapper -->
<div class="layout-wrapper layout-content-navbar">
    <div class="layout-container">
        @include('backoffice.partials.aside')


        <!-- Layout container -->
        <div class="layout-page">
            @include('backoffice.partials.nav')


            <!-- Content wrapper -->
            <div class="content-wrapper position-relative">
                <!-- Content -->

                <div class="container-xxl flex-grow-1 container-p-y ">


                    @yield('content')
                </div>
                <!-- / Content -->

                @include('backoffice.partials.footer')


                <div class="content-backdrop fade"></div>
            </div>
            <!-- Content wrapper -->
        </div>
        <!-- / Layout page -->
    </div>

    <!-- Overlay -->
    <div class="layout-overlay layout-menu-toggle"></div>
</div>
<!-- / Layout wrapper -->


@include('backoffice.partials.footer')

@include('backoffice.layouts.script')