{% extends "base.html" %} {% block contenido %} {% import "macros.html" as
macros %}

<nav aria-label="breadcrumb">
  <ol class="breadcrumb lh-sm">
    <li class="breadcrumb-item">
      <a href="{{ url_for('cacao_app.pagina_inicio') }}" class="link-dark"
        ><i class="bi bi-house"></i> {{ _("Inicio") }}</a
      >
    </li>
    <li class="breadcrumb-item">
      <a href="{{ url_for('compras.compras_') }}" class="link-dark">{{ _("Compras") }}</a>
    </li>
    <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.document_no or comparison.id }}
    </li>
  </ol>
</nav>

<div class="ca-card">
  <div
    class="ca-card-header d-flex align-items-start justify-content-between gap-3"
  >
    <div>
      <h5 class="ca-card-title">
        <i class="bi bi-bar-chart-line"></i> {{ _("Comparativo de Ofertas") }}
      </h5>
      <p class="mb-0 text-muted">
        {{ _("Solicitud de Compra:") }}
        <a
          href="{{ url_for('compras.compras_solicitud_compra', request_id=purchase_request.id) }}"
        >
          <strong
            >{{ purchase_request.document_no or purchase_request.id }}</strong
          >
        </a>
        · {{ _("Cotizaciones participantes: %(count)s", count=offers|length) }}
      </p>
    </div>
    <span
      class="badge text-bg-{% if comparison.status == 'used' %}dark{% elif comparison.status == 'finalized' %}success{% elif comparison.status == 'pending_authorization' %}warning{% else %}secondary{% endif %}"
    >
      {% if comparison.status == 'used' %}{{ _("Utilizado") }}{% elif comparison.status ==
      'finalized' %}{{ _("Finalizado") }}{% elif comparison.status ==
      'pending_authorization' %}{{ _("Pendiente de autorización") }}{% else %}{{ _("Borrador") }}{%
      endif %}
    </span>
  </div>

  {% if comparison.status == 'draft' or comparison.status ==
  'pending_authorization' %}
  <div class="alert alert-info m-3 mb-0">
    {{ _("La recomendación del sistema se basa en el menor precio por línea. Puede guardar el comparativo como borrador; los cambios de recomendación requieren justificación y autorización de un Gerente de Compras o Administrador.") }}
  </div>
  {% endif %} {% if negotiation_rfqs %}
  <div class="alert alert-secondary m-3 mb-0">
    <div class="fw-semibold mb-2">
      {{ _("Rondas de negociación por Solicitud de Cotización") }}
    </div>
    {% for context in negotiation_rfqs %}
    <div
      class="d-flex align-items-center justify-content-between gap-2 flex-wrap border-top pt-2 mt-2"
    >
      <span>
        <a
          href="{{ url_for('compras.compras_solicitud_cotizacion', quotation_id=context.rfq.id) }}"
        >
          {{ context.rfq.document_no or context.rfq.id }}
        </a>
        {% if context.round %} · {{ _("Ronda %(number)s", number=context.round.round_number) }} ·
        <span
          class="badge text-bg-{% if context.round.status == 'open' %}success{% else %}secondary{% endif %}"
        >
          {{ _('Abierta') if context.round.status == 'open' else _('Cerrada') }}
        </span>
        {% else %} · {{ _("Sin ronda abierta") }} {% endif %}
      </span>
      {% if context.round and context.round.status == 'open' %}
      <a
        class="btn btn-sm btn-outline-primary"
        href="{{ url_for('compras.compras_cotizacion_proveedor_nueva', from_rfq=context.rfq.id) }}"
      >
        <i class="bi bi-plus-circle me-1"></i>{{ _("Agregar oferta a esta ronda") }}
      </a>
      {% else %}
      <form
        method="post"
        action="{{ url_for('compras.compras_comparativo_solicitud_abrir_ronda', comparison_id=comparison.id) }}"
      >
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
        <input type="hidden" name="rfq_id" value="{{ context.rfq.id }}" />
        <button type="submit" class="btn btn-sm btn-outline-primary">
          <i class="bi bi-arrow-repeat me-1"></i>{{ _("Abrir ronda de negociación") }}
        </button>
      </form>
      {% endif %}
    </div>
    {% endfor %}
  </div>
  {% endif %}

  <form
    method="post"
    action="{{ url_for('compras.compras_comparativo_guardar_borrador', comparison_id=comparison.id) }}"
    class="p-3"
  >
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
    <div class="table-responsive">
      <table class="ca-table">
        <caption style="display: none">
          {{ _("Selección de ofertas por línea de la Solicitud de Compra.") }}
        </caption>
        <thead>
          <tr>
            <th scope="col">{{ _("Artículo") }}</th>
            <th scope="col">{{ _("Cantidad solicitada") }}</th>
            {% for offer in offers %}
            <th scope="col">
              {{ offer.supplier_name or offer.supplier_id or offer.id }}<small
                class="d-block text-muted"
                >{{ offer.document_no or offer.id }}</small
              >
            </th>
            {% endfor %}
            <th scope="col">{{ _("Criterio de selección") }}</th>
          </tr>
        </thead>
        <tbody>
          {% for row in recommendations %} {% set saved = comparison_lines |
          selectattr('purchase_request_item_id', 'equalto', row.item.id) | first
          %}
          <tr>
            <td>
              {{ row.item.item_name or row.item.item_code }}
              <small class="d-block text-muted">{{ row.item.item_code }}</small>
            </td>
            <td>{{ row.item.qty }} {{ row.item.uom or '' }}</td>
            {% for offer in offers %} {% set candidate =
            row.by_offer.get(offer.id) %}
            <td>
              {% if candidate %} {% set selected_offer_id =
              saved.selected_supplier_quotation_id if saved else
              (row.recommended.offer.id if row.recommended else None) %}
              <label class="d-flex gap-2 align-items-start">
                {% if selected_offer_id == offer.id and comparison.status in
                ['finalized', 'used'] %}
                <input
                  type="radio"
                  name="selection_{{ row.item.id }}"
                  value="{{ offer.id }}"
                  checked
                  disabled
                />
                {% elif selected_offer_id == offer.id %}
                <input
                  type="radio"
                  name="selection_{{ row.item.id }}"
                  value="{{ offer.id }}"
                  checked
                />
                {% elif comparison.status in ['finalized', 'used'] %}
                <input
                  type="radio"
                  name="selection_{{ row.item.id }}"
                  value="{{ offer.id }}"
                  disabled
                />
                {% else %}
                <input
                  type="radio"
                  name="selection_{{ row.item.id }}"
                  value="{{ offer.id }}"
                />
                {% endif %}
                <span>
                  <strong>{{ candidate.rate }}</strong
                  ><small class="d-block text-muted"
                    >{{ candidate.line.qty }} {{ candidate.line.uom or ''
                    }}</small
                  >
                  {% if row.recommended and row.recommended.offer.id == offer.id
                  %}<span class="badge text-bg-success">{{ _("Recomendado") }}</span>{%
                  endif %}
                </span>
              </label>
              {% else %}<span class="text-muted">{{ _("Sin cobertura") }}</span>{% endif %}
            </td>
            {% endfor %}
            <td>
              {% if comparison.status in ['finalized', 'used'] %}
              <textarea
                class="form-control form-control-sm"
                name="override_reason_{{ row.item.id }}"
                rows="2"
                placeholder="{{ _('Justificación si cambia la recomendación') }}"
                disabled
              >
{{ saved.override_reason if saved else '' }}</textarea>
              {% else %}
              <textarea
                class="form-control form-control-sm"
                name="override_reason_{{ row.item.id }}"
                rows="2"
                placeholder="{{ _('Justificación si cambia la recomendación') }}"
              >
{{ saved.override_reason if saved else '' }}</textarea>
              {% endif %} {% if saved and saved.manual_override %}<small
                class="text-warning"
                >{{ _("Override pendiente de autorización") }}</small
              >{% endif %}
            </td>
          </tr>
          {% else %}
          <tr>
            <td
              colspan="{{ offers|length + 3 }}"
              class="text-center text-muted"
            >
              {{ _("La Solicitud de Compra no tiene líneas.") }}
            </td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>

    {% if comparison.status not in ['finalized', 'used'] %}
    <div class="d-flex gap-2 mt-3 flex-wrap">
      <button type="submit" class="btn btn-outline-primary">
        <i class="bi bi-save me-1"></i>{{ _("Guardar borrador") }}
      </button>
      {% if is_purchase_sourcing_authorizer %}
      <button
        type="submit"
        formaction="{{ url_for('compras.compras_comparativo_finalizar', comparison_id=comparison.id) }}"
        class="btn btn-primary"
      >
        <i class="bi bi-check2-circle me-1"></i>{{ _("Autorizar y finalizar") }}
      </button>
      {% endif %}
    </div>
    {% endif %}
  </form>

  {% if comparison.status == 'finalized' %}
  <div class="d-flex justify-content-end p-3 pt-0">
    <form
      method="post"
      action="{{ url_for('compras.compras_comparativo_colocar_ordenes_solicitud', comparison_id=comparison.id) }}"
    >
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
      <button type="submit" class="btn btn-success">
        <i class="bi bi-cart-check me-1"></i>{{ _("Crear Órdenes de Compra por proveedor") }}
      </button>
    </form>
  </div>
  {% elif comparison.status == 'used' %}
  <div class="alert alert-success m-3">
    {{ _("Las Órdenes de Compra de este comparativo ya fueron generadas.") }}
  </div>
  {% endif %}
</div>
{% endblock %}