{{-- Location Drop jQuery --}}
@if(Request::is('profile/owner/*') || Request::is('acting-drivers') || Request::is('acting-drivers/*'))
<script type="text/javascript">
    $('#country').on('change', function() {
        get_state_by_country();
    });
        function get_state_by_country(){
            var country_id = $('#country').val();
            $.post('{{route('getStates')}}',{_token:'{{ csrf_token() }}', country_id:country_id}, function(data){
                $('#state').html(null);
                $('#state').append($('<option value="">Select State</option>', {
                }));
                for (var i = 0; i < data.length; i++) {
                    $('#state').append($('<option>', {
                        value: data[i].id,
                        text: data[i].name
                    }));
                }
            });
        }
    $('#state').on('change', function() {
        get_city_by_state();
    });
    function get_city_by_state(){
        var state_id = $('#state').val();
        $.post('{{route('getCities')}}',{_token:'{{ csrf_token() }}', state_id:state_id}, function(data){
            $('#city').html(null);
            $('#city').append($('<option value="">Select City</option>', {
            }));
            for (var i = 0; i < data.length; i++) {
                $('#city').append($('<option>', {
                    value: data[i].id,
                    text: data[i].name
                }));
            }
        });
    }
</script>
@endif

@if (
    Route::currentRouteName() == "profile.edit" ||
    Route::currentRouteName() == "travels-and-tours" ||
    Route::currentRouteName() == "packers-and-movers" ||
    Route::currentRouteName() == "self-drive-cars"
)
    <script type="text/javascript">
        $('#state').on('change',function(){
            getAppCities();
        });
        function getAppCities(){
            var state = $('#state').val();
            $.post('{{route('getAppCities')}}',{_token:'{{ csrf_token() }}', state:state}, function(data){
            $('#city').html(null);
            $('#city').append($('<option value="">Select City</option>', {
            }));
            for (var i = 0; i < data.length; i++) {
                $('#city').append($('<option>', {
                    value: data[i],
                    text: data[i]
                }));
            }
        });
        }
    </script>
@endif

@if (Route::currentRouteName() == "elite.registerForm")
    <script type="text/javascript">
        $('#state').on('change', function() {
            get_city_by_state();
        });
        function get_city_by_state(){
            // var state_id = $('#state').val();
            let state_id = $('#state option:selected').attr('data-id');
            console.log("State ID => "+state_id);
            $.post('{{route('getCities')}}',{_token:'{{ csrf_token() }}', state_id:state_id}, function(data){
                $('#city').html(null);
                $('#city').append($('<option value="">Select City</option>', {
                }));
                for (var i = 0; i < data.length; i++) {
                    $('#city').append($('<option>', {
                        value: data[i].name,
                        "data-id": data[i].id,
                        text: data[i].name
                    }));
                }
            });
        }
    </script>
@endif