{% extends 'base.html' %}

{% block content %}
<section class="page-view active">
  <div class="view-header">
    <div class="view-title">
      <h2><i data-lucide="file-check-2" style="color:var(--efintel-blue);"></i> {{ title|default:"Generar Orden de Compra (OC)" }}</h2>
      <p>Emisión oficial de Orden de Compra formal para envío a proveedor y conciliación posterior.</p>
    </div>
    <div>
      <a href="{% url 'procurement:purchase_order_list' %}" class="btn-primary" style="background:var(--efintel-gray); text-decoration:none;">
        <i data-lucide="arrow-left" style="width:16px;"></i> Volver
      </a>
    </div>
  </div>

  <div class="data-card" style="max-width:800px; margin:0 auto; padding:2rem;">
    <form method="post" class="modern-form">
      {% csrf_token %}
      {% include "partials/_form_grid.html" %}
      <div style="margin-top:1.5rem; display:flex; gap:1rem; justify-content:flex-end;">
        <a href="{% url 'procurement:purchase_order_list' %}" class="btn-secondary" style="text-decoration:none;">Cancelar</a>
        <button type="submit" class="btn-primary"><i data-lucide="printer" style="width:16px;"></i> Emitir Orden de Compra</button>
      </div>
    </form>
  </div>
</section>
{% endblock %}