{% extends "base.html" %}

{% block content %}
<div class="hero full">
  <div class="hero-body">
    <p class="title">Ayuda</p>
    <div class="content">
      <h2 id="busqueda">Sobre las búsquedas</h2>
      <p>En las búsquedas existen las siguientes consideraciones:</p>
      <ul>
        <li>
          Las búsquedas tienen un límite de cien resultados.
        </li>
        <li>
          Las búsquedas ignoran mayúsculas, tildes, eñes y signos de puntuación,
          así que «<a href="{% url 'search' %}?q=¡Iñarritú!">¡Iñarritú!</a>»
          es lo mismo que «<a href="{% url 'search' %}?q=inarritu">inarritu</a>».
        </li>
        <li>
          Las búsquedas no buscan palabras exactas, sino las palabras que comienzan
          con el término de búsqueda, así que «<a href="{% url 'search' %}?q=perro">perro</a>»
          también incluye los resultados de «perros».
        </li>
        <li>
          Cuando una búsqueda encuentra más de cien películas, 
          los cien resultados son seleccionados y ordenados de manera aleatoria:
          <u>nunca obtendrás los mismos resultados</u>.
        </li>
      </ul>
      <h2 id="refinamiento">Refinamiento en las búsquedas</h2>
      <p>Para buscar por campos específicos se usan algunos de los siguientes prefijos:</p>
      <table class="table is-striped is-narrow">
        <thead>
          <tr>
            <th>prefijo:ejemplo</th>
            <th>Descripción</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><a href="{% url 'search' %}?q=t:lucio">t:lucio</a></td>
            <td>Busca «lucio» en los <u>t</u>ítulos</td>
          </tr>
          <tr>
            <td><a href="{% url 'search' %}?q=o:monkey">o:monkey</a></td>
            <td>Busca «monkey» en los títulos en idioma <u>o</u>riginal</td>
          </tr>
          <tr>
            <td><a href="{% url 'search' %}?q=y:1989">y:1989</a></td>
            <td>Busca películas publicadas en el año (<i><u>y</u>ear</i>) «1989»</td>
          </tr>
          <tr>
            <td><a href="{% url 'search' %}?q=p:México">p:México</a></td>
            <td>Busca películas hechas en el <u>p</u>aís «México»</td>
          </tr>
          <tr>
            <td><a href="{% url 'search' %}?q=d:varda">d:varda</a></td>
            <td>Busca películas <u>d</u>irigidas por «varda»</td>
          </tr>
          <tr>
            <td><a href="{% url 'search' %}?q=a:uma">a:uma</a></td>
            <td>Busca películas en donde <u>a</u>ctúe «uma»</td>
          </tr>
          <tr>
            <td><a href="{% url 'search' %}?q=g:drama">g:drama</a></td>
            <td>Busca películas del <u>g</u>énero «drama»</td>
          </tr>
          <tr>
        </tbody>
      </table>
      <p>Esto añade las siguientes consideraciones:</p>
      <ul>
        <li>
          Para dos o más palabras con prefijos se usan guiones en lugar de espacios,
          como en «<a href="{% url 'search' %}?q=p:estados-unidos">p:estados-unidos</a>».
        </li>
        <li>
          Se pueden usar varias palabras con prefijos o no para restringir la búsqueda,
          como en «<a href="{% url 'search' %}?q=p:mexico+d:buñuel+cielo">p:mexico d:buñuel cielo</a>».
        </li>
        <li>
          La inexactitud en los resultados permite búsquedas más generales en los campos.
          <ul>
            <li>
              Ejemplo 1: «<a href="{% url 'search' %}?q=y:192">y:192</a>» da como resultado
              las películas publicadas en la década de 1920.
            </li>
            <li>
              Ejemplo 2: «<a href="{% url 'search' %}?q=p:a">p:a</a>» da como resultado
              las películas hechas en los países que comienzan con «a».
            </li>
          </ul>
        </li>
      </ul>
      <h2 id="api">API</h2>
      <p>
        Los resultados de las búsquedas pueden ser en JSON si usas la 
        <a href="https://es.wikipedia.org/wiki/Interfaz_de_programaci%C3%B3n_de_aplicaciones" target="_blank">API</a>.
      </p>
      <h3>Obtención de películas</h3>
      <p>
        La API para obtener películas usa la misma sintaxis a una búsqueda ordinaria,
        solo cambia la url <code>search</code> por <code>api</code>.
      </p>
      <p>
        Es decir, en lugar de
        <code><a href="{% url 'search' %}?q=p:mexico+d:cuaron">search/?q=p:mexico+d:cuaron</a></code> usa
        <code><a href="{% url 'api' %}?q=p:mexico+d:cuaron"><u>api</u>/?q=p:mexico+d:cuaron</a></code>.
      </p>
      <h3>Obtención de ficha</h3>
      <p>
        Para obtener una película en específico solo necesitas su ID.
      <p>
        Por ejemplo, para obtener la ficha de <a href="{% url 'movie' id=1596 %}"><i>Gremlins</i></a> usa
        <code><a href="{% url 'api' %}?id=1596">api/?id=1596</a></code>.
      </p>
      <p><i>Happy hacking</i> 😎</p>
    </div>
  </div>
</div>
{% endblock %}
