{% for feature in json.features %}
  <div class="chantier" data-chantier-id="{{feature.properties.IDCHANTIER}}" style="display: none">
    <h3>{{ feature.properties.TYPE }}<br>
      <span class="chantier--dates">
        {% with year=feature.properties.DEBUT|slice:":4" month=feature.properties.DEBUT|slice:"4:6" day=feature.properties.DEBUT|slice:"6:8" %}
          {% with date=year|add:"-"|add:month|add:"-"|add:day|date %}
            du {{date}}
          {%endwith %}
        {% endwith %}
        {% with year=feature.properties.FIN|slice:":4" month=feature.properties.FIN|slice:"4:6" day=feature.properties.FIN|slice:"6:8" %}
          {% with date=year|add:"-"|add:month|add:"-"|add:day|date %}
            au {{date}}
          {%endwith %}
        {%endwith %}
      </span>
    </h3>
    <div>
      <p class="chantier--localisations">{{ feature.properties.LOCALISATIONS|safe }}</p>

      {% if feature.properties.INCIDENCE_CIRCULATION %}<p><span class="chantier--libelle">Incidence circulation :</span> {{feature.properties.INCIDENCE_CIRCULATION}}</p>{% endif %}
      {% if feature.properties.INCIDENCE_STATIONNEMENT %}<p><span class="chantier--libelle">Incidence sur le stationnement :</span> {{feature.properties.INCIDENCE_STATIONNEMENT}}</p>{% endif %}
      {% if feature.properties.NATURE %}<p><span class="chantier--libelle">Nature :</span> {{feature.properties.NATURE }}</p>{% endif %}
      {% if feature.properties.MOUVRAGE %}<p><span class="chantier--libelle">Maîtrise d’ouvrage :</span> {{feature.properties.MOUVRAGE }}</p>{% endif %}

      {% if montpellier_signalement_uri %}
        <p><a class="pk-button" href="{{ montpellier_signalement_uri }}?chantier_ext={{feature.properties.IDCHANTIER}}">Signalement</a></p>
      {% endif %}

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