@php($user = Auth::guard('web')->user())
@if(!empty($user))
<!-- //FOOTER START// -->
@if(Request::is(app()->getLocale().'/home') || Request::is(app()->getLocale().'/choose-date') || Request::is(app()->getLocale().'/choose-content')
|| Request::is(app()->getLocale().'/media-libraries') || Request::is(app()->getLocale().'/confirmation') || Request::is(app()->getLocale().'/payment') || Request::is(app()->getLocale().'/screens-list')
|| Request::is(app()->getLocale().'/cart') || Request::is(app()->getLocale().'/offers-screens') || Request::is(app()->getLocale().'/featured-screens'))
<footer id="footer">
    <div class="footer-wrap">
        <ul class="ft-nav">
            <li class="ft-menu ft-nav-location">
                {{-- <a href="{{ route('advertiser.home', app()->getLocale()) }}" class="{{ Request::is(app()->getLocale().'/home') ? 'active' : '' }}" data-toggle="tooltip" title="Location"><i class="nav_location"></i></a> --}}
                <a href="#" class="{{ Request::is(app()->getLocale().'/choose-date') || Request::is(app()->getLocale().'/choose-content') || Request::is(app()->getLocale().'/media-libraries') || Request::is(app()->getLocale().'/confirmation') || Request::is(app()->getLocale().'/payment') ? 'completd' : '' }} {{ Request::is(app()->getLocale().'/home') || Request::is(app()->getLocale().'/screens-list') || Request::is(app()->getLocale().'/offers-screens') || Request::is(app()->getLocale().'/featured-screens') || Request::is(app()->getLocale().'/cart') ? 'active' : '' }}"><i class="nav_location"></i></a>
                <div class="ftmenu_hoverDts">
                    <p>Location</p>
                </div>
            </li>
            <li class="ft-menu ft-nav-time">
                {{-- <a href="{{ route('advertiser.select.date', app()->getLocale()) }}" class="{{ Request::is(app()->getLocale().'/choose-date') ? 'active' : '' }}" data-toggle="tooltip" title="Calendar"><i class="nav_time"></i></a> --}}
                <a href="#" class="{{ Request::is(app()->getLocale().'/choose-content') || Request::is(app()->getLocale().'/media-libraries') || Request::is(app()->getLocale().'/confirmation') || Request::is(app()->getLocale().'/payment') ? 'completd' : '' }} {{ Request::is(app()->getLocale().'/choose-date') ? 'active' : '' }}"><i class="nav_time"></i></a>
                <div class="ftmenu_hoverDts">
                    <p>Calendar</p>
                </div>
            </li>
            <li class="ft-menu ft-nav-video">
                {{-- <a href="{{ route('advertiser.select.content', app()->getLocale()) }}" class="{{ Request::is(app()->getLocale().'/choose-content') ? 'active' : '' }}" data-toggle="tooltip" title="Library"><i class="nav_video"></i></a> --}}
                <a href="#" class="{{ Request::is(app()->getLocale().'/confirmation') || Request::is(app()->getLocale().'/payment') ? 'completd' : '' }} {{ Request::is(app()->getLocale().'/choose-content') || Request::is(app()->getLocale().'/media-libraries') ? 'active' : '' }}"><i class="nav_video"></i></a>
                <div class="ftmenu_hoverDts">
                    <p>Library</p>
                </div>
            </li>
            <li class="ft-menu ft-nav-cart">
                <div class="ft-cart-count">
                    {{-- <div class="screen_count_data">
                        @if($count_screens > 0)
                        <span class="screen_count">{{ $count_screens }}</span>
                        @endif
                    </div> --}}
                    {{-- <a href="#" class="{{ Request::is(app()->getLocale().'/confirmation') ? 'active' : '' }}" data-toggle="tooltip" title="Cart"><i class="nav_cart"></i></a> --}}
                    <a href="#" class="{{ Request::is(app()->getLocale().'/confirmation') || Request::is(app()->getLocale().'/payment') ? 'active' : '' }}"><i class="nav_cart"></i></a>
                    <div class="ftmenu_hoverDts">
                        <p>Cart</p>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</footer>
@endif
@endif
<!-- //FOOTER END// -->

<script type="text/javascript" src="{{ asset('advertiser_user/js/jquery-3.4.1.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('advertiser_user/js/jquery-migrate-1.4.1.js') }}"></script>
<script type="text/javascript" src="{{ asset('advertiser_user/js/jquery.dataTables.min.js') }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
<script type="text/javascript" src="{{ asset('advertiser_user/js/bootstrap.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('advertiser_user/js/pushy.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('advertiser_user/js/smooth-scrollbar.js') }}"></script>
<script type="text/javascript" src="{{ asset('advertiser_user/js/myadmin.js') }}?ver={{ time() }}"></script>

{{-- <script src="https://cdn.muicss.com/mui-0.5.3/js/mui.min.js"></script> --}}
<script type="text/javascript" src="{{ asset('advertiser_user/js/mui.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('advertiser_user/js/jquery.validate.min.js') }}"></script>

<script type="text/javascript" src="{{ asset('plugins/global/bootstrap-toastr/toastr.min.js') }}"></script>
{{-- <script type="text/javascript" src="{{ asset('advertiser_user/js/materialize.min.js') }}"></script> --}}
<script type="text/javascript" src="{{ asset('advertiser_user/js/sweetalert.js') }}"></script>
<script type="text/javascript" src="{{ asset('advertiser_user/js/custom-scripts.js') }}?ver={{ time() }}"></script>
{{--  <script type="text/javascript" src="{{ asset('advertiser_user/js/croppie.js') }}?ver={{ time() }}"></script>  --}}
{{-- <script src="http://vjs.zencdn.net/7.8.2/video.min.js"></script> --}}
<script type="text/javascript" src="{{ asset('advertiser_user/js/modernizr.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('advertiser_user/js/detectizr.min.js') }}"></script>
<script type="text/javascript">
    var route_name;
    @if (Session::has('growl'))
        @if (is_array(Session::get('growl')))
            growl("{!! Session::get('growl')[0] !!}", "{!! Session::get('growl')[1] !!}", "{{ Session::get('growl')[2] }}");
        @else
            growl("{{Session::get('growl')}}");
        @endif
    @endif

    $(document).on('change', '.state', function () {

        $('#busyloading').show();
        var state_id = this.value;
        var action = "{{ url(app()->getLocale().'/get-cities/')}}?state=" + state_id
        $.ajax({
            url: action,
            method: 'GET',
            success: function (response) {
                $('.city').html(response.datas);
                $('#busyloading').hide();
            }
        });
    });

    $('body').on('click', '#filtter_form .btn_apply', function(e) {
        e.preventDefault();
        var formData = new FormData(document.getElementById("filtter_form"));
        var url = $('#filtter_form').attr('action');
        $.ajax({
            url: url,
            type: 'POST',
            data: formData,
            processData: false,
            contentType: false,
            success: function (response) {
                if (response.status == 1000) {
                    $('#home_wrapper').html(response.data);
                    $('.ico_filter.rgh_icon').removeClass('selected');

                }
                if (response.status == 3000) {
                    $('.ico_filter.rgh_icon').removeClass('selected');
                }
                if (response.status == 2000) {
                    $('.ico_filter.rgh_icon').removeClass('selected');
                }
            },
            error: function (response) {
                $('#busyloading, .overlay').fadeOut(100);
                alertbox('Error !', 'Check you connection or contact with admin!');

            },
        });

    });

    $('body').on('click', '#res_filtter_form .btn_apply', function(e) {
        e.preventDefault();
        var formData = new FormData(document.getElementById("res_filtter_form"));
        var url = $('#res_filtter_form').attr('action');

        $.ajax({
            url: url,
            type: 'POST',
            data: formData,
            processData: false,
            contentType: false,
            success: function (response) {
                if (response.status == 1000) {
                    $('#home_wrapper').html(response.data);
                    $('.ico_filter.rgh_icon').removeClass('selected');
                }
                if (response.status == 3000) {
                    $('.ico_filter.rgh_icon').removeClass('selected');
                }
                if (response.status == 2000) {
                    $('.ico_filter.rgh_icon').removeClass('selected');
                }
            },
            error: function (response) {
                $('#busyloading, .overlay').fadeOut(100);
                alertbox('Error !', 'Check you connection or contact with admin!');

            },
        });

    });

    $(document).ready(function(){
        $('[data-toggle="tooltip"]').tooltip();
    });

    $('body').on('mouseenter', '.cld_btn_wrap .button, .btn_uplodeBtn', function() {
        $('.cld_btn_wrap .button, .btn_uplodeBtn').removeClass('active');
        $(this).addClass('active');
    });

    $('body').on('mouseleave', '.cld_btn_wrap .button, .btn_uplodeBtn', function() {
        $('.cld_btn_wrap .button, .btn_uplodeBtn').addClass('active');
        $(this).removeClass('active');
    });

    $('body').on('mouseenter', '.sa-button-container button', function() {
        $('.sa-button-container button').removeClass('active');
        $(this).addClass('active');
    });

    $('body').on('click', '.dismiss-action, .sweet-overlay', function(e) {
        $('.alert-popup-wrapper').hide();
        $('.sweet-overlay').hide();
    });

    // $('body').on('mouseleave', '.sa-button-container button', function() {
    //     $('.sa-button-container .button').addClass('active');
    //     $(this).removeClass('active');
    // });

    $("video").on('ended', function(){
        this.webkitExitFullscreen();
    });




    $('body').on('click', '#state', function() {
        $('.all_district .mui-select__menu').remove();
        $('.city').html('<option value="">{{ trans("landing.commen.all_district") }}</option>');
        // alert(1);
        $(this).parent().find('.mui-select__menu').show();
    });

    $('body').on('click', '.mui-select select', function() {
        $('.mui-select__menu').hide();
        $(this).parent().find('.mui-select__menu').show();
    });

    $('body').on('click', '.filter_screen', function(e) {
        e.preventDefault();
        $('.mui-select__menu').hide();
    })

    $('body').on('click', '.select-wrap, .cld_button', function(e) {
        e.stopPropagation();
    })

    $('body').on('click', function() {
        $('.info_hoverDts').hide();
        $('.dlt_hoverDts').hide();
        $('.media_delete_from_library').removeClass('delete_confirm');
        $('.delete-screen ').removeClass('delete_confirm');
    })




</script>
{{-- <script type="text/javascript">
    Scrollbar.initAll();
</script> --}}

@yield('advertiser_js')


<script>
    var page = 1;
    var page_path  = window.location.href;
    $(document).ready(function() {
        $('.main-wrap').scrollbar({
            "onScroll": function(y, x){
                if(y.scroll >= 10){
                    $('#header-wrap').addClass('sticky')
                } else {
                    $('#header-wrap').removeClass('sticky')
                }

                if(route_name == page_path) {
                    var end_scroll = parseFloat(y.maxScroll)-parseFloat(200);
                    y_scroll = y.scroll+10;
                    y_maxScroll = y.maxScroll;
                    if(y_scroll >= y_maxScroll){
                        console.log(y.scroll);
                        console.log(y.maxScroll);
                        page++;
                        console.log(page)
                        $.ajax({
                            url: '?page=' + page,
                            type: "GET",
                            context: this,
                            success: function(response) {
                                if(response.status == 1000) {
                                    $('#videoupload').append(response.data);
                                    $('#busyloading').hide();
                                }
                            }
                        });
                    }
                }
            }
        });
    })
    $( window ).resize(function() {
        var pathname = window.location.pathname;

        if((pathname != '/en/my-libraries') && (pathname != '/en/choose-content') && (pathname != '/en/media-libraries') && (pathname != '/ar/my-libraries') && (pathname != '/ar/choose-content') && (pathname != '/ar/media-libraries')) {
            if(($(window).width()>1024) || ($(window).width()<1025)) {
                // this.location.reload();
            }
        }

    });

    $('body').on('click', '.video_play', function() {
        $
        var media_id = $(this).data('id');
        var url = "{{ route('advertiser.load.video', app()->getLocale()) }}"
        $.ajax({
            url: url,
            type: "GET",
            context: this,
            data: {
                'media_id': media_id
            },
            success: function(response) {
                if(response.status == 1000) {
                    $('.foregroundVideo').show();
                    $('video.foregroundVideo').remove();
                    $('.video_play').show();
                    $(this).hide();
                    $(this).parent().find('.foregroundVideo').hide();
                    $(this).parent().append(response.data);

                    // var options = {};
                    // var player = videojs('my-player', options, function onPlayerReady() {
                    //     videojs.log('Your player is ready!');

                    //     // In this context, `this` is the player that was created by Video.js.
                    //     this.play();

                    //     // How about an event listener?
                    //     this.on('ended', function() {
                    //         videojs.log('Awww...over so soon?!');
                    //     });
                    // });
                    // $(this).next(response.data);
                }
            }
        });
    })
</script>