{% for feature in json.data %}
  <div class="chantier" data-chantier-id="{{feature.display_id}}" style="display: none">
    <h3>{{ feature.fields.chantier }}<br>
      <span class="chantier--dates">
        {% with date=feature.fields.debutchantier|date %}
          du {{date}}
        {% endwith %}
        {% with date=feature.fields.finchantier|date %}
          au {{date}}
        {% endwith %}
      </span>
    </h3>
    <div>
      <p class="chantier--localisations">{{ feature.fields.numero|default:"" }} {{ feature.fields.rue }}, {{ feature.fields.commune }}</p>

      <p>{{feature.fields.descriptifchantier|safe}}</p>

      {% if feature.fields.contacts %}<p><span class="chantier--libelle">Contacts :</span> {{feature.fields.contacts }}</p>{% endif %}
      {% if feature.fields.categoriechantier %}<p><span class="chantier--libelle">Catégorie :</span> {{feature.fields.categoriechantier }}</p>{% endif %}
      {% if feature.fields.emploisgeneres %}<p><span class="chantier--libelle">Emplois générés :</span> {{feature.fields.emploisgeneres }}</p>{% endif %}
      {% if feature.fields.montanttravaux %}<p><span class="chantier--libelle">Montant des travaux :</span> {{feature.fields.montanttravaux }}</p>{% endif %}

      {% if feature.fields.url or montpellier_signalement_uri %}
        <p>
          {% if feature.fields.url %}
            <a class="pk-button" href="{{ feature.fields.url }}">Plus d’infos</a>
          {% endif %}
          {% if montpellier_signalement_uri %}
            <a class="pk-button" href="{{ montpellier_signalement_uri }}?chantier={{feature.id}}">Signalement</a>
          {% endif %}
        </p>
      {% endif %}

    </div>
  </div>
{% endfor %}
