{{-- Location Drop jQuery --}}
<script type="text/javascript">
    $('#country').on('change', function() {
        console.log("Fetching State!");
        get_state_by_country();
    });
        function get_state_by_country(){
            var country_id = $('#country').val();
            console.log("Country ID : "+country_id);
            $.ajax({
                url: '{{ route("api.getState") }}',
                headers: {
                    'apiKey': "{{ $site_setting->app_api_key }}",
                },
                method: 'POST',
                dataType: 'json',
                data: {
                    country_id: country_id,
                },
                success: function(data){
                    console.log("State :");
                    console.log(data);
                    $('#state').html(null);
                    $('#state').append($('<option value="">Select State</option>', {
                    }));
                    for (var i = 0; i < data.state.length; i++) {
                        $('#state').append($('<option>', {
                            value: data.state[i].id,
                            text: data.state[i].name
                        }));
                    }
                }
            });
        }
    $('#state').on('change', function() {
        console.log("Fetching Cities!");
        get_city_by_state();
    });
    function get_city_by_state(){
        var state_id = $('#state').val();
        $.ajax({
            url: '{{ route("api.getCity") }}',
            headers: {
                'apiKey': "{{ $site_setting->app_api_key }}",
            },
            method: 'POST',
            dataType: 'json',
            data: {
                state_id: state_id,
            },
            success: function(data){
                $('#city').html(null);
                $('#city').append($('<option value="">Select City</option>', {    
                }));
                for (var i = 0; i < data.cities.length; i++) {
                    $('#city').append($('<option>', {
                        value: data.cities[i].id,
                        text: data.cities[i].name
                    }));
                }
            }
        });
    }
</script>