{% load i18n %}
{% load url from future %}
<div>
  <div class="titre">
    <a href="{% url 'recherche-annonce' pk=annonce.id %}">
      <span class="numero">N&deg;{{ annonce.id }}</span>
      {% blocktrans with type=annonce.type surface=annonce.surface_en_m2 ville=annonce.ville publication=annonce.derniere_publication|date:"SHORT_DATE_FORMAT" %}
        <span class="type-de-logement">{{ type }}</span>
        <span class="surface">de {{ surface }} m²</span>
        <span class="ville">à {{ ville }}</span>
        <span class="publication">publiée le {{ publication }}</span>
      {% endblocktrans %}
    </a>
  </div>
  <div class="photo">
    {% if annonce.photo %}
      <img src="{{ MEDIA_URL }}/{{ annonce.photo }}"/>
    {% endif %}
  </div>
  <div class="loyer">Loyer: {{ annonce.prix_par_mois}} {{ annonce.monnaie }}</div>
  <div class="type">{% trans "Type" %}: {{ annonce.type_d_offre }}</div>
  {% if annonce.duree_location%}
    <div class="duree">{% trans "Durée de location" %}: {{ annonce.get_duree_location_display }}</div>
  {% endif %}
  {% if annonce.liste_des_prestations %}
    <div class="prestations">
      <h4>{% trans "Prestations" %}</h4>
      {{ annonce.liste_des_prestations }}
    </div>
  {% endif %}
  <div class="description">{{ annonce.description }}</div>
  <div class="carte">
    <span class="osm-map" data-coordinate="{{ annonce.osm_wkt }}"></span>
  </div>
</div>
