{% extends "base.html" %}

{% block content %}

<div class="hero">
  <form action="/search" method="get">
    <div class="hero-body search-div">
      <input id="search-bar" class="input is-primary is-large" type="text" placeholder="Quiero ver…" value="{{ query }}" name="q">
      <div class="control">
        <button class="button is-primary"><i class="gg-search"></i></button>
      </div>
    </div>
  </form>
</div>

{% if movies %}
  {% include 'section.html' with section='Resultados de búsqueda:' content=movies %}
{% else %}
  <section class="hero">
    <div class="hero-body">
      <p class="title">
        {% if request.get_full_path == "/search/" %}
          Explora el catálogo de Mauflix.
        {% else %}
          ¡Ups! Tu búsqueda no arrojó ningún resultado.
        {% endif %}
      </p>
      <p class="subtitle">Visita la <a href="{% url 'help' %}">ayuda</a> para obtener mejores resultados.
    </div>
  </section>
{% endif %}

{% endblock %}