{% extends "agenda_culturel/page.html" %}
{% load i18n %}
{% load static %}
{% load utils_extra %}
{% load static_content_extra %}
{% block fluid %}{% endblock %}
{% block title %}
  {% block og_title %}On a pommé l'événement{% endblock %}
{% endblock %}
{% block description %}
  {% block og_description %}On a rencontré un pépin en cherchant l'événement que tu as demandé !{% endblock %}
{% endblock %}
{% block og_image %}
  {% static 'images/pommes.svg' %}
{% endblock %}
{% block content %}
  <article>
    <header>
      <h1>On a pommé l'événement</h1>
    </header>
    <div class="image-flottante">
      <img src="{% static 'images/pommes.svg' %}"
           alt="quelques pommes et leur pépins" />
    </div>
    <p>
      On a rencontré un pépin en cherchant l'événement que tu as demandé. Mais pas de panique, on a regardé un peu
      dans nos paniers, et on te propose quelques événements qui pourraient correspondre à ta recherche.
    </p>
    <div class="first-large">
      {% for pe in alternative_events %}
        {% include "agenda_culturel/single-event/event-slim-inc.html" with event=pe %}
      {% endfor %}
    </div>
  </article>
  <article class="search" id="search">
    <header>
      <h2>Rien trouvé&nbsp;?</h2>
      <p>Si tu n'as pas trouvé ton bonheur dans toutes ces pages, tu peux aussi fouiller le site&nbsp;:</p>
    </header>
    <form method="get"
          class="form django-form"
          action="{% url 'event_search' %}">
      {{ filter.form.as_div }}
      <button type="submit">Rechercher</button>
      <a href="{% url 'event_search' %}">Recherche simplifiée {% picto_from_name "chevron-right" %}</a>
    </form>
  </div>
</div>
</article>
{% endblock %}
