{{-- Location Autocomplete Script --}}
{{-- To Location Autocomplete --}}
<script type="text/javascript">
    google.maps.event.addDomListener(window,'load',toInitialize);
    function toInitialize(){
        var input = document.getElementById("toLocation");
        var options = {
            componentRestrictions: { country: "in" },
            fields: ["formatted_address","geometry","name"],
        };
        var autocomplete = new google.maps.places.Autocomplete(input, options);
        autocomplete.addListener('place_changed', function(){
            var place = autocomplete.getPlace();
            $('#toLatitude').val(place.geometry['location'].lat());
            $('#toLongitude').val(place.geometry['location'].lng());
        })
    }
</script>
{{-- From Location Autocomplete --}}
<script type="text/javascript">
    google.maps.event.addDomListener(window,'load',fromInitialize);
    function fromInitialize(){
        var input = document.getElementById("fromLocation");
        var options = {
            componentRestrictions: { country: "in" },
            fields: ["formatted_address","geometry","name"],
        };
        var autocomplete = new google.maps.places.Autocomplete(input, options);
        autocomplete.addListener('place_changed', function(){
            var place = autocomplete.getPlace();
            $('#fromLatitude').val(place.geometry['location'].lat());
            $('#fromLongitude').val(place.geometry['location'].lng());
        })
    }
</script>

<script type="text/javascript">
    $(document).ready(function(){
        getCurrent();
        // $('#fromCurrentLocation').on('click', function(){
        //     $('#location-icon').addClass("hidden");
        //     $('#spinnerIcon').removeClass("hidden");
        //     getCurrent();
        // });

        function getCurrent(){ // function to access current location
            if(navigator.geolocation){
                navigator.geolocation.getCurrentPosition(getPosition);
            }else{
                console.log('Geolocation is not supported by the Browser!');
            }
        }

        function getPosition(location){ // function to get latitude and longitude
            let latitude = location.coords.latitude;
            let longitude = location.coords.longitude;
            fromCurrentLocation(latitude,longitude);
        }

        function fromCurrentLocation(latitude,longitude){ // function to get address with co-ordinates via Geocoding
            // console.log('Latitude : '+latitude);
            // console.log('Longitude : '+longitude);
            let address = '';
            // geocoding started
            let url = 'https://maps.googleapis.com/maps/api/geocode/json?latlng='+latitude+','+longitude+'&key={{ $site_setting->map_api_key }}';
            $.get(url, function(response){
                const status = response.status;
                if(status=="OK"){
                    // get formatted address
                    address = response.results[0].formatted_address;
                    // geocoding completed... now displaying geocoded formatted address
                    // for laptop
                    $('#fromLocation').val(address);
                    $('#fromLatitude').val(latitude);
                    $('#fromLongitude').val(longitude);
                    $('#location-icon').removeClass("hidden");
                    $('#spinnerIcon').addClass("hidden");
                }
            });

        }
    });
</script>
<script type="text/javascript">
    // function findDistance(driv_lat,driv_lng,id){
    //     let user_lat = {{ Auth::user()->latitude }};
    //     let user_lng = {{ Auth::user()->longitude }};

        
    //     let to_lat = $('#toLatitude').val();
    //     let to_lng = $('#toLongitude').val();

    //     let url = "{{ route('getDistance') }}";
    //     $.post(url,{
    //         _token:"{{ csrf_token() }}",
    //         lat1: user_lat,
    //         lng1: user_lng,
    //         lat2: driv_lat,
    //         lng2: driv_lng, 
    //         unit: "K",
    //     }, function(response){
    //         // console.log("Distance : "+response.distance+" KM");
    //         $('#awayDistance_'+id).empty();
    //         $('#awayDistance_'+id).html(response.distance+"km away");
    //     });

    //     if(to_lat!="" && to_lng!=""){
    //         $.post(url,{
    //             _token:"{{ csrf_token() }}",
    //             lat1: user_lat,
    //             lng1: user_lng,
    //             lat2: to_lat,
    //             lng2: to_lng, 
    //             unit: "K",
    //         }, function(response){
    //             // console.log("Distance : "+response.distance+" KM");
    //             $('#dropDistance_'+id).empty();
    //             $('#dropDistance_'+id).html("Drop Distance : "+response.distance+"km");
    //             getDriverDetails(response.distance,id);
    //         });
    //     }
    // }
    // function getDriverDetails(distance,id){
    //     let min_fare = 0;
    //     let fare = 0;
    //     let total = 0;
    //     let url = "{{ route('getDriverDetails') }}";
    //     $.post(url,{
    //         _token:"{{ csrf_token() }}",
    //         id: id,
    //     }, function(resp){
    //         min_fare = resp.min_fare;
    //         fare = resp.fare;
    //         total = parseFloat(min_fare) + (parseFloat(fare)*parseFloat(distance));
    //         total = total.toFixed(0);
    //         console.log(total);
    //         // console.log(resp);
    //         $('#fare_'+id).empty();
    //         $('#fare_'+id).html("Fare : Rs. "+total);

    //         $('#rideDetails_'+id).removeClass('d-none');
    //     });
    // }

    function sendMessage(id){
        var cust_name = "{{ Auth::user()->name }}";
        var cust_no = "{{ Auth::user()->whatsapp_no }}";
        var fromLat = $('#fromLatitude').val();
        var fromLng = $('#fromLongitude').val();
        var from_address = "{{ !empty($from) ? $from : '' }}";
        var from_location = 'https://maps.google.com/?q='+fromLat+','+fromLng+'';
        var toLat = $('#toLatitude').val();
        var toLng = $('#toLongitude').val();
        var to_address = "{{ !empty($to) ? $to : '' }}";
        var to_location = 'https://maps.google.com/?q='+toLat+','+toLng+'';
        var distance = $('#dropDist_'+id).val();

        var total_fare = $('#total_fare_'+id).val();
        var fare = $('#fare_'+id).val();

        var driver_id = $('#driver_id_'+id).val();
        var driver_n = $('#driver_name_'+id).val();
        var driver_no = $('#driver_wp_'+id).val();

        var total_days = $('#total_days_'+id).val();

        var trip_type = $('#way_'+id).val();
        var ac = $('#ac_'+id).val();

        var message = "*Approximate Fare Details*\n\nHello "+driver_n+"! You've received an Ride via V Way Taxi (https://login.vway.in/). Find Details below...\n\nName : "+cust_name+"\n\nContact Number : +91"+cust_no+"\n\nFrom Address : "+from_address+"\n\nPerson Location : "+from_location+"\n\nTo Address : "+to_address+"\n\nDrop Location : "+to_location+"\n\nTotal Days : "+total_days+"\n\nTotal Distance : "+distance+"km\n\nTrip Type : "+trip_type+"\n\nA\C : "+ac+"\n\nAmount to Pay : Rs. "+fare+"";

        $('#whatsapp-icon').addClass("hidden");
        $('#spinIcon').removeClass("hidden");
        var url = "{{ route('newBooking') }}";
        $.post(url,{
            _token:"{{ csrf_token() }}",
            booking_type_id: 2, // outstation booking
            driver_id: driver_id,
            from: from_address,
            to: to_address,
            distance: distance,
            fare: fare,
            total_fare: total_fare,
            message: message,
        })
        .done(function(resp){
            $('#whatsapp-icon').removeClass("hidden");
            $('#spinIcon').addClass("hidden");
            setTimeout(function(){
                    swal({
                        icon:"success",
                        title:resp.success,
                    }).then(function(){
                        window.location.href="{{ route('profile') }}";
                    });
                },600);
        });

    }
</script>