{% extends "base.html" %}
{% block title %}{{ proveedor.nombre }}{% endblock %}
{% block page_title %}{{ proveedor.nombre }}{% endblock %}

{% block topbar_actions %}
<a href="{{ url_for('proveedores.editar', id=proveedor.id) }}" class="btn btn-outline-secondary btn-sm">
  <i class="bi bi-pencil"></i> Editar
</a>
<a href="{{ url_for('facturas.nueva_recibida') }}" class="btn btn-primary btn-sm">
  <i class="bi bi-plus-lg"></i> Nueva factura
</a>
{% endblock %}

{% block content %}
<div class="row g-3">
  <div class="col-lg-4">
    <div class="card">
      <div class="card-header py-3"><i class="bi bi-info-circle me-2"></i>Datos del proveedor</div>
      <div class="card-body">
        <dl class="row mb-0 small">
          <dt class="col-5 text-muted">NIF/CIF</dt><dd class="col-7">{{ proveedor.nif or '—' }}</dd>
          <dt class="col-5 text-muted">Email</dt><dd class="col-7">{{ proveedor.email or '—' }}</dd>
          <dt class="col-5 text-muted">Teléfono</dt><dd class="col-7">{{ proveedor.telefono or '—' }}</dd>
          <dt class="col-5 text-muted">Dirección</dt>
          <dd class="col-7">
            {% if proveedor.direccion %}{{ proveedor.direccion }}<br>{% endif %}
            {% if proveedor.cp or proveedor.ciudad %}{{ proveedor.cp }} {{ proveedor.ciudad }}{% else %}—{% endif %}
          </dd>
          <dt class="col-5 text-muted">IBAN</dt><dd class="col-7">{{ proveedor.iban or '—' }}</dd>
          <dt class="col-5 text-muted">Pago</dt><dd class="col-7">{{ proveedor.condiciones_pago }} días</dd>
          {% if proveedor.notas %}
          <dt class="col-5 text-muted">Notas</dt><dd class="col-7">{{ proveedor.notas }}</dd>
          {% endif %}
        </dl>
      </div>
    </div>
    <div class="card mt-3">
      <div class="card-body">
        <div class="row text-center g-0">
          <div class="col-6 border-end">
            <div class="text-muted small">Total facturado</div>
            <div class="fw-bold">{{ "%.2f"|format(total_facturado) }} €</div>
          </div>
          <div class="col-6">
            <div class="text-muted small">Pendiente</div>
            <div class="fw-bold text-danger">{{ "%.2f"|format(total_pendiente) }} €</div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="col-lg-8">
    <div class="card">
      <div class="card-header py-3"><i class="bi bi-file-earmark-arrow-down me-2"></i>Facturas recibidas</div>
      <div class="table-responsive">
        <table class="table table-hover mb-0">
          <thead><tr>
            <th>Número</th><th>Fecha</th><th>Vencimiento</th><th>Estado</th><th class="text-end">Total</th><th></th>
          </tr></thead>
          <tbody>
            {% for f in facturas %}
            <tr>
              <td><a href="{{ url_for('facturas.detalle_recibida', id=f.id) }}" class="text-decoration-none fw-semibold">{{ f.numero }}</a></td>
              <td class="small text-muted">{{ f.fecha }}</td>
              <td class="small text-muted">{{ f.fecha_vencimiento or '—' }}</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><a href="{{ url_for('facturas.detalle_recibida', id=f.id) }}" class="btn btn-outline-secondary btn-action"><i class="bi bi-eye"></i></a></td>
            </tr>
            {% else %}
            <tr><td colspan="6" class="text-center text-muted py-3">Sin facturas</td></tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>

    <!-- Catálogo de productos -->
    <div class="card mt-3">
      <div class="card-header py-3 d-flex justify-content-between align-items-center">
        <span><i class="bi bi-boxes me-2"></i>Catálogo de productos</span>
        {% if catalogo %}
        <span class="badge bg-secondary rounded-pill">{{ catalogo|length }} producto{{ 's' if catalogo|length != 1 }}</span>
        {% endif %}
      </div>
      {% if not catalogo %}
      <div class="text-center py-4">
        <i class="bi bi-box-seam text-muted" style="font-size:2.5rem"></i>
        <p class="text-muted small mt-2 mb-0">
          Sin productos registrados. Los productos aparecen aquí cuando<br>
          añades líneas detalladas en las facturas recibidas de este proveedor.
        </p>
      </div>
      {% else %}
      <div class="table-responsive">
        <table class="table table-hover mb-0" style="font-size:.86rem">
          <thead>
            <tr>
              <th>Producto</th>
              <th class="text-center">Uds.</th>
              <th class="text-center">P. compra medio</th>
              <th class="text-center">P. venta</th>
              <th class="text-center">Margen</th>
              <th class="text-end">Total</th>
              <th class="text-center">Última compra</th>
              <th class="text-end no-print"></th>
            </tr>
          </thead>
          <tbody>
            {% for p in catalogo %}
            {% set margen = ((p.precio_venta - p.precio_medio) / p.precio_medio * 100) if p.precio_venta and p.precio_medio and p.precio_medio > 0 else none %}
            <tr>
              <td class="fw-semibold">{{ p.descripcion }}</td>
              <td class="text-center">
                <span class="badge bg-light text-dark border px-2">
                  {{ "%.0f"|format(p.total_unidades) if p.total_unidades % 1 == 0 else "%.2f"|format(p.total_unidades) }}
                </span>
              </td>
              <td class="text-center small">
                {{ "%.2f"|format(p.precio_medio) }} €
                {% if p.precio_min != p.precio_max %}
                <div class="text-muted" style="font-size:.75rem">
                  {{ "%.2f"|format(p.precio_min) }}–{{ "%.2f"|format(p.precio_max) }} €
                </div>
                {% endif %}
              </td>
              <td class="text-center small">
                {% if p.precio_venta %}{{ "%.2f"|format(p.precio_venta) }} €{% else %}<span class="text-muted">—</span>{% endif %}
              </td>
              <td class="text-center fw-semibold">
                {% if margen is not none %}
                <span class="{% if margen >= 0 %}text-success{% else %}text-danger{% endif %}">
                  {{ "%.1f"|format(margen) }}%
                </span>
                {% else %}<span class="text-muted">—</span>{% endif %}
              </td>
              <td class="text-end fw-semibold">{{ "%.2f"|format(p.total_gastado) }} €</td>
              <td class="text-center text-muted small">{{ p.ultima_compra or '—' }}</td>
              <td class="text-end">
                {% if p.producto_id %}
                <a href="{{ url_for('productos.ficha', id=p.producto_id) }}"
                   class="btn btn-sm btn-outline-primary btn-action" title="Ficha de inventario">
                  <i class="bi bi-boxes"></i>
                </a>
                {% endif %}
                {% if p.catalogo_id %}
                <a href="{{ url_for('catalogo.editar', id=p.catalogo_id) }}"
                   class="btn btn-sm btn-outline-secondary btn-action" title="Editar en catálogo">
                  <i class="bi bi-tags"></i>
                </a>
                {% endif %}
              </td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
      {% endif %}
    </div>

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