<!DOCTYPE html>
<html lang="zxx" class="js">

<x-user.head title="{{ $title }}" />

<body class="nk-body bg-lighter npc-default has-sidebar "  id="catalyst-root">
    <div class="page-cover"></div>
    <div id="page-loader" class="fade show">
        <div class="d-flex justify-content-center center-screen">
            <span class="spin"></span>
        </div>
    </div>

    <div id="cover-spin"></div>{{-- FOR BUTTON CLICKS --}}

    <div class="nk-app-root">
        <!-- main  -->
        <div class="nk-main ">
            <!-- sidebar  -->
            <x-user.nk-sidebar />
            <!-- sidebar  -->
            <!-- wrap  -->
            <div class="nk-wrap ">
                <!-- main header  -->
                <x-user.nk-header />
                <!-- main header  -->
                <!-- content  -->
                <div class="nk-content ">
                    <div class="container-fluid">
                        <div class="nk-content-inner">
                            <div class="nk-content-body">


                                {{ $slot }}


                            </div>
                        </div>
                    </div>
                </div>
                <!-- content  -->
                <!-- footer  -->
                <x-user.nk-footer />
                <!-- footer  -->
            </div>
            <!-- wrap  -->
        </div>
        <!-- main -->
    </div>
    <!-- app-root -->

    <!-- modals -->


    <!-- JavaScript -->
    <script src="/assets/js/bundle.js?ver=2.4.0"></script>
    <script src="/assets/js/scripts.js?ver=2.4.0"></script>
    <script src="/assets/js/custom.js?ver=0.1.5"></script>
    <script src="/assets/user/global.js?ver={{rand(1,9999)}}"></script>
    @yield('page-level-js')
    @include('components.livechat')
</body>

</html>

