{% extends 'base_admin.html.twig' %}

{% block title %}Edit Location Pin{% endblock %}

{% block body %}
    <h1 style="color: red;">Edit LocationPin</h1>
   <button class="btn btn-primary " onclick="getLocation()">Get Coordinates</button>
    {{ include('location_pin/_form.html.twig', {'button_label': 'Update'}) }}

    <a class="btn btn-outline-info btn-sm mt-2" href="{{ path('location_pin_index') }}">back to list</a>

    {{ include('location_pin/_delete_form.html.twig') }}
{% endblock %}

{% block javascripts %}
    <script>

        function getLocation(){
            if(navigator.geolocation){
                navigator.geolocation.getCurrentPosition(showLocation);
            }else{
                $('#location').html('Geolocation is not supported by this browser.');
            }
        };

        function showLocation(position){
            var latitude = position.coords.latitude;
            var longitude = position.coords.longitude;
            var pin = latitude + ","+longitude;
            $("#location_pin_gpsPin").val(pin).change();
            // $.ajax({
            //     type:'POST',
            //     url:'/location/pin/get/user/location',
            //     data:'latitude='+latitude+'&longitude='+longitude,
            //     success:function(msg){
            //         if(msg){
            //             $("#location").html(msg);
            //         }else{
            //             $("#location").html('Not Available');
            //         }
            //     }
            // });
        }
    </script>
{% endblock %}