@extends('web.layouts.layout')

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

    <div class="modal fade alert_pop_up" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="reviewModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-xl">
            <div class="modal-content">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <div class="modal-body">
                    <div class="review-modal-content">
                        <section class="register-pg">
                            <div class="container">
                                <div class="row">
                                    <div class="col-md-7">
                                        <div class="form-container">
                                            <div class="{{session('success') ? 'text-success' : 'text-danger'}} font-weight-bold">
                                                @if(session('alert_pop_up'))
                                                    {{session('alert_pop_up')}}
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-5">
                                        <img src="{{asset('assets/web/images/register-pg.svg')}}" alt="" class="register-img">
                                    </div>
                                </div>
                            </div>
                        </section>
                    </div>

                </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();
        }

        {{--$('.alert_pop_up').on('hidden.bs.modal', function () {--}}
        {{--    "{{session()->put(['alert_pop_up' => f])}}";--}}
        {{--    alert("{{session('alert_pop_up')}}")--}}
        {{--});--}}

        /**
         * Send course reminder automatically
         */
        {{--$(document).ready(function () {--}}

        {{--    function hasOneDayPassed(){--}}
        {{--        let date = new Date().toLocaleDateString();--}}
        {{--        if( localStorage.app_date === date ){--}}
        {{--            return false;--}}
        {{--        }--}}

        {{--        localStorage.app_date = date;--}}
        {{--        return true;--}}
        {{--    }--}}
        {{--    function runOncePerDay(){--}}
        {{--        if(!hasOneDayPassed()){--}}
        {{--            return false;--}}
        {{--        }--}}
        {{--        /**--}}
        {{--         * $courseReminders shared to views--}}
        {{--         * from AppService provider--}}
        {{--         */--}}
        {{--        if ("{{$courseReminders}}"){--}}
        {{--            (async function () {--}}
        {{--                let url = "{{route('sendReminder')}}",--}}
        {{--                    method = 'get';--}}
        {{--                const response = await ajax({--}}
        {{--                    url,--}}
        {{--                    dataType: 'html',--}}
        {{--                    method,--}}
        {{--                    contentType: false,--}}
        {{--                    processData: false,--}}
        {{--                });--}}
        {{--            })();--}}
        {{--        }--}}
        {{--    }--}}

        {{--    runOncePerDay();--}}


        {{--});--}}

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