{% extends "base.html" %}
{% block title %}Liberación a Producción{% endblock %}

{% block content %}
<div class="d-flex align-items-center mb-4">
  <h2 class="fw-bold mb-0">
    <i class="bi bi-rocket text-warning"></i> Liberación a Producción
    <span class="badge bg-warning text-dark ms-2 fs-6">Transacción 3</span>
  </h2>
</div>

<p class="text-muted">
  Cambios en estatus <strong>Programado</strong> listos para ser liberados a producción.
</p>

{% if cambios %}
<div class="row g-3">
  {% for c in cambios %}
  <div class="col-md-6 col-xl-4">
    <div class="card h-100 shadow-sm border-0 border-start border-4 border-primary">
      <div class="card-body">
        <div class="d-flex justify-content-between mb-2">
          <span class="badge bg-primary">Cambio #{{ c.id }}</span>
          <small class="text-muted">{{ c.creado_en | fecha_mx }}</small>
        </div>
        <h6 class="fw-bold">{{ c.sistema.nombre if c.sistema else '-' }}</h6>

        <p class="small text-muted mb-1">
          <i class="bi bi-person"></i>
          <strong>Solicitante:</strong> {{ c.solicitante.nombre_completo if c.solicitante else '-' }}
        </p>
        <p class="small text-muted mb-1">
          <i class="bi bi-code-slash"></i>
          <strong>Desarrollador:</strong> {{ c.desarrollador.nombre_completo if c.desarrollador else '-' }}
        </p>
        <p class="small mb-1">
          <strong>Incidencia:</strong> {{ c.numero_incidencia }}
        </p>
        <p class="small mb-1">
          <i class="bi bi-calendar"></i>
          <strong>F. Propuesta Prod.:</strong>
          {{ c.fecha_propuesta_produccion | fecha_mx }}
        </p>
        <p class="small text-muted mb-3">
          {{ (c.descripcion_tecnica or c.descripcion_breve or '')[:70] }}…
        </p>

        <a href="{{ url_for('cambios.liberacion_detalle', id=c.id) }}"
           class="btn btn-warning btn-sm w-100 text-dark fw-semibold">
          <i class="bi bi-rocket"></i> Liberar a Producción
        </a>
      </div>
    </div>
  </div>
  {% endfor %}
</div>
{% else %}
<div class="text-center text-muted py-5">
  <i class="bi bi-check-all fs-1 text-success d-block mb-3"></i>
  <p>No hay cambios pendientes de liberación.</p>
  <a href="{{ url_for('dashboard.index') }}" class="btn btn-outline-primary">Volver al Dashboard</a>
</div>
{% endif %}
{% endblock %}