{% load i18n %}
{% load url from future %}
<div id="annonce-{{annonce.id}}" class="annonce{% if annonce.etat_validation == 'publiee' %} publiee{% else %} depubliee{% endif %}">
    {% if annonce.etat_validation == 'attend_validation' %}
		<p class="alert alert-info">{% trans "En attente de validation" %}</p>
    {% endif %}
		{% if annonce.etat_validation == 'invalide' %}
		<p class="alert alert-error">
      {% blocktrans with par=annonce.derniere_validation_par date=annonce.derniere_validation raison=annonce.raison_invalidation %}
          Annonce refusée par {{ par }} le {{ date }} pour la raison <span class="raison-invalidation">« {{ raison }} »</span>
          <span>Pour plus d'informations consultez la <a href="/charte-qualite/">charte qualité</a></span>
      {% endblocktrans %}
		</p>
		{% endif %}

  <div>
    <div class="titre">
      <span class="numero">N&deg;{{ annonce.id }}</span>
      {% blocktrans with type=annonce.type surface=annonce.surface_en_m2 ville=annonce.ville %}
        <span class="type-de-logement">{{ type }}</span>
        <span class="surface">de {{ surface}} m²</span>
        <span class="ville">à {{ ville }}</span>
      {% endblocktrans %}
      {% if annonce.etat_validation == 'publiee' %} 
        {% trans "(publiée)" %}{% else %}{% trans "(non-publiée)" %}
      {% endif %}
    </div>
    <div class="photo">
      {% if annonce.photo %}
      <img src="{{ MEDIA_URL }}/{{ annonce.photo }}"/>
      {% endif %}
    </div>
    <div class="loyer">{% trans "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">
      {% include "appli_socle/petite_carte.html" %}
    </div>
  </div>
    <form action="#annonce-{{annonce.id}}" method="post">
        {% csrf_token %}
        <div class="bouton-group">
            {% if annonce.etat_validation == 'valide' %}
                <button class="btn btn-primary" type="submit" name="publier-{{ annonce.id }}">
                  {% trans "Publier" %}
                </button>
            {% else %}
                <button class="btn btn-primary" type="submit" name="depublier-{{ annonce.id }}">
                  {% trans "Dépublier" %}
                </button>
            {% endif %}
            <a class="btn" href="{% url 'editer-annonce' pk=annonce.id %}">{% trans "Modifier" %}</a>
            <a class="btn btn-danger" href="{% url 'supprimer-annonce' pk=annonce.id %}">{% trans "Supprimer" %}</a>
        </div>
    </form>
</div>
