{% extends 'base.html.twig' %}
{% block title %}Vos groupes d'adresses{% endblock %}
{% block body %}
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-body">
<h2>GEOLOCALISATION EN COURS</h2>
<input type="hidden" value="{{ addresses_list.id }}" id="addressesListID" name="addressesListID"/><br/>
<div class="mb-3 row">
<label>Tolérance pour la géolocalisation de 0 à 100<br/>
<small> 0: aucune tolérance - 100 : trés tolérant
</small>
</label>
<input type="number" value="75" id="geoLocThreshold" name="geoLocThreshold"/><br/>
</div>
<div class="mb-3 row">
<input type="button" class="btn btn-primary" id="startBulkGeoloc" value="Lancer la géolocalisation" name="Lancer la géolocalisation">
</div>
<br/>
Avancement : <span id="progressPercentage">0</span>%
<br/>
<div class="progress">
<div id="progressBar" class="progress-bar progress-bar-striped bg-info" role="progressbar" style="width: 0%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100">
</div>
</div>
<div id="actionFinished" style="display: none">
<br/>
<br/>
<div class="alert alert-info" role="alert">
Géolocalisation terminée
<br/>
<a class="btn btn-outline-secondary waves-effect" href="{{ path('app_addresses_list_show', {'id': addresses_list.id}) }}">Revenir à la liste</a>
</div>
</div>
</div>
</div>
<script>
// geoloc(0);
</script>
</div>
</div>
{% endblock %}