{% extends "base.html" %}
{% block title %}Documentos{% endblock %}
{% block content %}

<div class="page-head">
  <div>
    <h2>Documentos</h2>
    <p class="muted">{{ rows | length }} registro(s) · total {{ total | money }}</p>
  </div>
  <a href="/documents/new" class="btn btn-primary btn-sm">+ Novo lançamento</a>
</div>

<section class="card">
  <form method="get" action="/documents" class="filters">
    <label class="field"><span>De</span><input type="date" name="start" value="{{ filters.start }}"></label>
    <label class="field"><span>Até</span><input type="date" name="end" value="{{ filters.end }}"></label>
    <label class="field grow"><span>Fornecedor</span><input type="text" name="supplier" value="{{ filters.supplier }}" placeholder="contém…"></label>
    <div class="filters-actions">
      <button type="submit" class="btn btn-primary btn-sm">Filtrar</button>
      <a href="/documents" class="btn btn-ghost btn-sm">Limpar</a>
    </div>
  </form>
</section>

<section class="card">
  {% if rows %}
  <div class="table-scroll">
    <table class="table">
      <thead>
        <tr><th>Data</th><th>Fornecedor</th><th class="r">Valor</th><th>Origem</th><th class="r">Ações</th></tr>
      </thead>
      <tbody>
        {% for d in rows %}
        <tr>
          <td class="nowrap">{{ d.purchase_date }}</td>
          <td>{{ d.supplier_name }}</td>
          <td class="r money nowrap">{{ d.total_paid | money }}</td>
          <td class="muted small">{{ d.source_location }}</td>
          <td class="r nowrap">
            <a href="/documents/{{ d.id }}/edit" class="link">Editar</a>
            <form method="post" action="/documents/{{ d.id }}/delete" class="inline"
                  onsubmit="return confirm('Excluir este documento?');">
              <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
              <button type="submit" class="linkbtn danger">Excluir</button>
            </form>
          </td>
        </tr>
        {% endfor %}
      </tbody>
      <tfoot>
        <tr><td colspan="2">Total filtrado</td><td class="r money">{{ total | money }}</td><td colspan="2"></td></tr>
      </tfoot>
    </table>
  </div>
  {% else %}
  <p class="muted">Nenhum documento encontrado. <a href="/documents/new" class="link">Lançar manualmente</a> ou <a href="/" class="link">importar</a>.</p>
  {% endif %}
</section>

{% endblock %}