@extends('web.layouts.layout')

@section('container_content')
    <header>
        @include('web.layouts.nav')
        @yield('header')
    </header>
    <main>
        @yield('content')
    </main>
    @include('web.layouts.footer')

{{--    <footer class="">--}}
{{--        <div class="loading d-none">--}}
{{--            <div class="loader"></div>--}}
{{--        </div>--}}
{{--    </footer>--}}

@endsection

@section('container_js')

    {{--    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>--}}
    <script src="{{ asset('assets/web/js/lib/toastr.min.js') }}"></script>
    <script src="{{ asset('assets/web/js/lib/axios.min.js') }}"></script>

    <script>
        axios.defaults.headers.common = {
            'X-Requested-With': 'XMLHttpRequest',
            'X-CSRF-TOKEN' : document.querySelector('meta[name="csrf-token"]').getAttribute('content')
        };

    </script>
    <script src="{{ asset('assets/web/js/actions.js') }}"></script>
    <script src="{{ asset('assets/web/js/main.js') }} "></script>

    @yield('inner_js')
@endsection
