{% extends "base.html" %}
{% block title %}Búsqueda: {{ q }}{% endblock %}
{% block page_title %}Resultados de búsqueda{% endblock %}

{% block content %}

{% if not q %}
<div class="text-center py-5 text-muted">
  <i class="bi bi-search" style="font-size:3rem;opacity:.3"></i>
  <p class="mt-3">Introduce un término para buscar en toda la aplicación.</p>
</div>
{% else %}

{% set total = clientes|length + proveedores|length + facturas_emitidas|length + facturas_recibidas|length + productos|length + transacciones|length %}

<p class="text-muted mb-4">
  <strong>{{ total }}</strong> resultado(s) para "<strong>{{ q }}</strong>"
</p>

{% if total == 0 %}
<div class="text-center py-5 text-muted">
  <i class="bi bi-search" style="font-size:3rem;opacity:.3"></i>
  <p class="mt-3 fs-5">Sin resultados</p>
  <p class="small">Prueba con otro término de búsqueda.</p>
</div>
{% endif %}

<div class="row g-3">

  {% if facturas_emitidas %}
  <div class="col-12">
    <div class="card">
      <div class="card-header py-3"><i class="bi bi-file-earmark-arrow-up me-2"></i>Facturas emitidas ({{ facturas_emitidas|length }})</div>
      <div class="table-responsive">
        <table class="table table-hover mb-0" style="font-size:.875rem">
          <thead><tr><th>Número</th><th>Cliente</th><th>Fecha</th><th>Estado</th><th class="text-end">Total</th><th></th></tr></thead>
          <tbody>
            {% for f in facturas_emitidas %}
            <tr>
              <td class="fw-semibold">{{ f.numero }}</td>
              <td class="text-muted">{{ f.cliente_nombre or '—' }}</td>
              <td class="text-muted">{{ f.fecha }}</td>
              <td><span class="badge badge-estado-{{ f.estado }}">{{ f.estado|capitalize }}</span></td>
              <td class="text-end fw-semibold">{{ "%.2f"|format(f.total) }} €</td>
              <td class="text-end">
                <a href="{{ url_for('facturas.detalle_emitida', id=f.id) }}" class="btn btn-sm btn-outline-secondary"><i class="bi bi-eye"></i></a>
              </td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
  </div>
  {% endif %}

  {% if facturas_recibidas %}
  <div class="col-12">
    <div class="card">
      <div class="card-header py-3"><i class="bi bi-file-earmark-arrow-down me-2"></i>Facturas recibidas ({{ facturas_recibidas|length }})</div>
      <div class="table-responsive">
        <table class="table table-hover mb-0" style="font-size:.875rem">
          <thead><tr><th>Número</th><th>Proveedor</th><th>Fecha</th><th>Estado</th><th class="text-end">Total</th><th></th></tr></thead>
          <tbody>
            {% for f in facturas_recibidas %}
            <tr>
              <td class="fw-semibold">{{ f.numero }}</td>
              <td class="text-muted">{{ f.proveedor_nombre or '—' }}</td>
              <td class="text-muted">{{ f.fecha }}</td>
              <td><span class="badge badge-estado-{{ f.estado }}">{{ f.estado|capitalize }}</span></td>
              <td class="text-end fw-semibold">{{ "%.2f"|format(f.total) }} €</td>
              <td class="text-end">
                <a href="{{ url_for('facturas.detalle_recibida', id=f.id) }}" class="btn btn-sm btn-outline-secondary"><i class="bi bi-eye"></i></a>
              </td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
  </div>
  {% endif %}

  {% if clientes %}
  <div class="col-md-6">
    <div class="card">
      <div class="card-header py-3"><i class="bi bi-people me-2"></i>Clientes ({{ clientes|length }})</div>
      <div class="list-group list-group-flush">
        {% for c in clientes %}
        <a href="{{ url_for('clientes.detalle', id=c.id) }}" class="list-group-item list-group-item-action py-2">
          <div class="fw-semibold small">{{ c.nombre }}</div>
          <div class="text-muted" style="font-size:.78rem">{{ c.nif or '' }}{% if c.email %} · {{ c.email }}{% endif %}</div>
        </a>
        {% endfor %}
      </div>
    </div>
  </div>
  {% endif %}

  {% if proveedores %}
  <div class="col-md-6">
    <div class="card">
      <div class="card-header py-3"><i class="bi bi-truck me-2"></i>Proveedores ({{ proveedores|length }})</div>
      <div class="list-group list-group-flush">
        {% for p in proveedores %}
        <a href="{{ url_for('proveedores.detalle', id=p.id) }}" class="list-group-item list-group-item-action py-2">
          <div class="fw-semibold small">{{ p.nombre }}</div>
          <div class="text-muted" style="font-size:.78rem">{{ p.nif or '' }}{% if p.email %} · {{ p.email }}{% endif %}</div>
        </a>
        {% endfor %}
      </div>
    </div>
  </div>
  {% endif %}

  {% if productos %}
  <div class="col-md-6">
    <div class="card">
      <div class="card-header py-3"><i class="bi bi-box me-2"></i>Productos ({{ productos|length }})</div>
      <div class="list-group list-group-flush">
        {% for p in productos %}
        <a href="{{ url_for('productos.ficha', id=p.id) }}" class="list-group-item list-group-item-action py-2">
          <div class="fw-semibold small">{{ p.nombre }}</div>
          {% if p.descripcion %}<div class="text-muted" style="font-size:.78rem">{{ p.descripcion[:60] }}</div>{% endif %}
        </a>
        {% endfor %}
      </div>
    </div>
  </div>
  {% endif %}

  {% if transacciones %}
  <div class="col-md-6">
    <div class="card">
      <div class="card-header py-3"><i class="bi bi-arrow-left-right me-2"></i>Transacciones ({{ transacciones|length }})</div>
      <div class="list-group list-group-flush">
        {% for t in transacciones %}
        <a href="{{ url_for('transacciones.lista') }}" class="list-group-item list-group-item-action py-2">
          <div class="d-flex justify-content-between align-items-center">
            <div>
              <div class="fw-semibold small">{{ t.descripcion }}</div>
              <div class="text-muted" style="font-size:.78rem">{{ t.fecha }}</div>
            </div>
            <span class="fw-bold small {% if t.tipo == 'ingreso' %}text-success{% else %}text-danger{% endif %}">
              {% if t.tipo == 'ingreso' %}+{% else %}-{% endif %}{{ "%.2f"|format(t.importe) }} €
            </span>
          </div>
        </a>
        {% endfor %}
      </div>
    </div>
  </div>
  {% endif %}

</div>
{% endif %}
{% endblock %}