<!doctype html>
<html lang="en" >
    <head>
        <meta charset="utf-8"/>
        <title>@if(isset($title)) {{$title}} | @endif {{ config('app.name') }}</title>
        <meta name="csrf-token" content="{{ csrf_token() }}">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.16.14/dist/css/uikit.min.css" />
        <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
        <link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">
        <link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.2.9/css/responsive.dataTables.min.css">
        <link rel="stylesheet" href="{{url('css/backend.css?v='.time())}}"> 
        <link rel="icon" href="https://listingllama.com/wp-content/uploads/2020/09/LLBadgeIcon60h.png" sizes="32x32" />
        <link rel="icon" href="https://listingllama.com/wp-content/uploads/2020/09/LLBadgeIcon60h.png" sizes="192x192" />
        <link rel="apple-touch-icon" href="https://listingllama.com/wp-content/uploads/2020/09/LLBadgeIcon60h.png" />
        <link rel="stylesheet" href="{{url('css/all.min.css?v='.time())}}">
    </head>
    <body>
        <div id="mobile_sidebar" uk-offcanvas>
            <div class="uk-offcanvas-bar">
                <div class="left_sidebar uk-width-auto" uk-height-viewport="expand: true">
                    @include('partials.mobile_sidebar')
                </div>
                    <button class="uk-offcanvas-close" type="button" uk-close></button>
            </div>
        </div>
        <div class="header-section">
            @include('partials.header')
        </div>
        <div class="uk-grid-collapse" uk-grid>
            <div class="uk-width-auto uk-visible@m left-sidebar">
                @include('partials.left_sidebar')
            </div>
            <div class="uk-width-expand">
                <div class="page-body" uk-height-viewport>
                   <div class="uk-container uk-container-expand">
                       @yield('content')
                   </div>
                </div>
            </div>
        </div>
        <script src="https://cdn.jsdelivr.net/npm/uikit@3.16.14/dist/js/uikit.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/uikit@3.16.14/dist/js/uikit-icons.min.js"></script>
        <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.2/jquery.validate.js"></script>
        <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
        <script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
        <script src="https://cdn.datatables.net/responsive/2.2.9/js/dataTables.responsive.min.js"></script>
        <script src="https://momentjs.com/downloads/moment.min.js"></script>
        <script type="text/javascript">
            var url =  "{{ url('')}}";
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
        </script>
        @yield('footer-script')
    </body>
    <!--end::Body-->
</html>