@extends('frontend.layout.alltalent_v1.new-template')
@section('navigation')
    @include('frontend.layout.alltalent_v1.post-login')
@endsection
@section('content')
    <!-- <style>
        .favrioutactive {
            color: red;
            font-weight: 900 !important;
        }
        .dropdown.show {
            /* display: inline-block!important; */
        }
        .drop_down_sec_new_body.afselectrow select.sel_Box_new {
            width: 80px;
            padding: 5px 10px;
        }
        .dropdown-menu.dropdown-menu-right.drop_cont_sec_new_tal.show {
            transform: translate3d(-87px, 45px, 0px)!important;
        }
        .apply_news_btns {
            position: relative;
            margin-top: 25px;
        }

        .drop_down_sec_new_body.afselectrow  .select-group {
            display: flex;
            gap: 15px;
        }
        .search_clear {
            position: absolute;
            top: 0;
            right: 60px;
            display:none;
        }
        .talent_brow_cont_heart i {
            font-size: 30px
        }

        .talent_brow_cont_heart i:hover {
            color: red
        }

        .select2-container--default .select2-search--inline .select2-search__field {
            width: initial !important;
        }

        ul.pagination {
            justify-content: center;
            margin-top: 40px;
        }

        .drop_down_sec_new {
            width: 800px;
            left: -120%;
        }

        .drop_down_sec_new .drop_down_sec_new_body {
            grid-template-columns: 1fr 1fr 1fr 1fr;
        }

        .dropdown-menu .drop_down_sec_new {
            position: absolute;
            /* display: block; */
            left: 5px;
            top: 10px;
            width: 840px;
        }

        .dropdown-menu {
            /* display: block; */
            left: 0;
        }

        .drop_sec_new_tal.listing-location {position: relative;}
        .drop_sec_new_tal.listing-location i,
        .drop_sec_new_tal.listing-location img {
            position: absolute;
            left: 0;
            top: 8px;
            left: 12px;
            color: #2d6db3;
            font-size: 18px;
            width:15px;
        }
        .drop_sec_new_tal.listing-location input {
            background-size: 12px;
            border-radius: 30px;
            border: 1.5px solid black;
            height: 100%;
            width: 96%;
            padding-left: 35px;
            padding-right: 30px;
        }
        .search_sec_new ul {
            display: inline-flex;
            align-items: center;
        }



        /* animated search */

        .animated-search input[type=text] {
            width: 46px;
            height: 100%!important;
            background-image: url(/images/search.png);
            background-position: 9px 9px!important;
        }

        .animated-search input[type=text]:focus {
            width: 200px;
            border: 2px solid #ccc;
            padding-left: 40px;
        }

        .selct_cate_sec_new_flex {
            display: grid!important;
            grid-template-columns: 0.5fr 0.5fr 0.5fr;
            gap: 15px;
        }


        .filter-container {
            display: flex;
            align-items: center;
            margin-left: 5px;
        }

        .sel_Box_new {
            width: 100%!important;
        }

        .ddsn_close {
            position: absolute;
            width: 25px;
            right: 20px;
            top: 20px;
            cursor: pointer;
            text-align: center;
            display: block;
            z-index: 99;
        }

        .ddsn_close i {
            font-size: 25px;
        }

        #text-clear {
            position: absolute;
            top: 2px;
            right: 45px;
            cursor: pointer;
        }

        @media only screen and (min-width:992px) and (max-width:1200px) {
            .dropdown. show {
                display: initial;
            }

            .drop_down_sec_new {
                width: 800px !important;
                left: 0;
            }

            .drop_down_sec_new .drop_down_sec_new_body {
                grid-template-columns: 1fr 1fr 1fr;
            }
            .sel_Box_new {
                width: 100%;
            }
            .selct_cate_sec_new_flex {
                width: 62%;
            }
            .selct_cate_sec {
                display:flex!important;
            }
            .search_sec_new ul {
                display: block;
                height: 50px;
            }
        }

        @media (max-width:991px) {

            .search_sec_new ul {
                display: block;
                height: 50px;
            }
            .talent_list_new_sec_body_right_single_cont_sec {
                bottom: -48px!important;
            }

        }

        @media only screen and (min-width:768px) and (max-width:991px) {

            .drop_down_sec_new {
                left: 0;
                width: 650px !important;
            }

            .drop_down_sec_new .drop_down_sec_new_body {
                grid-template-columns: 1fr 1fr 1fr;
            }

            .filter-container {
                display: flex;
                align-items: center;
                margin-top: 25px;
            }
            .selct_cate_sec_new_flex {
                grid-template-columns: 0.7fr 0.7fr 0.7fr;
            }
            .sel_Box_new {
                width: 100%!important;
            }

            .filter-container {
                z-index: 999;
                position: relative;
                width: 50%;
            }
            .search_sec_new {
                margin: -40px 0 0 0!important;
            }

        }


        @media only screen and (max-width:767px) {
            .drop_down_sec_new {
                left: 0;
                width: 100%;
            }

            .drop_down_sec_new .drop_down_sec_new_body {
                grid-template-columns: 1fr 1fr;
            }
            .selct_cate_sec_new_flex {
                display: block!important;
            }
            .drop_sec_new_tal.listing-location input {
                height: 36px;
                width: 100%;
                margin-bottom: 15px;
            }

            .drop_sec_new_tal.dropdown.categorybx {
                width: 46%;
                float: left;
                margin-right: 4%;
            }


            .drop_sec_new_tal.dropdown.subcategorybx {
                width: 50%;
                float: left;
            }

            .filter-container {
                display: inline-flex;
            }
            li.sort_by_sec_new.dropdown.new_sort_brdr {
                margin: 0px!important;
                padding: 4px 20px;
            }
            .search_sec_new ul {
                text-align: right;
            }
            .dropdown-menu .drop_down_sec_new {
                width: 375px;
                height: 475px;
                overflow-x: scroll;
            }

        }

        @media only screen and (max-width:479px) {
            .drop_down_sec_new .drop_down_sec_new_body {
                grid-template-columns: 1fr;
            }
            .search_sec_new ul {
                height: 35px;
            }
            .animated-search input[type=text] {
                background-position: 14px 7px!important;
            }
            .talent_list_new_sec_body {
                padding-top: 60px;
            }
            .dropdown-menu .drop_down_sec_new {
            width: 300px;
            }
        }

        @media only screen and (max-width:360px) {
            .search_sec_new ul li {
                display: block!important;
            }
            .filter-container {
                display: block;
                margin-top: 48px;
            }

            .talent_list_new_sec_body {
                margin-top: 50px;
            }
            /*.search_sec_new ul {
                display: grid!important;
                grid-template-columns: 1fr 0.5fr!important;
            }*/
            .animated-search input[type=text] {
                background-position: 9px 9px!important;
            }
            .animated-search input[type=text]:focus {
                width: 170px!important;
                padding: 0 0 0 36px!important;
                margin-right: 20px!important;
            }

            .dropdown-menu .drop_down_sec_new {
                width: 280px;
            }
        }


        @media only screen and (max-width:360px) {
            .dropdown-menu .drop_down_sec_new {
                width: 250px;
            }
        }

        .talent_list_new_sec_body_right_single_cont_img img {
            /* width: 100%; */
            border-radius: 8px;
            position: relative;
            /* height: 100% !important; */
            object-fit: cover !important;
        }
        .advance_box {
            display: grid;
            grid-template-columns: 1fr 15fr;
            grid-column-gap: 10px;
        }
        .nice-select.sort-select {
            border: 1px solid #ccc;
            width:150px;
            height: 38px;
            line-height: 36px;
            padding-left: 45px;
            font-size: 14px;font-weight: 600;
        }

        .nice-select.sort-select:before {
            position: absolute;
            content: '';
            width: 32px;
            height: 17px;
            left: 6px;
            background: url(images/barline.png);
            background-repeat: no-repeat;
            top: 10px;
        }
        /*.talent_list_new_sec_head {
            position: relative;
            display: grid!important;
            grid-template-columns: 6fr 0.2fr 0.8fr!important;
        }*/
        div#divListTalentView {
            overflow-y: scroll;
        }
    </style> -->

    <style type="text/css">
        .ddsn_close {
            position: absolute;
            width: 25px;
            right: 20px;
            top: 20px;
            cursor: pointer;
            text-align: center;
            display: block;
            z-index: 99;
        }

        .ddsn_close i {
            font-size: 25px;
        }
    </style>
    <section class="talent_list_new_sec">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12 col-md-12">
                    <div class="talent_list_new_sec_head">
                        <div class="talent_list_new_sec_head_left">
                            <div class="selct_cate_sec">
                                <div class="selct_cate_sec_new_flex">
                                    <div class="drop_sec_new_tal dropdown listing-location">
                                        <input id="searchTextField" class="filter_location" name="location" placeholder="Search Location" type="text" size="50" >
                                        <input type="hidden" id="search_location">
                                        <img src="alltalent_v1/images/map-icon.png" alt="">
                                        <div id="text-clear">
                                            <i class="fas fa-times" style="color: black"></i>
                                        </div>
                                    </div>
                                    <div class="drop_sec_new_tal dropdown categorybx">
                                        <select class="cat_namekeyword sel_Box_new" name="category" id="cat_name" onchange="getSubCategory(this,'subcategory');filterApply();">
                                            <option value="">Category</option>
                                            @foreach ($cat_list as $item)
                                                <option value="{{$item->id}}" >{{$item->name}}</option>
                                            @endforeach
                                            <option value="">Category</option>
                                        </select>
                                    </div>
                                    <div class="drop_sec_new_tal dropdown ml_20 subcategorybx" style="display: block;">
                                        <select id="subcategory" class="sel_Box_new filter" onchange="filterApply()" name="sub_category_id">
                                            @if(!empty($_GET['category']))
                                                @if(!empty($subCatList))
                                                    @foreach($subCatList as $sublst)
                                                        <option value="{{$sublst->name}}" >{{$sublst->name}}</option>
                                                    @endforeach
                                                @else
                                                    <option value="">Sub-Category</option>
                                                @endif
                                            @else
                                                <option value="">Sub-Category</option>
                                            @endif
                                        </select>
                                    </div>
                                </div>
                                <div class="filter-container">
                                    <h6 class="results_text actor_id" style="display: none;">(00 Results)</h6>
                                    <div class="filter_box">
                                        <span class="adv_fil_sec dropdown">
                                            <button class="dropdown-toggle adv-fltr-btn" type="button" id="dropdownMenuButton123" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                <img src="images/filter.png"> Advanced Filters
                                            </button>
                                        </span>
                                        <div class="dropdown-menu adv-popup" aria-labelledby="dropdownMenuButton123">
                                            <div class="drop_down_sec_new">
                                                <div class="ddsn_close">
                                                    <i class="fa  fa-times"></i>
                                                </div>
                                                <!-- <div class="drop_down_sec_new_head">
                                                    <h5><img src="images/filter.png"> Advanced Filters<span class="results_text actor_id">(00 Results)</span></h5>
                                                </div> -->
                                                <form class="advance_form">
                                                    <div class="drop_down_sec_new_body afselectrow">
                                                        <div class="advance_filter_sec_new_single">
                                                            <label for="">Gender</label>
                                                            <select class="sel_Box_new adv_select" name="gender" id="filter_gender">
                                                                <option value="">Gender</option>
                                                                @foreach ($gender as $g)
                                                                    <option value="{{ $g->id }}">{{ $g->name }}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                        <div class="advance_filter_sec_new_single">
                                                            <label for="">Min Age</label>
                                                            <select name="min_age" id="min_age" class="sel_Box_new adv_select">
                                                                <option value="">Select Min Age</option>
                                                                @php $i=00; @endphp
                                                                @for ($i=1; $i<=100; $i++)
                                                                    <option value="{{ $i }}">{{ $i }}</option>
                                                                @endfor
                                                            </select>
                                                        </div>
                                                        <div class="advance_filter_sec_new_single">
                                                            <label for="">Max Age</label>

                                                            <select name="max_age"  id="max_age" class="sel_Box_new adv_select">

                                                                <option value="">Select Max Age</option>
                                                                @php $i=00; @endphp
                                                                @for ($i=1; $i<=100; $i++)
                                                                    <option value="{{ $i }}">{{ $i }}</option>
                                                                @endfor
                                                            </select>
                                                        </div>

                                                                                                                @foreach ($physical_attributes as $physical)
                                                            <div class="advance_filter_sec_new_single adv_hide_show" style="display: none">
                                                                <label>{{ $physical->label }}</label>
                                                                @if (in_array($physical->label,$single_attr))
                                                                    <select class="sel_Box_new adv_select adv_select_new" data-labelnameid="{{$physical->id}}" name="{{ $physical->id }}_s">
                                                                        <option value="0"> Select</option>
                                                                        @foreach ($physical->dropdown as $child)
                                                                        <option value="{{ $child->value }}">{{ $child->value }}</option>
                                                                        @endforeach
                                                                    </select>
                                                                @else
                                                                    <div class="select-group">
                                                                        <select class="sel_Box_new adv_select" name="{{ $physical->id }}_min">
                                                                            <option value="0">Min</option>
                                                                            @foreach ($physical->dropdown as $child)
                                                                            <option value="{{ $child->value }}">{{ $child->value }}</option>
                                                                            @endforeach
                                                                        </select>
                                                                        <select class="sel_Box_new adv_select" name="{{ $physical->id }}_max">
                                                                            <option value="0">Max</option>
                                                                            @foreach ($physical->dropdown as $child)
                                                                            <option value="{{ $child->value }}">{{ $child->value }}</option>
                                                                            @endforeach
                                                                        </select>
                                                                    </div>
                                                                @endif
                                                            </div>
                                                        @endforeach
                                                    </div>
                                                    <div class="">
                                                        <div class="apply_news_btns">
                                                            <ul>
                                                                <li><a href="#" class="app_btns" onclick="filterApply()">APPLY</a></li>
                                                                <li><a href="#" class="reset_fil" onclick="resetFilter()">Reset Filters</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                    <a href="{{route('talent.list')}}" class="reset_filter">Reset Filters</a>
                                </div>
                            </div>
                        </div>
                        <div class="search_sec_new">
                            <ul>
                                <li class="search_box_new">
                                    <i class="fas fa-search"></i>
                                    <input type="search" name="" placeholder="E.g. Meghna Kaur" id="filter_name" placeholder="Search Talents" onkeyup="filterApply()">
                                </li>
                                <li>
                                    <select name="active_asc_desc" id="filter_sortby" class="sort-select active_asc_desc filter" onchange="filterApply()">
                                        <option value="">Sort By</option>
                                        <option value="ASC">A-Z</option>
                                        <option value="DESC">Z-A</option>
                                    </select>
                                </li>
                                <!-- <li class="sort_by_sec_new dropdown new_sort_brdr">
                                    <button class="dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" onchange="filterApply()">
                                        Sort By<i class="fas fa-caret-down"></i>
                                    </button>
                                    <div class="dropdown-menu dropdown-menu-right drop_cont_sec_new_tal" aria-labelledby="dropdownMenuButton">
                                        <a href="#">Ascending A-Z</a>
                                        <a href="#">Descending Z-A</a>
                                    </div>
                                </li> -->
                            </ul>
                            <!-- <ul>
                                <li class="search_box_new">
                                    <div class="seacrhbx">
                                        <div class="animated-search">
                                            <input type="text" name="search" class="search" id="filter_name" placeholder="Search Talents" onkeyup="filterApply()">
                                            <div class="search_clear">
                                                <i class="fa  fa-times"></i>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="">
                                </li>
                            </ul> -->
                        </div>

                        <!-- <select name="active_asc_desc" id="filter_sortby" class="sort-select active_asc_desc filter" onchange="filterApply()">
                            <option value="">Sort By</option>
                            <option value="ASC">A-Z</option>
                            <option value="DESC">Z-A</option>
                        </select> -->
                    </div>
                    <div class="talent_list_new_sec_body custom_scroller" id="scroll_to_show_talent">
                        <div class="row">
                            <div class="col-lg-12 col-md-12">
                                <div class="talent_list_new_sec_body_right" id="talent_listing_div">
                                </div>
                                <div id="load-msg"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </div>
    </section>
@endsection
@section('script')
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jquery-nice-select@1.1.0/css/nice-select.css">
<script src="https://cdn.jsdelivr.net/npm/jquery-nice-select@1.1.0/js/jquery.nice-select.min.js"></script>
<script>
    $(document).ready(function() {
        // $('.reset_filter').hide();
    $('.active_asc_desc').niceSelect();
});
</script>

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDrajYQolkl8Gzi0LdWRQZvoVLGfkPPbNE&callback=initMap&libraries=places&v=weekly" defer></script>

<script type="text/javascript">

    let formatted_address="";
    let city="";
    let state='';
    let country_long="";
    let country_short="";
    let desired_lat="";
    let desired_lang="";
    function initAutocomplete() {
        // Create the search box and link it to the UI element.
        const center = {
            lat: 50.064192,
            lng: -130.605469
        };
        const defaultBounds = {
            north: center.lat + 0.1,
            south: center.lat - 0.1,
            east: center.lng + 0.1,
            west: center.lng - 0.1,
        };
        const input = document.getElementById("searchTextField");
        const options = {
            bounds: defaultBounds,
            componentRestrictions: {
                country: "us"
            },
            fields: ["address_components", "geometry", "icon", "name"],
            strictBounds: false,
            types: ["establishment"],
        };
        // console.log(searchBox)
        const searchBox = new google.maps.places.SearchBox(input, options);
        // $(document).loadScrollData();


    }
    function initMap() {
         formatted_address="";
         city="";
         state='';
         country_long="";
         country_short="";
         desired_lat="";
         desired_lang="";
        
        var input = document.getElementById('searchTextField');
        
        var options = {

            types: ['(regions)'],

        };
        var autocomplete = new google.maps.places.Autocomplete(input, options);
        autocomplete.addListener('place_changed', function() {
            var place = autocomplete.getPlace();
            appendLocation(place);
        });
        initializeMap();
    }

    function appendLocation(place) {
        var address_components = place.address_components;
            for (var i = 0; i < address_components.length; i++) {
                switch (address_components[i].types[0]) {
                    case "locality":
                        city = address_components[i].long_name;
                        break;
                    case "administrative_area_level_1":
                        state = address_components[i].long_name;
                        break;
                    case "country":
                        country_long = address_components[i].long_name;
                        country_short = address_components[i].short_name;
                    default:
                        break;
                }
            }
            $('#search_location').val(city+','+state+','+country_long);
            filterApply();
            formatted_address = place.formatted_address;
            desired_lat=place.geometry.location.lat();
            desired_lang=place.geometry.location.lng();
            // start=count=0;
            // limit=12;
            //$('.talent_list_new_sec_body_right').empty();
            //$(document).loadScrollData();
        }



        function checkIfelmExist(compare_text) {


        var array = [];

        $("#geoData li").each((id, elem) => {

            var text = elem.innerText;

            text = text.replace(/\\n/g, '');

            array.push(text);

        });

        var res = $.inArray("india", array);

        }





        function initializeMap() {

        var latlng = new google.maps.LatLng(28.5355161, 77.39102649999995);

        var map = new google.maps.Map(document.getElementById('map'), {

            center: latlng,

            zoom: 13

        });

        var marker = new google.maps.Marker({

            map: map,

            position: latlng,

            draggable: true,

            anchorPoint: new google.maps.Point(0, -29)

        });

        var options = {

            types: ['(address)'],

        };

        var input = document.getElementById('searchInput_123');

        map.controls[google.maps.ControlPosition.TOP_LEFT].push(input);

        var geocoder = new google.maps.Geocoder();

        var autocomplete = new google.maps.places.Autocomplete(input);

        autocomplete.bindTo('bounds', map);

        var infowindow = new google.maps.InfoWindow();

        autocomplete.addListener('place_changed', function() {

            infowindow.close();

            marker.setVisible(false);

            var place = autocomplete.getPlace();

            if (!place.geometry) {

                window.alert("Autocomplete's returned place contains no geometry");

                return;

            }


            if (place.geometry.viewport) {

                map.fitBounds(place.geometry.viewport);

            } else {

                map.setCenter(place.geometry.location);

                map.setZoom(17);

            }



            marker.setPosition(place.geometry.location);

            marker.setVisible(true);



            bindDataToForm(place.formatted_address, place.geometry.location.lat(), place.geometry.location

                .lng(), place.adr_address);

            infowindow.setContent(place.formatted_address);

            infowindow.open(map, marker);



        });

        // this function will work on marker move event into map

        google.maps.event.addListener(marker, 'dragend', function() {

            geocoder.geocode({

                'latLng': marker.getPosition()

            }, function(results, status) {

                // console.log(results);

                if (status == google.maps.GeocoderStatus.OK) {

                    if (results[0]) {

                        // console.log(results[0]);

                        bindDataToForm(results[0].formatted_address, marker.getPosition().lat(), marker

                            .getPosition().lng());

                        // bindDataToForm(results, marker.getPosition().lat(), marker

                        // .getPosition().lng());

                        infowindow.setContent(results[0].formatted_address);

                        infowindow.open(map, marker);

                    }

                }

            });

        });
        }
        function bindDataToForm(address, lat, lng, adr_address) {

        }
</script>
<script>
    var parmObj = {
        limit		:	16,
        listingId	:	"#talent_listing_div",
        loadMsgId	:	'#load-msg',
        ajaxUrl		:	'{{route("talent-body-listing")}}',
        loadingMsg	:	'<div class="p-1 loadmore-cls text-center"><i class="fa fa-fw fa-spin fa-spinner"></i>Loading more...Please Wait...</div>',
        loadingSpeed	:	10
    };
    var paramFltr = {};
    var advancefltrAry = [];
    var advFltrKeyVal = {};
    $(".adv_select_new").change(function(e) {
        labelnameid = $(this).data('labelnameid');
        pval = $(this).val();
        var advFltrKeyVal = {
            name : labelnameid,
            val : pval
        };
        advancefltrAry.push(advFltrKeyVal);
    });
    filterApply = () => {
        /* $('.adv_select_new').map(function(){
            advancefltrAry.push($(this).val());
        }); */
        var paramFltr = {
            filter_cat : $('#cat_name').val(),
            filter_subcat : $('#subcategory').val(),
            filter_location : $('#search_location').val(),
            filter_gender : $('#filter_gender').val(),
            filter_minage : $('#min_age').val(),
            filter_maxage : $('#max_age').val(),
            filter_name : $('#filter_name').val(),
            filter_sortby : $('#filter_sortby').val(),
            advance_fltr : JSON.stringify(advancefltrAry),
        };
        $('#talent_listing_div').html('');
        $('.adv-popup').hide();
        loadMoreData(0,parmObj,paramFltr);
    }
    $(document).ready(function() {
        loadMoreData(0,parmObj,paramFltr);
    });
    
    loadMoreData = (start, settings, paramFltr=null) => {
        action = "inactive";
        /* if(jQuery.isEmptyObject(paramFltr)){
        }else{
            $(settings.listingId).html('');            
        } */
        $(settings.loadMsgId).html(settings.loadingMsg);
        $.ajax({
            method: "POST",
            data: {
                _token: "{{ csrf_token() }}",
                limit : settings.limit,
                start : start,
                param : paramFltr
            },
            url: settings.ajaxUrl,
            success: function(data) {
                if(data.status==1){
                    $(settings.listingId).append(data.html);
                    $(settings.loadMsgId).html('');
                    action = 'active';
                }else{
                    action = 'inactive';
                    $(settings.loadMsgId).html('<div class="p-1 text-center">No talents found.</div>');
                }
            }
        });
    }
    
    $('#scroll_to_show_talent').scroll(function() {
        //alert($('#scroll_to_show_talent').scrollTop() + $('#scroll_to_show_talent').height()+">>>"+$(parmObj.listingId).height());
        //alert($('#my_fav_list').scrollTop() + $('#my_fav_list').height()+'>>'+$(parmObj.listingId).height()+'>>'+action);
        //alert($('#scroll_to_show_talent').scrollTop() + $('#scroll_to_show_talent').height()+">>>"+$(parmObj.listingId).height());
        //alert($('#scroll_to_show_talent').scrollTop() + $('#scroll_to_show_talent').height()+">>>"+$(parmObj.listingId).height());
        if ($('#scroll_to_show_talent').scrollTop() + $('#scroll_to_show_talent').height() >= $(parmObj.listingId).height()-$('#scroll_to_show_talent').scrollTop() && action == 'active') {
            var paramFltr = {
                filter_cat : $('#cat_name').val(),
                filter_subcat : $('#subcategory').val(),
                filter_location : $('#search_location').val(),
                filter_gender : $('#filter_gender').val(),
                filter_minage : $('#min_age').val(),
                filter_maxage : $('#max_age').val(),
                filter_name : $('#filter_name').val(),
                filter_sortby : $('#filter_sortby').val(),
                advance_fltr : JSON.stringify(advancefltrAry),
            };
            //alert( $('#scroll_to_show_talent').scrollTop() +">>>"+ $('#scroll_to_show_talent').height()+">>>>"+$(parmObj.listingId).height());
            start = $(parmObj.listingId).children('.tlntlisted').length;
            setTimeout(function() {
                loadMoreData(start,parmObj,paramFltr);
            }, parmObj.loadingSpeed);
            action = 'inactive';
        }
    });
</script>
<script type="text/javascript">
  function addorremovefav(userId, id, status) {
    $.ajax({
      type: "post",
      url: "/setorremovefav",
      data: {
        _token: "{{ csrf_token() }}",
        'userId': userId,
        'status' : status
      },
      success: function(data) {
        if (data.data == 1) {
          $('#' + id + '_favornot').addClass('active')
        } else {
          $('#' + id + '_favornot').removeClass('active')
        }
      },
    });
  }
</script>
<script>
    $("#cat_name").on('change',function(){
        let seleted_arr=[50,52];
        if($(this).val()==50 || $(this).val()==52){
            $('.adv_hide_show').show();
        } else {
            $('.adv_select_new').prop('selectedIndex',0);
            $('.adv_hide_show').hide();
        }
    });
    function getSubCategory(input, dynSubCatid) {
        $("#" + dynSubCatid).empty().append("<option value=''>Sub-Category</option>");
        $.ajax({
            beforeSend: function() {},
            type: "get",
            url: "/get-sub-ctg",
            data: "id=" + input.value,
            success: function(data) {
                $("#" + dynSubCatid).empty();
                $("#" + dynSubCatid).append("<option value=''>Sub-Category</option>");
                $.each(data, function(key, value) {
                    $("#" + dynSubCatid).append($("<option></option>").attr("value", value.id).text(value.name));
                });
            },
            complete: function() {
                $("#wait").css("visibility", "hidden")
            }
        });
    }
    $(document).ready(function() {
        $(".dropdown-toggle.adv-fltr-btn").click(function() {
            $(".dropdown-menu.adv-popup").toggle();
        });
    });
    function rest_adv_select_box(param){
        $('.adv_select').prop('selectedIndex',0);
        /* start=count=0;
        filter_data=1;
        limit=12; */
        $('.adv-popup').hide()
        /* status="n_request";
        $('.talent_list_new_sec_body_right').empty();
        if(param==1){
            $(document).loadScrollData();
        } */
    }
    /* function resetFilter(){
        rest_adv_select_box(0);
        $('#subcategory').prop('selectedIndex',0);
        $('input[name="search"]').val('')
        $('#cat_name').prop('selectedIndex',0)
        $('.adv_select').prop('selectedIndex',0);
        loadMoreData(0,parmObj,{});
    } */
    $(".ddsn_close").click(function(){
        $(".dropdown-menu.adv-popup").hide();
    });
</script>
@endsection