{% extends 'base.html' %}
{% block title %}Libro Diario{% endblock %}

{% block content %}
<div class="d-flex align-items-center justify-content-between mb-4">
  <div>
    <h4 class="fw-bold mb-1" style="color:#0f2744"><i class="bi bi-journal-text me-2" style="color:#fbbf24"></i>Libro Diario</h4>
    <p class="text-muted mb-0" style="font-size:.85rem">Todos los asientos contables registrados.</p>
  </div>
  <a href="{{ url_for('cuentas.asiento_nuevo') }}" class="btn btn-primary btn-sm">
    <i class="bi bi-plus-lg me-1"></i>Asiento manual
  </a>
</div>

{% with msgs = get_flashed_messages(with_categories=true) %}
  {% for cat, msg in msgs %}
    <div class="alert alert-{{ cat }} alert-dismissible fade show">{{ msg }}<button type="button" class="btn-close" data-bs-dismiss="alert"></button></div>
  {% endfor %}
{% endwith %}

<!-- Filtros -->
<div class="card mb-4">
  <div class="card-body py-2">
    <form class="row g-2 align-items-end">
      <div class="col-auto">
        <label class="form-label mb-1" style="font-size:.78rem">Año</label>
        <input type="number" name="anio" value="{{ anio }}" class="form-control form-control-sm" style="width:90px">
      </div>
      <div class="col-auto">
        <label class="form-label mb-1" style="font-size:.78rem">Origen</label>
        <select name="tipo" class="form-select form-select-sm" style="width:160px">
          <option value="" {{ 'selected' if not tipo }}>Todos</option>
          <option value="manual"             {{ 'selected' if tipo=='manual' }}>Manual</option>
          <option value="factura_emitida"    {{ 'selected' if tipo=='factura_emitida' }}>Facturas emitidas</option>
          <option value="factura_recibida"   {{ 'selected' if tipo=='factura_recibida' }}>Facturas recibidas</option>
          <option value="nomina"             {{ 'selected' if tipo=='nomina' }}>Nóminas</option>
          <option value="amortizacion"       {{ 'selected' if tipo=='amortizacion' }}>Amortizaciones</option>
        </select>
      </div>
      <div class="col-auto">
        <button class="btn btn-primary btn-sm">Filtrar</button>
      </div>
    </form>
  </div>
</div>

{% if asientos %}
<div class="card">
  <div class="table-responsive">
    <table class="table table-hover mb-0">
      <thead>
        <tr>
          <th style="width:110px">Número</th>
          <th style="width:100px">Fecha</th>
          <th>Descripción</th>
          <th style="width:120px">Origen</th>
          <th class="text-end" style="width:120px">Debe</th>
          <th class="text-end" style="width:120px">Haber</th>
          <th style="width:60px"></th>
        </tr>
      </thead>
      <tbody>
        {% for a in asientos %}
        {% set t = totales.get(a.id, {}) %}
        <tr>
          <td>
            <a href="{{ url_for('cuentas.asiento_detalle', id=a.id) }}"
               class="fw-bold text-decoration-none font-monospace" style="color:#fbbf24;font-size:.85rem">
              {{ a.numero }}
            </a>
          </td>
          <td class="text-muted" style="font-size:.82rem">{{ a.fecha }}</td>
          <td style="font-size:.85rem">{{ a.descripcion }}</td>
          <td>
            <span class="badge" style="font-size:.65rem;
              {% if a.tipo_origen == 'manual' %}background:#f1f5f9;color:#475569
              {% elif a.tipo_origen == 'factura_emitida' %}background:#dbeafe;color:#1e40af
              {% elif a.tipo_origen == 'factura_recibida' %}background:#fee2e2;color:#991b1b
              {% elif a.tipo_origen == 'nomina' %}background:#dcfce7;color:#14532d
              {% else %}background:#fef3c7;color:#92400e{% endif %}">
              {{ a.tipo_origen.replace('_',' ') }}
            </span>
          </td>
          <td class="text-end font-monospace" style="font-size:.85rem">{{ "%.2f €"|format(t.get('debe',0)) }}</td>
          <td class="text-end font-monospace" style="font-size:.85rem">{{ "%.2f €"|format(t.get('haber',0)) }}</td>
          <td class="text-end">
            <a href="{{ url_for('cuentas.asiento_detalle', id=a.id) }}" class="btn btn-sm btn-outline-secondary btn-action">
              <i class="bi bi-eye"></i>
            </a>
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% else %}
<div class="card">
  <div class="card-body text-center py-5 text-muted">
    <i class="bi bi-journal-x" style="font-size:2rem;opacity:.3"></i>
    <p class="mt-2 mb-0">No hay asientos para el período seleccionado.</p>
    <a href="{{ url_for('cuentas.asiento_nuevo') }}" class="btn btn-primary btn-sm mt-3">
      <i class="bi bi-plus-lg me-1"></i>Nuevo asiento manual
    </a>
  </div>
</div>
{% endif %}
{% endblock %}