@if(session()->has('parameters'))
    @php($cart_screens = session('parameters')['screen_ids'])
@endif
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&key={{ env('MAP_API_KEY') }}&libraries=places"></script>
<script src="{{ asset('advertiser_user/js/jquery.paginate.js') }}"></script>
<script>
    var script = '<script src="../advertiser_user/js/richmarker';
    if (document.location.search.indexOf('compiled') !== -1) {
      script += '-compiled';
    }
    script += '.js"><' + '/script>';
    document.write(script);
</script>

<script>
    // Screen select
    @if(!empty($screen_ids))
    var regex = /&quot;/g;
    var data = "{{ json_encode($screen_ids) }}";

    var selected_screen = JSON.parse(data.replace(regex,'"')).map(Number);
    @else
    var selected_screen = [];
    @endif
    // console.log(selected_screen);
    //Previous session updatesss
    $('body').on('change', '.confirm_action', function() {
        if($(this).prop("checked") == true) { 
            setTimeout(function(){ 
                $('.sweet-alert .confirm').trigger('click');
            }, 500);
            
        }
    })
    $('body').on('change', '.delete_action', function() {
        if($(this).prop("checked") == true) { 
            setTimeout(function(){ 
                $('.sweet-alert .cancel').trigger('click');
            }, 500);
        }
    })
    @if(!empty($cart_screens))
    var regex = /&quot;/g;
    var data = "{{ json_encode($cart_screens) }}";
    var selected_screen = JSON.parse(data.replace(regex,'"')).map(Number);
    var url = "{{ route('advertiser.screen.push.session', app()->getLocale()) }}";
    swal({
        title: "{{ trans('messages.notice_title') }}",
        text: "{{ trans('messages.old_session_continue') }}",
        type: "warning",
        showCancelButton: true,
        confirmButtonColor: "#061726",
        confirmButtonText: "Yes",
        cancelButtonText: "No",
        closeOnConfirm: true,
        closeOnCancel: true
    },
    function (isConfirm) {
        if (isConfirm) {
            screenUpdate(selected_screen)
        } else {
            selected_screen = [];
            screenUpdate(selected_screen)
            $('#busyloading').hide();
        }
    });
    @endif

    $('body').on('click', '.map_screenBox', function(e) {
        e.preventDefault();

        var screen_id = $(this).data('id');
        var exist = jQuery.inArray(screen_id, selected_screen);
        if(exist == -1) {
            selected_screen.push(screen_id);
            $(this).find('.map_select').addClass('screen_selected');

        } else {
            selected_screen = $.grep(selected_screen, function(value) {
                return value != screen_id;
            });
            $(this).find('.map_select').removeClass('screen_selected');
        }
        // console.log(selected_screen);
        count_selected_screen = $('.screen_selected').length;
        screenUpdate(selected_screen)
    });
    
    $('body').on('click', '.delete-screen', function(e) {
        e.preventDefault();
        e.stopPropagation();
        $('.dlt_hoverDts').hide();
        $(this).parent().find('.dlt_hoverDts').show();

        if($(this).hasClass('delete_confirm')) {
            var url = "{{ route('advertiser.venue.screen.delete.session', app()->getLocale()) }}";
            var parent_tr = $(this).parent().parent();
            var venue_id = $(this).data('id');

            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            $.ajax({
                url: url,
                type: "GET",
                context: this,
                data: {
                    'venue_id': venue_id
                },
                success: function(response) {
                    if(response.status == 1000) {
                        parent_tr.remove();
                        // $(response.data).each(function( index, element ) {                        
                            


                        //     // var count_row = $('#table_body tr.rwd_locationBody').length;
                        //     console.log(element);

                                        



                        //     // $('.screen_select_'+element).removeClass('screen_selected');
                        //     // $('.selected_value_'+element).removeClass('selected_value');

                        //     // var selected_screens = $('#paginationdemo').children().children().children('.selected_value').parent().parent();
                        //     // $('#demo5').children().children('ul.jPag-pages').children().removeClass('selected_bullet')
                        //     // console.log(selected_screens);
                        //     // $(selected_screens).each(function( index, element ) {
                        //     //     console.log(element)
                        //     //     var res = $(this).attr('id').replace('p', "");
                        //     //     console.log(res);
                        //     //     $('#demo5 ul.jPag-pages li:nth-child('+res+')').addClass('selected_bullet')
                        //     // });
                        // });
                        $(venue_id).each(function( index, element ) { 
                            $('.venue_'+element).find('.map_screenBox').removeClass('selected_value');
                            $('.venue_'+element).find('.off_screenBg').removeClass('screen_selected');   
                            $('.venue_'+element+' #demo5 .jPag-pages').removeClass('selected_value');   
                            $('.venue_'+element+' #demo5 ul.jPag-pages li').removeClass('selected_bullet');   
                            $('.venue_'+element+' .map_select_all .select_all_tile label').removeClass('selected_value');   
                            
                        });
                        selected_screen = response.data;
                        if(response.data.length == 0) {
                            selected_screen = [];
                        }
                        screenUpdate(selected_screen);
                        
                    }
                }
            });
        } else {
            $('delete_cart').removeClass('delete_confirm');
            $(this).addClass('delete_confirm');
        }

        

    });

    function screenUpdate(selected_screen) {
        var url = "{{ route('advertiser.screen.push.session', app()->getLocale()) }}";
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        $.ajax({
            url: url,
            type: "GET",
            context: this,
            data: {
                'screen_ids': selected_screen
            },
            success: function(response) {
                if(response.status == 1000) {
                    $('#table_body').html(response.data);
                    if(response.cart_screens > 0) {
                        $('.screen_count_data').html('<span class="screen_count">'+response.location_count+'</div>');
                        $('#select_screen_head').html('<h3>{{ trans("landing.screen.selected_screen_null") }} <span id="selected_screen_count">'+response.location_count+'</span><span class="plus-minus" title="Drop Down"></span></h3>');
                        $('#select_screen_head').addClass('faq-hd-click')
                        $('.cld_selectBtn_wrap .btn_nxt').removeClass('disabled');
                        $('.delete-all-section').addClass('active');
                    } else {
                        $('.cld_selectBtn_wrap .btn_nxt').addClass('disabled');
                        $('#select_screen_head').html('<h3>{{ trans("landing.screen.selected_screen_null") }}</h3>');
                        $('.screen_count_data').html('');
                        $('#select_screen_head').removeClass('faq-hd-click')
                        $('.delete-all-section').removeClass('active');
                        $('.faq-ans').hide();
                    }
                }
            }
        });
    }


    var markers = [];
    var map;
    var InforObj = [];
    var centerCords = {
        lat: 24.7113778,
        lng: 46.6777081,
    };

    var icon1 = "{{ asset('advertiser_user/images/marker/marker_small.svg') }}";
    var icon2 = "{{ asset('advertiser_user/images/marker/marker_selected_smal.svg') }}";
    var iconBase = "{{ asset('advertiser_user/images/marker/') }}/";
    var icons = {
        @foreach($venues as $key => $venue)
        screen{{ count($venue->venuScreens) }}: {
            icon: iconBase + 'marker_small.svg',
        },
        @endforeach
    };

    var markersOnMap = [
        @foreach($venues as $key => $venue)
        {
            placeName: "{{ !empty($screen) ? $screen->location : 'NA' }}",
            LatLng: new google.maps.LatLng("{{ $venue->latitude }}", "{{ $venue->longitude }}"),
            type: 'screen{{ count($venue->venuScreens) }}',
            text: '{{ count($venue->venuScreens) }}',
            label: '{{ count($venue->venuScreens) > 1 ? "Screens" : "Screen" }}',
            venue: {{ $venue->id }},
            venue_image: "{{ !empty($venue->image) && file_exists('uploads/venue/' . $venue->image) ?  asset('uploads/venue/'.$venue->image) : asset('advertiser_user/images/logo.svg') }}",
        },
        @endforeach
    ];

    function addMarkerInfo() {
        var screen_count = [];
        for (var i = 0; i < markersOnMap.length; i++) {
            @foreach($venues as $venue)
            var venue_id = {{ $venue->id }}
            @if(!empty($venue->venuScreens) || !$venue->venuScreens->isEmpty())
            screen_count.push("{{ count($venue->venuScreens) }}");
            if(markersOnMap[i].type == 'screen{{ count($venue->venuScreens) }}') {
                if(markersOnMap[i].venue == venue_id)
                    var contentString = '<div id="content">'+                                        
                                        '</div>';
                    var scrren_typ = {{ count($venue->venuScreens) }};

            }
            @endif
            @endforeach
            
            const marker = new RichMarker({
                position: markersOnMap[i].LatLng,
                title: markersOnMap[i].text+' Screens',
                map: map,
                content: '<div class="marker_wrapper"><img src="'+icon1+'"/><div class="screen_count">'+markersOnMap[i].text+'</div><div class="image_section"><img src="'+markersOnMap[i].venue_image+'"/></div></div>',
                map: map,
                customInfo: markersOnMap[i].venue,
                select_image:  '<div class="marker_wrapper"><img src="'+icon2+'"/><div class="screen_count" style="background: #262C32;">'+markersOnMap[i].text+'</div><div class="image_section"><img src="'+markersOnMap[i].venue_image+'"/></div></div>',          
                current_icon: icon1,
                select_icon: icon1,
                screen_count: markersOnMap[i].text, 
                venue_image: markersOnMap[i].venue_image
            });

            const infowindow = new google.maps.InfoWindow({
                content: contentString,
                scrren_typ: scrren_typ
            });

            if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {

                google.maps.event.addListener(marker, 'dbclick', (function (marker, i) {
                    closeOtherInfo();
                    return function () {
                        for (var j = 0; j < markers.length; j++) {
                            markers[j].setContent('<div class="marker_wrapper"><img src="'+markers[j].current_icon+'"/><div class="screen_count">'+markers[j].screen_count+'</div><div class="image_section"><img src="'+markers[j].venue_image+'"/></div>')
                        }
                        // console.log(marker.select_image)
                        var icon2 = marker.select_image;
                        marker.setContent(icon2);
                    };
                })(marker, i));
                markers.push(marker);

                // google.maps.event.addDomListener(map, "dbclick",  (function (marker, i) {
                //     return function () {
                //         closeOtherInfo();
                //         for (var j = 0; j < markers.length; j++) {
                //             markers[j].setContent('<div class="marker_wrapper"><img src="'+markers[j].current_icon+'"/><div class="screen_count">'+markers[j].screen_count+'</div><div class="image_section"><img src="'+markers[j].venue_image+'"/></div>')
                //         }
                //         var icon2 = marker.select_image;
                //         marker.setContent(icon2);
                //     };
                // })(marker, i));

                google.maps.event.addDomListener(map, "click",  function () {
                    closeOtherInfo();
                    // for (var j = 0; j < markers.length; j++) {
                    //     markers[j].setContent('<div class="marker_wrapper"><img src="'+markers[j].current_icon+'"/><div class="screen_count">'+markers[j].screen_count+'</div><div class="image_section"><img src="'+markers[j].venue_image+'"/></div>')
                    // }
                })

            } else {

                google.maps.event.addListener(marker, 'click', (function (marker, i) {
                    closeOtherInfo();
                    return function () {
                        for (var j = 0; j < markers.length; j++) {
                            markers[j].setContent('<div class="marker_wrapper"><img src="'+markers[j].current_icon+'"/><div class="screen_count">'+markers[j].screen_count+'</div><div class="image_section"><img src="'+markers[j].venue_image+'"/></div>')
                        }
                        var icon2 = marker.select_image;
                        marker.setContent(icon2);
                    };
                })(marker, i));
                markers.push(marker);


                google.maps.event.addDomListener(map, "click",  (function (marker, i) {
                    return function () {
                        closeOtherInfo();
                        for (var j = 0; j < markers.length; j++) {
                            markers[j].setContent('<div class="marker_wrapper"><img src="'+markers[j].current_icon+'"/><div class="screen_count">'+markers[j].screen_count+'</div><div class="image_section"><img src="'+markers[j].venue_image+'"/></div>')
                        }
                    };
                })(marker, i));
            }


            marker.addListener('click', function (e) {
                e.stopPropagation();
                closeOtherInfo();
                // console.log(markers)
                for (var j = 0; j < markers.length; j++) {
                    markers[j].setContent('<div class="marker_wrapper"><img src="'+markers[j].current_icon+'"/><div class="screen_count">'+markers[j].screen_count+'</div><div class="image_section"><img src="'+markers[j].venue_image+'"/></div>')
                }
                marker.setContent(this.select_image);
                var url = "{{ route('advertiser.get.updated.screens', app()->getLocale()) }}"
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });
                $.ajax({
                    url: url,
                    type: "GET",
                    context: this,
                    data: {
                        'venue_id': this.customInfo
                    },
                    success: function(response) {
                        if(response.status == 1000) {

                            infowindow.setContent(response.data);
                            infowindow.open(marker.get('map'), marker);
                            InforObj[0] = infowindow;

                            var slider_count = $(infowindow.content).find('.pagedemo').length;
                            var map_screenBox = $(infowindow.content).children().children().children().children().find('.selected_value').length;
                            var data_venue_id = $(infowindow.content).children().children().attr('data-venue-id');
                            if(map_screenBox == slider_count) {
                                $("#venue_"+data_venue_id).prop("checked", true);
                            }
                            $(function() {
                                $("#demo5").paginate({
                                    count 		: slider_count,
                                    start 		: 1,
                                    display     : slider_count,
                                    border		: true,
                                    images		: false,
                                    mouse		: 'press',
                                    onChange    : function(page){
                                        $('._current','#paginationdemo').removeClass('_current').hide();
                                        $('#p'+page).addClass('_current').show();
                                    }
                                });

                                var selected_screens = $('#paginationdemo').children().children().children('.selected_value').parent().parent();
                                $(selected_screens).each(function( index, element ) {
                                    if($(this).hasClass('pagedemo')) {
                                        var res = $(this).attr('id').replace('p', "");
                                        $('#demo5 ul.jPag-pages li:nth-child('+res+')').addClass('selected_bullet')
                                    }
                                    
                                });
                            });

                        }
                    }
                });
            });

        }
    }

    function closeOtherInfo() {
        if (InforObj.length > 0) {
            InforObj[0].set("marker", null);
            InforObj[0].close();
            InforObj.length = 0;
            for (var j = 0; j < markers.length; j++) {
                markers[j].setContent('<div class="marker_wrapper"><img src="'+markers[j].current_icon+'"/><div class="screen_count">'+markers[j].screen_count+'</div><div class="image_section"><img src="'+markers[j].venue_image+'"/></div>')
            }
        }
    }
    
    function initMap() {
        map = new google.maps.Map(document.getElementById('map'), {
            zoom: 13,
            // zoom: 5,
            center: centerCords,
            styles: [
                {elementType: 'geometry', stylers: [{color: '#e8e8e8'}]},
                {elementType: 'labels.text.stroke', stylers: [{color: '#e8e8e8'}]},
                {elementType: 'labels.text.fill', stylers: [{color: '#d7d7d7'}]},
                {
                featureType: 'administrative.locality',
                elementType: 'labels.text.fill',
                stylers: [{color: '#6c6c6c'}]
                },
                {
                featureType: 'poi',
                elementType: 'labels.text.fill',
                stylers: [{color: '#6c6c6c'}]
                },
                {
                featureType: 'poi.park',
                elementType: 'geometry',
                stylers: [{color: '#d2ecd2'}]
                },
                {
                featureType: 'poi.park',
                elementType: 'labels.text.fill',
                stylers: [{color: '#6c6c6c'}]
                },
                {
                featureType: 'road',
                elementType: 'geometry',
                stylers: [{color: '#ffffff'}]
                },
                {
                featureType: 'road',
                elementType: 'geometry.stroke',
                stylers: [{color: '#e8e8e8'}]
                },
                {
                featureType: 'road',
                elementType: 'labels.text.fill',
                stylers: [{color: '#6c6c6c'}]
                },
                {
                featureType: 'road.highway',
                elementType: 'geometry',
                stylers: [{color: '#d8d8d8'}]
                },
                {
                featureType: 'road.highway',
                elementType: 'geometry.stroke',
                stylers: [{color: '#eaeaea'}]
                },
                {
                featureType: 'road.highway',
                elementType: 'labels.text.fill',
                stylers: [{color: '#6c6c6c'}]
                },
                {
                featureType: 'transit',
                elementType: 'geometry',
                stylers: [{color: '#e8e8e8'}]
                },
                {
                featureType: 'transit.station',
                elementType: 'labels.text.fill',
                stylers: [{color: '#6c6c6c'}]
                },
                {
                featureType: 'water',
                elementType: 'geometry',
                stylers: [{color: '#aadaff'}]
                },
                {
                featureType: 'water',
                elementType: 'labels.text.fill',
                stylers: [{color: '#6c6c6c'}]
                },
                {
                featureType: 'water',
                elementType: 'labels.text.stroke',
                stylers: [{color: '#6c6c6c'}]
                },
                {
                    "featureType": "poi",
                    "elementType": "labels",
                    "stylers": [
                        {
                            "visibility": "off"
                        }
                    ]
                },
                {
                    "featureType": "poi",
                    "elementType": "labels.icon",
                    "stylers": [
                        {
                            "visibility": "off"
                        }
                    ]
                }
            ]
        });
        
        addMarkerInfo();
        // geolocate();
        search();
    }

    $('body').on('click', '.next_button', function() {
        var current = $('#paginationdemo .pagedemo._current');
        var index_check = $('#paginationdemo .pagedemo._current').index();
        index_check = index_check+2;
        $('#demo5 ul.jPag-pages li:nth-child('+index_check+')').trigger( "click" )
    });

    $('body').on('click', '.prev_button', function() {
        var current = $('#paginationdemo .pagedemo._current');
        var index_check = $('#paginationdemo .pagedemo._current').index();
        $('#demo5 ul.jPag-pages li:nth-child('+index_check+')').trigger( "click" )

    });

    $(document).on('click', 'span.jPag-current', function(e) {
        e.stopPropagation();
        var parent_li_index = $('.jPag-current').parent().index();
        var parent_wrapper = $('.jPag-current').parent();
        
        
        var parent_li_index_plus_one = parent_li_index+1;
        var outer_wrapper = $('.jPag-current').parent().parent().parent().parent().parent().parent();
        var demo_page_length = outer_wrapper.find('.pagedemo').length;
        var wrapper_parent = $('.jPag-current').parent().parent().parent().parent().parent().children('#p'+parent_li_index_plus_one).find('.map_screenBox');

        if(parent_wrapper.hasClass('selected_bullet')) {
            parent_wrapper.removeClass('selected_bullet')
        } else {
            parent_wrapper.addClass('selected_bullet');
            
        }
        if(wrapper_parent.hasClass('selected_value')) {
            
            wrapper_parent.trigger( "click" );
            
            
        } else {
            wrapper_parent.trigger( "click" );
        }
        var outer_wrapper_length = outer_wrapper.find('.map_screenBox.selected_value').length
        if(demo_page_length != outer_wrapper_length) {
            $('.select_all_tile label').removeClass('selected_value');
            $('.check-custom').prop('checked', false);
        } else {
            $('.select_all_tile label').addClass('selected_value');
            $('.check-custom').prop('checked', true);
        }
        
        
    });

    $('.find_btn').on('click', function(e) {
        e.preventDefault();
        geolocate();
    })

    function search() {
        var input = document.getElementById('searchInput');

        var autocomplete = new google.maps.places.Autocomplete(input, {types: ['geocode']});
        autocomplete.bindTo('bounds', map);

        autocomplete.addListener('place_changed', function() {
            var place = autocomplete.getPlace();
            if (!place.geometry) {
                // window.alert("Autocomplete's returned place contains no geometry");
                console.log("Autocomplete's returned place contains no geometry");
                return;
            }

            // If the place has a geometry, then present it on a map.
            if (place.geometry.viewport) {
                map.fitBounds(place.geometry.viewport);
                map.setZoom(16);
            } else {
                map.setCenter(place.geometry.location);
                map.setZoom(16);
            }
        });

        var inputMob = document.getElementById('searchInputMob');
        var autocomplete_mob = new google.maps.places.Autocomplete(inputMob, {types: ['geocode']});
        autocomplete_mob.bindTo('bounds', map);

        autocomplete_mob.addListener('place_changed', function() {
            var place = autocomplete_mob.getPlace();
            if (!place.geometry) {
                // window.alert("Autocomplete's returned place contains no geometry");
                console.log("Autocomplete's returned place contains no geometry");
                return;
            }

            // If the place has a geometry, then present it on a map.
            if (place.geometry.viewport) {
                map.fitBounds(place.geometry.viewport);
                map.setZoom(16);
            } else {
                map.setCenter(place.geometry.location);
                map.setZoom(16);
            }
        });
    }

    $('body').on('focusout', '#searchInput', function(){
        $('.ico_search.rgh_icon').removeClass('selected');
    });

    $('body').on('click', '.map_screenBox', function() {
        var lists = $(this).parent().parent().parent().find('.map_screenBox').length;
        // console.log(lists);
        var children_li = $(this).parent().parent().attr('id')
        var regex = /p/g;
        var li_index = (children_li.replace(regex,''))
        
        
        if($(this).hasClass('selected_value')) {
            $('#demo5 ul.jPag-pages li:nth-child('+li_index+')').removeClass( "selected_bullet" )
            $(this).removeClass('selected_value');
            $('.map_select_all').find('label').removeClass('selected_value')
        } else {
            $(this).addClass('selected_value');
            $('#demo5 ul.jPag-pages li:nth-child('+li_index+')').addClass( "selected_bullet" )
        }

        var selected_lists = $('.jPag-pages li.selected_bullet').length;
        
        var slider_count = $(this).parent().parent().parent().find('.pagedemo').length;

        if(selected_lists == lists) {
            $('.check-custom').prop('checked', true);
            $('.map_select_all').find('label').addClass('selected_value')
        } else {
            $('.check-custom').prop('checked', false);
            $('.map_select_all').find('label').removeClass('selected_value')

        }

    })

    function geolocate() {

        if (navigator.geolocation) {

            navigator.geolocation.getCurrentPosition(function (position) {

                var pos = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);

                // Create a marker and center map on user location
                marker = new google.maps.Marker({
                    position: pos,
                    draggable: false,
                    // animation: google.maps.Animation.DROP,
                    map: map,
                    icon: iconBase + 'marker_bullet.png',
                });
                console.log(position.coords.latitude);
                console.log(position.coords.longitude);
                map.setCenter(pos);
            });
        }
    }

    function customCheckbox(checkboxName) {
        var checkBox = $('.checkbx-typ1[name="'+ checkboxName +'"]');
        $(checkBox).each(function(){
            $(this).wrap( "<span class='custom-checkbox'></span>" );
            if($(this).is(':checked')){
                $(this).parent().addClass("selected");
            }
        });
        $(checkBox).click(function(){
            $(this).parent().toggleClass("selected");
        });
    }

    $(document).ready(function () {
        customCheckbox("sport[]");
        customCheckbox("car[]");
        customCheckbox("chck1");
        customCheckbox("chck2");
        customCheckbox("chck3");
        customCheckbox("chck4");
        customCheckbox("chck5");
        customCheckbox("confirm");
    })


    $('body').on('click', 'input[type="checkbox"].check-custom', function(){
        if($(this).prop("checked") == true){
            // console.log(selected_screen);
            var map_screenBox = $(this).parent().parent().parent().parent().children().children().children();
            // console.log(map_screenBox);
            var map_select = $(this).parent().parent().parent().parent().children().children().children().children().children().children().find('.map_select');
            console.log(map_select);
            // console.log(map_select);

            $(map_screenBox).each(function() {
                var screen_id = $(this).data('id');
                $(this).addClass("selected_value");
                selected_screen.push(screen_id);
            });
            $(map_select).each(function() {
                $(this).addClass("screen_selected");
            });
            $('#demo5').children().children('ul.jPag-pages').children().addClass('selected_bullet');
            // console.log(selected_screen);

        }
        else if($(this).prop("checked") == false){
            var map_screenBox = $(this).parent().parent().parent().parent().children().children().children();
            var map_select = $(this).parent().parent().parent().parent().children().children().children().children().children().children().find('.map_select');
            $(map_screenBox).each(function() {
                var screen_id = $(this).data('id');
                $(this).removeClass("selected_value");

                selected_screen = jQuery.grep(selected_screen, function(value) {
                    return value != screen_id;
                });
            });

            $(map_select).each(function() {
                $(this).removeClass("screen_selected");
            });

            $('#demo5').children().children('ul.jPag-pages').children().removeClass('selected_bullet');

        }
        // console.log(selected_screen)
        screenUpdate(selected_screen)
    });




    $('body').on('click', '.cld_button.cld_selectBtn_wrap .button.btn_nxt', function(event)
    {
        if(selected_screen.length == 0) {
            growl("{{ trans('messages.error_title') }}", "{{ trans('landing.error.screen_empty') }}", 'danger')
            return false;
        }
        var link = $(this);
        var target = link.attr("target");

        if($.trim(target).length > 0)
        {
            window.open(link.attr("href"), target);
        }
        else
        {
            window.location = link.attr("href");
        }

        event.preventDefault();
    });

    google.maps.event.addDomListener(window, 'load', initMap);

    $('body').on('click', '.btn_reset ', function(e) {
        $('select').val('');
    })

    
    // Select all handler
    $('body').on('click', '.select-all-section', function(e) {
        e.preventDefault();
        closeOtherInfo();
        var url = "{{ route('advertiser.all.screen.push.session', app()->getLocale()) }}";
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        $.ajax({
            url: url,
            type: "GET",
            context: this,
            success: function(response) {
                if(response.status == 1000) {
                    $('#table_body').html(response.data);
                    selected_screen = response.screens_ids;
                    if(response.cart_screens > 0) {
                        $('.screen_count_data').html('<span class="screen_count">'+response.location_count+'</div>');
                        $('#select_screen_head').html('<h3>{{ trans("landing.screen.selected_screen_null") }} <span id="selected_screen_count">'+response.location_count+'</span><span class="plus-minus" title="Drop Down"></span></h3>');
                        $('#select_screen_head').addClass('faq-hd-click')
                        $('.cld_selectBtn_wrap .btn_nxt').removeClass('disabled');
                        $('.delete-all-section').addClass('active');
                    } else {
                        $('.cld_selectBtn_wrap .btn_nxt').addClass('disabled');
                        $('#select_screen_head').html('<h3>{{ trans("landing.screen.selected_screen_null") }}</h3>');
                        $('.screen_count_data').html('');
                        $('#select_screen_head').removeClass('faq-hd-click');
                        $('.delete-all-section').removeClass('active');
                        $('.faq-ans').hide();
                    }
                }
            }
        });
        
        

    });

    $('body').on('click', '.delete-all-section', function(e) {
        e.preventDefault();
        closeOtherInfo();
        selected_screen = [];
        screenUpdate(selected_screen);
    });

    // Hide and show filter and links
    $('body').on('click', '.custom_side_menus', function() {
        $('.mobile_filter_window').hide();
        $('.mobile_filter_window').parent().removeClass('selected');
    });

    $('#filter_right_mobile').click(function() {
        $('.custom_side_menus .right_menu').hide();
        $('.custom_side_menus').removeClass('selected');
    });

</script>