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

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

{% block body %}
    <h1 style="color: red">New Location Pin</h1>

    <button class="btn btn-primary " onclick="getLocation()">Get Coordinates</button>

    <hr>
    {{ include('location_pin/_form.html.twig') }}

    <a class="btn btn-outline-info btn-sm mt-2" href="{{ path('location_pin_index') }}">Return to list</a>
{% 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 %}