{% load l10n combo gnm assets %}
{% with aire=json.features.0 %}
    <div class="tile aire-de-covoiturage" data-tile-cache="600">
      <div class="tile-picture" style="background-image: url({% asset_url "picture:covoiturage" %})"></div>
      <div class="tile-head">
        <div class="tile-title">
          <h2>{{aire.properties.nom}}</h2>
          <span class="producer" style="background-image: url({% asset_url "logo:toodego" %})">Toodego</span>
        </div>
      </div>
      <div class="tile-content">
      <div class="adresse">
        {% if aire.properties.voieentree %}Entrée : {{aire.properties.voieentree}}<br>{% endif %}
        {% if aire.properties.voiesortie != aire.properties.voieentree %}Sortie :{{aire.properties.voiesortie}}<br>{% endif %}
        {{aire.properties.commune}}
      </div>
      <div class="capacites">
        <ul>
          {% if aire.properties.capacite != '0' %}<li>Capacité voitures : {{aire.properties.capacite}} place{{aire.properties.capacite|pluralize}}</li>{% endif %}
          {% if aire.properties.capacite2rm and aire.properties.capacite2rm != '0' and aire.properties.capacite2rm != 'None' %}<li>Capacité motos : {{aire.properties.capacite2rm}} place{{aire.properties.capacite2rm|pluralize}}</li>{% endif %}
          {% if aire.properties.capacitepmr and aire.properties.capacitepmr != '0' and aire.properties.capacitepmr != 'None' %}<li>Capacité PMR : {{aire.properties.capacitepmr}} place{{aire.properties.capacitepmr|pluralize}}</li>{% endif %}
          {% if aire.properties.capacitevelo and aire.properties.capacitevelo != '0' and aire.properties.capacitevelo != 'None' %}<li>Capacité vélos : {{aire.properties.capacitevelo}} place{{aire.properties.capacitevelo|pluralize}}</li>{% endif %}
        </ul>
      </div>
      {% if aire.properties.fermeture and aire.properties.fermeture != 'None' %}
      <p class="schedule">
        {% if aire.properties.fermeture != 'Ouvert 24h/24h' %}Fermeture : {%endif %} {{ aire.properties.fermeture }}
      </p>
      {% endif %}
      </div>
      <div class="tile-actions">
        {% localize off %}
        <a class="action-goto" data-lat="{{aire.geometry.coordinates.1}}" data-lng="{{aire.geometry.coordinates.0}}" href="/m-y-rendre/?to={{cell.id}}">M’y rendre</a>
        {% endlocalize %}
      </div>
    </div>
{% endwith %}
