@extends('web.layouts.layout')

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

    <!--Confirmation Modal-->
    <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 style="width: 200px;" 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>
                        @if(getCurrentLocale() == 'ar')
                            <p class="p">{{__('products.thanks_message')}} {{__('products.store')}} <b>{{__('abouts.call_handy')}}</b></p>
                            @else
                            <p class="p">{{__('products.thanks_message')}} <b>{{__('abouts.call_handy')}}</b>  {{__('products.store')}}</p>
                        @endif
                    </div>
                </div>
                <div class="modal-footer">
                    <button data-toggle="modal" data-target="#confirmationModal" type="button" class="main-butn">{{__('products.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/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')
        };

        let changeAmountRouteForNav = "{{route('product.changeAmount')}}",
            deleteProductRouteForNav = "{{route('product.delete')}}";

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

        $('.search-container').hover(function () {
            $('input[name="search"]').focus()
        });

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

    @yield('inner_js')
@endsection