{% extends "base.html" %}
{% block title %}{{ 'Editar documento' if mode == 'edit' else 'Novo lançamento' }}{% endblock %}
{% block content %}

<div class="page-head">
  <div>
    <h2>{{ 'Editar documento' if mode == 'edit' else 'Novo lançamento' }}</h2>
    <p class="muted">{{ 'Ajuste os campos e salve.' if mode == 'edit' else 'Lançamento manual de uma despesa fiscal.' }}</p>
  </div>
  <a href="/documents" class="btn btn-ghost btn-sm">Voltar</a>
</div>

<section class="card form-card">
  <form method="post" action="{{ '/documents/' ~ doc.id ~ '/edit' if mode == 'edit' else '/documents/new' }}" class="form">
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
    <label class="field">
      <span>Competência</span>
      <span class="field-group">
        <select name="mes" required>
          {% for m in meses_competencia %}
          <option value="{{ loop.index }}" {{ 'selected' if (doc.mes if doc else default_mes) == loop.index else '' }}>{{ m }}</option>
          {% endfor %}
        </select>
        <select name="ano" required>
          {% for a in anos_competencia %}
          <option value="{{ a }}" {{ 'selected' if (doc.ano if doc else default_ano) == a else '' }}>{{ a }}</option>
          {% endfor %}
        </select>
      </span>
      <small class="muted">Se não selecionado, será usado o mês/ano corrente.</small>
    </label>
    <label class="field">
      <span>Fornecedor</span>
      <input type="text" name="supplier_name" value="{{ doc.supplier_name if doc else '' }}" required placeholder="Nome do estabelecimento">
    </label>
    <label class="field">
      <span>Valor pago (R$)</span>
      <input type="text" inputmode="decimal" name="total_paid" value="{{ '%.2f'|format(doc.total_paid) if doc else '' }}" required placeholder="0,00">
    </label>
    <label class="field">
      <span>Categoria</span>
      <select name="categoria_id">
        <option value="">Sem categoria</option>
        {% for c in categorias %}
        <option value="{{ c.id }}" {{ 'selected' if doc and doc.categoria_id == c.id else '' }}>{{ c.categoria }}</option>
        {% endfor %}
      </select>
    </label>
    <div class="form-actions">
      <button type="submit" class="btn btn-primary">{{ 'Salvar alterações' if mode == 'edit' else 'Lançar documento' }}</button>
      <a href="/documents" class="btn btn-ghost">Cancelar</a>
    </div>
  </form>
</section>

{% endblock %}