{% extends "layout.html" %}
{% block content %}
<section class="card">
  <form method="get" action="{{ url_for('search') }}" class="search-form">
    <input type="text" name="q" value="{{ q }}" placeholder="Escreve o nome (ex.: Cohiba Robusto)">
    <button type="submit">Pesquisar</button>
    {% if q %}<a class="clear" href="{{ url_for('index') }}">Limpar</a>{% endif %}
  </form>

  {% if last_update %}
    <p class="muted">Última atualização: {{ last_update }}</p>
  {% endif %}

  <div class="sort-bar">
    <span>Ordenar por:</span>
    <a href="{{ url_for('search', q=q, sort='price', dir='asc') }}">Preço ↑</a> |
    <a href="{{ url_for('search', q=q, sort='price', dir='desc') }}">Preço ↓</a> |
    <a href="{{ url_for('search', q=q, sort='name', dir='asc') }}">Nome ↑</a> |
    <a href="{{ url_for('search', q=q, sort='name', dir='desc') }}">Nome ↓</a> |
    <a href="{{ url_for('search', q=q, sort='shop', dir='asc') }}">Loja ↑</a> |
    <a href="{{ url_for('search', q=q, sort='shop', dir='desc') }}">Loja ↓</a>
  </div>

  {% if rows %}
    <table class="results">
      <thead>
        <tr>
          <th>Loja</th>
          <th>Produto</th>
          <th>Preço</th>
          <th>Link</th>
        </tr>
      </thead>
      <tbody>
        {% for r in rows %}
        <tr>
          <td>{{ r["shop"] }}</td>
          <td>{{ r["name"] }}</td>
          <td>{% if r["price_eur"] %}{{ "%.2f"|format(r["price_eur"]) }} €{% else %}{{ r["price_text"] }}{% endif %}</td>
          <td><a href="{{ r['url'] }}" target="_blank" rel="noopener">Ver na loja</a></td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  {% else %}
    <p>Sem resultados. Tenta outra pesquisa.</p>
  {% endif %}
</section>
{% endblock %}