{% extends "base.html" %} {% block contenido %}
<nav aria-label="breadcrumb">
  <ol class="breadcrumb lh-sm">
    <li class="breadcrumb-item">
      <a
        href="{{ url_for('compras.compras_comparativo_ofertas_lista') }}"
        class="link-dark"
        >Comparativo de Ofertas</a
      >
    </li>
    <li class="breadcrumb-item active" aria-current="page">
      {{ comparison.id }}
    </li>
  </ol>
</nav>

<div class="ca-card">
  <div class="ca-card-header">
    <h5 class="ca-card-title">
      <i class="bi bi-bar-chart-line"></i> Comparativo de Ofertas
    </h5>
    <p class="mb-0 text-muted">
      {% if purchase_request %}Solicitud de Compra:
      <strong>{{ purchase_request.document_no or purchase_request.id }}</strong> ·{% else %}
      <span class="text-warning">Comparativo legacy sin Solicitud de Compra reconstruible</span> ·{% endif %}
      Orden base: <strong>{{ base_order.document_no or base_order.id }}</strong> ·
      Ofertas participantes: {{ orders|length }}
      {% if selected_round %} · Ronda {{ selected_round.round_number }} ({{ selected_round.status }}){% endif %}
    </p>
  </div>
  {% if rounds %}
  <div class="border-bottom p-3">
    <div class="d-flex flex-wrap gap-2 align-items-center">
      <span class="text-muted">Histórico de rondas:</span>
      {% for round in rounds %}
      <a class="btn btn-sm {% if selected_round and round.id == selected_round.id %}btn-primary{% else %}btn-outline-secondary{% endif %}" href="{{ url_for('compras.compras_comparativo_ordenes', comparison_id=comparison.id, round_id=round.id) }}">
        Ronda {{ round.round_number }} · {{ round.status }}
      </a>
      {% endfor %}
    </div>
  </div>
  <form method="post" action="{{ url_for('compras.compras_comparativo_ordenes_abrir_ronda', comparison_id=comparison.id) }}" class="border-bottom p-3">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
    <fieldset>
      <legend class="h6">Abrir nueva ronda</legend>
      <p class="small text-muted">Seleccione explícitamente las órdenes que participarán. La ronda actual quedará cerrada e inmutable.</p>
      <div class="row g-2">
        {% for order in candidate_orders %}
        <div class="col-md-6 col-lg-4">
          <label class="form-check">
            <input class="form-check-input" type="checkbox" name="participant_ids" value="{{ order.id }}" {% if order.id in participant_order_ids %}checked{% endif %} {% if order.id == comparison.base_purchase_order_id %}disabled{% endif %} />
            <span class="form-check-label">{{ order.document_no or order.id }} — {{ order.supplier_name or order.supplier_id or "-" }}</span>
          </label>
        </div>
        {% endfor %}
      </div>
    </fieldset>
    <button type="submit" class="btn btn-outline-primary btn-sm mt-3"><i class="bi bi-arrow-repeat me-1"></i>Abrir ronda</button>
  </form>
  {% endif %}
  <div class="table-responsive">
    <table class="ca-table">
      <caption style="display: none">
        Comparación de líneas entre órdenes de compra participantes.
      </caption>
      <thead>
        <tr>
          <th scope="col">Artículo</th>
          {% for order in orders %}
          <th scope="col">
            {{ order.supplier_name or order.document_no or order.id }}<small
              class="d-block text-muted"
              >{{ order.document_no or order.id }}</small
            >
          </th>
          {% endfor %}
        </tr>
      </thead>
      <tbody>
        {% for row in comparison_rows %}
        <tr>
          <td>
            {{ row.item.item_name or row.item.item_code }}<small
              class="d-block text-muted"
              >{{ row.item.item_code }} · {{ row.item.qty }} {{ row.item.uom or
              "" }}</small
            >
          </td>
          {% for order in orders %} {% set offer = row.offers[order.id] %}
          <td>
            {% if offer %}<strong>{{ offer.rate or "0" }}</strong
            ><small class="d-block text-muted"
              >{{ offer.qty }} · {{ offer.amount or "0" }}</small
            >{% else %}<span class="text-muted">Sin cobertura</span>{% endif %}
          </td>
          {% endfor %}
        </tr>
        {% else %}
        <tr>
          <td colspan="{{ orders|length + 1 }}" class="text-center text-muted">
            Las órdenes no tienen líneas para comparar.
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% endblock %}