[(#REM)

/*******************************************************************************\
 * BIODIV, plugin et squelette pour SPIP - https://www.spip.net/               *
 *         dédié à la gestion d'observations naturalistes                      *
 *                                                                             *
 *         Copyright (C) 2008-2020 Renaud LAURETTE                             *
 *                                                                             *
 * BIODIV a été développé initialement pour le projet Biodiv.Balma de l'APCVEB *
 * (Association de Protection du Cadre de Vie et de l'Environnement balmanais) * 
 *     voir Biodiv.Balma : https://balma.biodiv.fr/                            *
 *     voir APCVEB : http://apcveb.free.fr/                                    *
 *                                                                             *
 *  Ce programme est un logiciel libre distribué sous licence GNU/GPL.         *
 *  Pour plus de détails voir les fichier COPYING.txt et LICENCE-BIODIV.md     *
\*******************************************************************************/

]

[(#REM)
	On force les coordonnées sur le lieu central par défaut
	- voir biodiv_fonctions.php -
	et on indique les latitudes/longitudes min/max de la commune
]
[(#SET{lat,[(#ENV**{lat,[(#CONFIG{biodiv/lat})]})]})]
[(#SET{lng,[(#ENV**{lng,[(#CONFIG{biodiv/lng})]})]})]
[(#SET{zoom,[(#ENV**{zoom,[(#CONFIG{biodiv/zoom})]})]})]


<div class='container'>
	<!-- <br class='bugajaxie' /> -->
	[<p class="bg-sucess">(#ENV*{message_ok})</p>]
	[<p class="bg-danger">(#ENV*{message_erreur})</p>]
	[(#ENV{editable})

	<form method='post' action='#ENV{action}' class="form-horizontal" enctype='multipart/form-data' name='obseditfrm'>
	[(#REM) declarer les hidden qui declencheront le service du formulaire parametre : url d'action ]
		#ACTION_FORMULAIRE{#ENV{action}}
		<textarea id="dumpy" name="dumpy" rows="10" cols="80" style="display: none;"></textarea>
		<input type="hidden" name="id_auteur" id="id_auteur" value="[(#SESSION{id_auteur})]" />

		
		<div class="form-group">
		  <div class="col-sm-offset-3 col-sm-9">
		  	<div id="map_obs" style="width: 100%; height: 300px"></div>
		  	<p class='help-box' id="follow"></p>
		  </div>
		</div>

	[(#REM) Actions]	
		<div class="form-group">
	  	  <div class="col-sm-offset-3 col-sm-9">
	  		<button type="submit" class="btn btn-primary col-sm-2">Chercher</button>
	  		<button id="localiser" class="btn btn-default col-sm-offset-1 col-sm-2" type="button">Localisation</button>
	  		<button id="positionner" class="btn btn-default col-sm-offset-1 col-sm-3" type="button">Position initiale</button>
	  	  </div>
	  	</div>
	    
	  </form>
	]

</div>

<INCLURE{fond=esl_js}{env} />
<script type="text/javascript">
<!--

  var map_container = 'map_obs';
  var form_map = L.map(map_container).setView([ #GET{lat}, #GET{lng}], #GET{zoom});
  eSL.defaultMap().addTo(form_map);
  var marker = null;
  var lastPosition = {
  	"latitude": #GET{lat},
  	"longitude": #GET{lng},
  	"calcul": false
  	};
  
  function onMapClick(e) {
  	document.getElementById("follow").innerHTML="Localisation manuelle";
	laPosition(e.latlng.lat, e.latlng.lng);
   };
   form_map.on('click', onMapClick);  
   L.control.layers(eSL.baseMaps, {}).addTo(form_map);

   
    function laPosition(latitude, longitude) {
    	var dlat= 0.001;
    	var dlon = 0.0015;
    	
  	if(marker) {
		form_map.removeLayer(marker);
	}    	
    	marker = new L.marker([latitude, longitude]);
    	marker.addTo(form_map);
    	var geo = {
    		type: "Feature",
    		geometry: {
    		    type: "Polygon",
    		    coordinates: [[
    		    		[ longitude - dlon, latitude - dlat],
    		    		[ longitude + dlon, latitude - dlat],
    		    		[ longitude + dlon, latitude + dlat],
    		    		[ longitude - dlon, latitude + dlat],
    		    		[ longitude - dlon, latitude - dlat]
    		    	]]
    		    }
    		 };
    		
    	$('#dumpy').val(JSON.stringify(geo));
    	}
    	
    function geoPosition(position) {
    	document.getElementById("follow").innerHTML="Localisation automatique";
    	lastPosition = { 
    		"latitude": position.coords.latitude,
    		"longitude":  position.coords.longitude,
    		"calcul": true
    		};
    	laPosition(position.coords.latitude, position.coords.longitude);
    	}
    	
    function positionner() {
    	if( true  ) { // lastPosition.calcul 
    		document.getElementById("follow").innerHTML="Localisation automatique précédente";
    		laPosition(lastPosition.latitude, lastPosition.longitude);
    		} else {
    		document.getElementById("follow").innerHTML="Pas de localisation automatique précédente";
    		}
    	}
    	
    
    function erreurAdresse(msg) {
        document.getElementById("follow").innerHTML = msg;
    }
    
    function erreurPosition(error) {
    	var info = "Erreur lors de la g&eacute;olocalisation : ";
    	switch(error.code) {
    		case error.TIMEOUT:
    			info += "Timeout !";
    			break;
    		case error.PERMISSION_DENIED:
    			info += "Vous n’avez pas donn&eacute; la permission";
    			break;
    		case error.POSITION_UNAVAILABLE:
    			info += "La position n’a pu être déterminée";
    			break;
    		case error.UNKNOWN_ERROR:
    			info += "Erreur inconnue";
    			break;
    		}
   	erreurAdresse(info);
   	}
   
      function localiser() {	
      	
      		navigator.geolocation.getCurrentPosition(
       			geoPosition,
       			erreurPosition,
       			{maximumAge:300000, enableHighAccuracy:true}
       			);
       			document.getElementById("follow").innerHTML="Localisation en cours";

       	}
       	
       	if(navigator.geolocation) {
       	       	$("#localiser").click(function() {
       			localiser();
       			});
       		$("#positionner").click(function() {
       			positionner();
       			});
       		// localiser();
       		
        } else {
       		erreurAdresse("Pas de fonction de geolocalisation");
       		$("#localiser").hide();
       		$("#positionner").hide();
       	}  
       	laPosition(lastPosition.latitude, lastPosition.longitude);
 
-->
</script>