{% extends "base.html" %}
{% block title %}Tags — Your Finance{% endblock %}
{% block content %}
<div class="d-flex flex-wrap justify-content-between align-items-center mb-3">
  <h1 class="h3 mb-2">Tags</h1>
  <p class="text-muted small mb-0">All tags (rule-assigned and manual) with usage counts. Renames propagate to rules and both transaction tag columns.</p>
</div>

{% if error %}<div class="alert alert-danger" role="alert">{{ error }}</div>{% endif %}
{% if message %}<div class="alert alert-info">{{ message }}</div>{% endif %}

<div class="alert alert-light border small text-muted"><strong>Note:</strong> Transfer tags are excluded by default. Transfer transactions are not counted in tag usage.</div>

{% if tags %}
<div class="card shadow-sm">
  <div class="table-responsive">
    <table class="table table-hover table-sm align-middle mb-0">
      <thead class="table-light">
        <tr>
          <th>Tag</th>
          <th class="text-end">Transactions</th>
          <th class="text-end">Credits €</th>
          <th class="text-end">Debits €</th>
          <th>Rename</th>
          <th></th>
        </tr>
      </thead>
      <tbody>
        {% for tag in tags %}
        <tr>
          <td><a href="/transactions?tag={{ tag.name | urlencode }}">{{ tag.name }}</a></td>
          <td class="text-end">{{ tag.count }}</td>
          <td class="text-end">{{ "%.2f" | format(tag.credit_amount) }}</td>
          <td class="text-end">{{ "%.2f" | format(tag.debit_amount) }}</td>
          <td>
            <form class="d-flex" method="post" action="/tags/rename">
              <input type="hidden" name="old" value="{{ tag.name }}">
              <div class="input-group input-group-sm">
                <input type="text" name="new" class="form-control" placeholder="New name" required aria-label="New name for {{ tag.name }}">
                <button type="submit" class="btn btn-outline-secondary">Rename</button>
              </div>
            </form>
          </td>
          <td class="tag-actions">
            <form method="post" action="/tags/delete"
                  onsubmit="return confirm('Remove tag “{{ tag.name }}” from all transactions?');">
              <input type="hidden" name="name" value="{{ tag.name }}">
              <button type="submit" class="btn btn-sm btn-outline-danger">Delete</button>
            </form>
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% else %}
<div class="card shadow-sm">
  <div class="card-body text-center py-5">
    <i class="bi bi-tags display-4 text-muted d-block mb-3"></i>
    <p class="lead text-muted mb-0">No tags yet. Tags come from rules or manual edits on the Transactions tab.</p>
  </div>
</div>
{% endif %}
{% endblock %}