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

{%- if TESTING -%}
<div data-test_info="La Plantilla fue renderizada correctamente: cacao_accounting/compras/templates/compras/solicitud_compra.html"></div>
{%- endif -%}

<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_solicitud_compra_lista') }}" class="link-dark">Solicitudes de Compra</a></li>
    <li class="breadcrumb-item active" aria-current="page">{{ registro.document_no or registro.id }}</li>
  </ol>
</nav>

<div class="ca-card" style="max-width:860px;">
  <div class="ca-card-header">
    <h5 class="ca-card-title">
      <i class="bi bi-file-earmark-text"></i> Solicitud de Compra
      {{ macros.document_status_for("purchase_request", registro, detail=True) }}
    </h5>
  </div>
  <div class="row g-3 p-3">
    <div class="col-md-6">
      <div><strong>Solicitado por</strong></div>
      <div>{{ registro.requested_by or "-" }}</div>
      <div class="mt-3"><strong>Departamento</strong></div>
      <div>{{ registro.department or "-" }}</div>
    </div>
    <div class="col-md-6">
      <div><strong>Fecha</strong></div>
      <div>{{ registro.posting_date or "-" }}</div>
      <div class="mt-3"><strong>Notas</strong></div>
      <div>{{ registro.remarks or "-" }}</div>
    </div>
  </div>
</div>

<div class="mt-3 ca-card">
  <div class="ca-card-header">
    <h6 class="ca-card-title">Líneas</h6>
  </div>
  {{ macros.lineas_tabla_lectura(items) }}
</div>

{{ macros.document_flow_trace("purchase_request", registro) }}

{% endblock %}