{% extends 'base.html' %}
{% block title %}Asiento {{ asiento.numero }}{% 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-bookmark me-2" style="color:#fbbf24"></i>
      Asiento <span class="font-monospace">{{ asiento.numero }}</span>
    </h4>
    <p class="text-muted mb-0" style="font-size:.85rem">{{ asiento.descripcion }}</p>
  </div>
  <a href="{{ url_for('cuentas.asientos') }}" class="btn btn-outline-secondary btn-sm">
    <i class="bi bi-arrow-left me-1"></i>Libro Diario
  </a>
</div>

<div class="row mb-4">
  <div class="col-md-8">
    <div class="card">
      <div class="card-header">Detalle del asiento</div>
      <div class="table-responsive">
        <table class="table mb-0">
          <thead>
            <tr>
              <th style="width:100px">Cuenta</th>
              <th>Nombre</th>
              <th>Concepto</th>
              <th class="text-end" style="width:130px">Debe</th>
              <th class="text-end" style="width:130px">Haber</th>
            </tr>
          </thead>
          <tbody>
            {% for l in lineas %}
            <tr>
              <td>
                <a href="{{ url_for('cuentas.mayor', id=l.cuenta_id) }}"
                   class="fw-bold font-monospace text-decoration-none" style="color:#fbbf24">
                  {{ l.codigo }}
                </a>
              </td>
              <td style="font-size:.85rem">{{ l.cuenta_nombre }}</td>
              <td class="text-muted" style="font-size:.82rem">{{ l.concepto or '—' }}</td>
              <td class="text-end font-monospace" style="font-size:.85rem">
                {% if l.debe %}<span class="text-primary fw-bold">{{ "%.2f €"|format(l.debe) }}</span>{% else %}<span class="text-muted">—</span>{% endif %}
              </td>
              <td class="text-end font-monospace" style="font-size:.85rem">
                {% if l.haber %}<span class="text-danger fw-bold">{{ "%.2f €"|format(l.haber) }}</span>{% else %}<span class="text-muted">—</span>{% endif %}
              </td>
            </tr>
            {% endfor %}
          </tbody>
          <tfoot class="table-light fw-bold">
            <tr>
              <td colspan="3" class="text-end" style="font-size:.82rem">TOTAL</td>
              <td class="text-end font-monospace text-primary">{{ "%.2f €"|format(total_d) }}</td>
              <td class="text-end font-monospace text-danger">{{ "%.2f €"|format(total_h) }}</td>
            </tr>
          </tfoot>
        </table>
      </div>
      {% if (total_d - total_h)|abs < 0.01 %}
      <div class="card-footer text-success" style="font-size:.82rem">
        <i class="bi bi-check2-circle me-1"></i>Asiento cuadrado correctamente.
      </div>
      {% else %}
      <div class="card-footer text-danger" style="font-size:.82rem">
        <i class="bi bi-exclamation-triangle me-1"></i>Diferencia: {{ "%.2f €"|format((total_d - total_h)|abs) }}
      </div>
      {% endif %}
    </div>
  </div>

  <div class="col-md-4">
    <div class="card">
      <div class="card-header">Información</div>
      <div class="card-body" style="font-size:.85rem">
        <table class="table table-sm mb-0">
          <tr><td class="text-muted">Número</td><td class="font-monospace fw-bold">{{ asiento.numero }}</td></tr>
          <tr><td class="text-muted">Fecha</td><td>{{ asiento.fecha }}</td></tr>
          <tr><td class="text-muted">Descripción</td><td>{{ asiento.descripcion }}</td></tr>
          <tr>
            <td class="text-muted">Origen</td>
            <td>
              <span class="badge" style="font-size:.7rem;
                {% if asiento.tipo_origen == 'manual' %}background:#f1f5f9;color:#475569
                {% elif asiento.tipo_origen == 'factura_emitida' %}background:#dbeafe;color:#1e40af
                {% elif asiento.tipo_origen == 'factura_recibida' %}background:#fee2e2;color:#991b1b
                {% elif asiento.tipo_origen == 'nomina' %}background:#dcfce7;color:#14532d
                {% else %}background:#fef3c7;color:#92400e{% endif %}">
                {{ asiento.tipo_origen.replace('_',' ') }}
              </span>
            </td>
          </tr>
          {% if asiento.origen_id %}
          <tr>
            <td class="text-muted">Doc. origen</td>
            <td>
              {% if asiento.tipo_origen == 'factura_emitida' %}
              <a href="{{ url_for('facturas.detalle_emitida', id=asiento.origen_id) }}" class="text-primary">#{{ asiento.origen_id }}</a>
              {% elif asiento.tipo_origen == 'factura_recibida' %}
              <a href="{{ url_for('facturas.detalle_recibida', id=asiento.origen_id) }}" class="text-primary">#{{ asiento.origen_id }}</a>
              {% elif asiento.tipo_origen == 'nomina' %}
              <a href="{{ url_for('nominas.detalle', id=asiento.origen_id) }}" class="text-primary">#{{ asiento.origen_id }}</a>
              {% else %}
              #{{ asiento.origen_id }}
              {% endif %}
            </td>
          </tr>
          {% endif %}
          <tr><td class="text-muted">Creado</td><td class="text-muted" style="font-size:.78rem">{{ asiento.created_at }}</td></tr>
        </table>
      </div>
    </div>
  </div>
</div>
{% endblock %}