{% extends "base.html" %}
{% load url from future %}
{% load fiber_tags %}
{% load crispy_forms_tags %}
{% load i18n %}
{% load l10n %}
{% load cache %}

{% block extra_scripts %}
{{ block.super }}
<script type="text/javascript" src="{{ STATIC_URL }}/openlayers/OpenLayers.js"></script>
<style>
    .osm-map { width: 100px; height: 100px; display: block;}
    #menu-utilisateur a { font-weight: bold; font-size: 130%; line-height: 130%; }
</style>
{% endblock %}

{% block onload %}init();{% endblock %}

{% block page %}
<div>
    <div id="mot-du-president">
      {% show_page_content "mot-du-president" %}
    </div>
    {% if user.is_anonymous %}
    <div id="authentification">
        {% block messages %}
          {% if messages %}
            {% for message in messages %}
            <p class="alert {% for tag in message.tags %} alert-{{ tag }}{% endfor %}">{{ message }}</li>
            {% endfor %}
          {% endif %}
        {% endblock %}
      <div id="connexion-etudiant">
        <p id="lien-connexion-etudiant"><a class="btn" href="/presentation/mmo-tudiants/">{% trans "Je suis étudiant, je me connecte" %}</a></p>
        <form id="connexion-etudiant-form" action="{% url 'recherche-connexion' %}?next={% url 'recherche' %}" method="post">
          {% csrf_token %}
          <span id="bouton-connexion">{% blocktrans %}Pour consulter les annonces merci d'utiliser vos identifiants Passeport.{% endblocktrans %}</span>
          <button name="compte-ent">OK</button>
        </form>
      </div>
      <div id="connexion-proprietaire">
        <p id="lien-connexion-proprietaire">
          <a class="btn" href="/presentation/mmo-proprietaires/">{% blocktrans %}Je suis propriétaire, j'accède à mon compte{% endblocktrans %}</a>
        </p>
        <form id="connexion-proprietaire-form" action="{% url 'offre-connexion' %}?next={% url 'offre' %}" method="post">
           {% csrf_token %}
          <div class="gauche">
            <label><span>{% trans "Email" %}</span> <input type="text" name="identifiant" placeholder="{% trans "Email" %}"/></label>
            <label><span>{% trans "Mot de passe" %}</span> <input type="password" name="mot_de_passe" placeholder="{% trans "Mot de passe" %}"/></label>
          </div>
          <div class="droite">
            <button name="connexion-offre">OK</button>
            <div id="aide-mot-de-passe-perdu"><a href="{% url 'mot-de-passe-perdu' email='' %}">{% trans "J'ai perdu mon mot de passe" %}</a></div>
          </div>
        </form>
        <p id="inscription-proprietaire">
          {% blocktrans %}Vous êtes propriétaire et n'avez pas encore de compte ? {% endblocktrans %}
          <a href="{% url 'inscription' %}">{% trans "Inscrivez-vous ici." %}</a>
        </p>
      </div>
    </div>
    {% else %}
    <div id='accueil-utilisateur'>
        {% if user.is_staff or user.is_superuser %}
          <a href="/admin">{% trans "Administration" %}</a>
        {% elif user.is_profilrecherche %}
        <h3>{% trans "Merci de vous être inscrit sur notre site. Vous êtes actuellement connecté au site dauphine logement." %}</h3>
        <ul>
          <li><a href="{% url 'recherche' %}">{% trans "Consulter les offres" %}</a></li>
          <li><a href="{% url 'mes-annonces' %}">{% trans "Mes offres" %}</a></li>
          <li><a href="{% url 'mes-alertes' %}">{% trans "Mes alertes" %}</a></li>
        </ul>
        {% elif user.is_profiloffre %}
        <h3>{% trans "Merci de vous être inscrit sur notre site. Vous êtes actuellement connecté au site dauphine logement." %}</h3>
        <p><a href="{% url 'offre' %}">{% trans "Gérer mes annonces et mon compte" %}</a></p>
        {% endif %}
    </div>
    {% endif %}
</div>
<div>
    <div id="partenaires">
      {% show_page_content "partenaires" %}
    </div>
    <div id="nos-logements">
      <div>
        <div class="content">
          <h2>{% trans "Nos logements" %}</h2>
          {% cache 120 homepage_annonces LANGUAGE_CODE %}

          {% for annonce in annonces %}
          <p>
            <strong>
              <a href="{% url 'recherche-annonce' pk=annonce.id %}">
      {% 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 %}
              </a>
            </strong>
					  {% include "appli_socle/petite_carte.html" %}
					</p>
					<div class="description">{% if annonce.description|length < 100 %}{{ annonce.description }}{% else %}{{ annonce.description|slice:":100" }}…{% endif %}</div>
          {% if not forloop.last %}<hr/>{% endif %}
          {% endfor %}
          {% endcache %}
        </div>
      </div>
    </div>
    <div id="focus">
      {% show_page_content "focus" %}
    </div>
</div>
{% include "appli_socle/osm_map.html" with zoomlevel=9 %}
{% endblock %}
