@extends('web.layouts.layout')

@section('container_content')
    @include('web.layouts.nav')

    <main>
        @yield('content')
    </main>

    @include('web.layouts.footer')
    <div class="modal confirmation-modal fade alert_pop_up" id="confirmationModal" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="text-box">
                        <img src="{{asset('assets/web/images/')}}{{session('success') ? '/confirm.png' : '/cancelation.png'}}" alt="" class=""/>
                        <h3 class="title {{session('success') ? 'text-success' : 'text-danger'}}">
                            @if(session('alert_pop_up'))
                                {!! session('alert_pop_up') !!}
                            @endif
                        </h3>
                    </div>
                </div>
                <div class="modal-footer">
                    <button data-toggle="modal" data-target="#confirmationModal" type="button" class="main-butn">{{__('packages.confirm')}}</button>
                </div>
            </div>
        </div>
    </div>


@endsection

@section('container_js')

    {{--    <script src="https://unpkg.com/axios/dist/axios.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')
        };

        if ("{{session('alert_pop_up')}}"){
            $('.alert_pop_up').modal();
        }

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