{% extends 'base.html.twig' %}
{% block title %}Liste des groupe d'adresses{% endblock %}
{% block body %}
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-body">
<h2>Groupes d'adresses</h2>
<p>
Voici vos groupes d'adresses.
<br/><br/>
Le bouton <i style="font-size: 24px" class="mdi mdi-format-list-bulleted-square"></i> Permet de voir et ajouter des adresses dans votre groupe.
<br/>
Le bouton <i style="font-size: 24px" class="mdi mdi-earth"></i> Permet de geocoder l'ensemble des adresses du groupe.
<br/>
Le bouton <i style="font-size: 24px" class="mdi mdi-lock-outline"></i> Permet de vérouiller les adresses d'un groupe.
<br/><br/>
Les calculs ont besoin de listing d'adresses "figés" pour pouvoir être effectués.<br/>
Une fois votre groupe complété et géocodé, vous devez le vérouiller <i style="font-size: 24px" class="mdi mdi-lock-outline"></i> pour pouvoir l'utiliser dans les calculs.
<br/>
Si vous dévérouillez, un groupe cela supprimera les calculs réalisés avec ce groupe.
</p>
</div>
</div>
<div class="card">
<div class="card-body">
<h1>Vos groupes d'adresses</h1>
<div class="table-responsive" >
<table class="table table-bordered" id="datatable">
<thead class="table-light">
<tr>
<th>Groupe d'adresse</th>
<th>Description</th>
<th>Statut</th>
<th>Vérouillé</th>
<th>Nb adresses</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
{% for addresses_list in addresses_lists %}
<tr>
<td><a href="{{ path('app_addresses_list_show', {'id': addresses_list.id}) }}">{{ addresses_list.Title }}</a></td>
<td>{{ addresses_list.Description }}</td>
<td>
<span class="badge rounded-pill badge-soft-{{ addresses_list.getStatusBadgeInfo() }} font-size-13">
{{ addresses_list.getStatusTextInfo() }}
</span>
</td>
<td>{% if addresses_list.locked %}<span class="badge rounded-pill badge-soft-success font-size-13">Vérouillé</span>{% else %}<span class="badge rounded-pill badge-soft-warning font-size-13">Déverouillé</span>{% endif%}</td>
<td>{{ addresses_list.getNbAddresses() }}</td>
<td>
<a href="{{ path('app_addresses_list_show', {'id': addresses_list.id}) }}" title="Voir la liste"><i style="font-size: 24px" class="mdi mdi-format-list-bulleted-square"></i></a>
<a href="{{ path('app_addresses_list_edit', {'id': addresses_list.id}) }}" title="Editer" ><i style="font-size: 24px" class="mdi mdi-square-edit-outline"></i></a>
{% if not(addresses_list.locked) and addresses_list.isGeocoded() == true %}
<a href="{{ path('app_addresses_list_lock', {'id': addresses_list.id}) }}" title="Vérouiller la liste" ><i style="font-size: 24px" class="mdi mdi-lock-outline"></i></a>
{% endif%}
{% if addresses_list.isGeocoded() == true %}
<a href="{{ path('app_addresses_list_maps', {'id': addresses_list.id}) }}" title="Voir les adresses sur une carte"><i style="font-size: 24px" class="mdi mdi-map-marker"></i></a>
{% endif%}
{% if not(addresses_list.locked) %}
<form style="display: inline-block" method="post" action="{{ path('app_addresses_list_delete', {'id': addresses_list.id}) }}" onsubmit="return confirm('Are you sure you want to delete this item?');" id=deleteForm_{{ addresses_list.id }} name="deleteForm_{{ addresses_list.id }}">
<input type="hidden" name="_token" value="{{ csrf_token('delete' ~ addresses_list.id) }}">
<a href="javascript: if(confirm('Are you sure you want to delete this item?') == true){ document.forms['deleteForm_{{ addresses_list.id }}'].submit();}" ><i style="font-size: 24px" class="mdi mdi-delete-forever"></i></a>
</form>
{% endif%}
{% if addresses_list.locked %}
<a href="{{ path('app_addresses_list_unlock', {'id': addresses_list.id}) }}" title="Dévérouiller la liste"><i style="font-size: 24px" class="mdi mdi-lock-open-outline"></i></a>
<a href="{{ path('app_addresses_list_geofile_download', {'id': addresses_list.id}) }}" title="Télécharger le fichier SHP"><i style="font-size: 24px" class="mdi mdi-download"></i></a>
{% endif%}
</td>
</tr>
{% else %}
<tr>
<td colspan="4">Aucun enregistrement trouvé</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
<a href="{{ path('app_addresses_list_new') }}" class="btn btn-primary">Ajouter un nouveau groupe d'adresse</a>
</div>
</div>
</div>
</div>
{% endblock %}