<section class="hero">
  <div class="hero-body hero-cartels">
    {% if request.get_full_path == "/" %}
      <p class="title">
        {% if gender %}
          <a href="{% url 'search' 'g' section %}">
        {% else %}
          <a href="{% url 'search' 's' section %}">
        {% endif %}
        {{ section }}<span class="arrows"/></a>
      </p>
    {% else %}
      <p class="title">{{ section }}</p>
    {% endif %}
    <div class="cartels">
      {% for movie in content %}
        <div class="cartel tooltip">
          <span class="tooltiptext">{{ movie.name }}</span>
          <!--
            Lo comentado activaría una ficha que se ve en lugar del cartel.
            Una idea a futuro es que sirva para mostrar la ficha de la
            pelicula como ventana flotante.
            <input type="checkbox" class="toggle">
          -->
          <div class="info">
            {% include 'info.html' with movie=movie %}
          </div>
          <figure class="image is-2by3">
            <a href="/movie/{{ movie.id }}">
              <img src="{{ movie.cartel }}">
            </a>
          </figure>
        </div>
      {% endfor %}
    </div>
  </div>
</section>
