<h3>Contacter l’organisme</h3>
<p>Veuillez choisir votre commune</p>
<select id="listeCommune">
  <option value="---">---</option>
  {% for contact in json.data %}
  <option value="{{contact.id}}">{{contact.organisme}}</option>
  {% endfor %}
</select>

{% for contact in json.data %}
<div id="commune-{{contact.id}}"style="display:none;">
  <h3 class="service-title" style="background-image: url('{{ contact.logo }}')">CONTACT</h3>
  <div class="commune-details">
    <div>
      {% if contact.formulaire %}
      <p><strong><a class="file-link" href="{{contact.formulaire}}" target="_blank">Télécharger le formulaire de demande d’exercice de vos droits</a></strong></p>
      <p><strong>Veuillez adresser votre demande soit à l’attention du représentant légal de l’organisme, soit à l’attention de son délégué à la protection des données aux coordonnées suivantes :</strong></p>
      {% endif %}
      {% if not contact.formulaire %}
      <p><strong>Veuillez adresser votre demande soit à l’attention du représentant légal de l’organisme, soit à l’attention de son délégué à la protection des données aux coordonnées suivantes :</strong></p>
      {% endif %}

      <p>{{contact.lieu}}<br>
        {{contact.service}}<br>
        {{contact.adressePhysiqueLigne}}<br>
        {% if contact.adressePhysiqueComplementaire %}
        {{contact.adressePhysiqueComplementaire}}
        {% endif %}
        {{contact.adressePhysiqueVille}}</p>
      <p>Tél : {{contact.telephone}}</p>
      <p>Adresse mail : <a href="mailto:{{contact.mail}}">{{contact.mail}}</a></p>
    </div>
    <div>
      <p class="title">Horaires d’accueil du public</p>
      <p>{{contact.horaires}}</p>
    </div>
  </div>
</div>
{% endfor %}
