{% extends "base.html" %}
{% block title %}Liberación – Cambio #{{ cambio.id }}{% endblock %}

{% block content %}
<div class="d-flex align-items-center mb-4">
  <a href="{{ url_for('cambios.liberacion_lista') }}" class="btn btn-sm btn-outline-secondary me-3">
    <i class="bi bi-arrow-left"></i> Volver
  </a>
  <h2 class="fw-bold mb-0">
    <i class="bi bi-rocket text-warning"></i> Liberación – Cambio #{{ cambio.id }}
    <span class="badge bg-warning text-dark ms-2 fs-6">Transacción 3</span>
  </h2>
</div>

<div class="row g-4">
  <!-- Columna izquierda: datos de T1 y T2 (solo lectura) -->
  <div class="col-lg-5">

    <!-- Datos de la Solicitud -->
    <div class="card shadow-sm border-0 mb-3">
      <div class="card-header bg-warning bg-opacity-15 border-0">
        <h6 class="mb-0 fw-bold text-warning">
          <i class="bi bi-lock"></i> Datos de la Solicitud (T1)
        </h6>
      </div>
      <div class="card-body">
        <dl class="row small mb-0">
          <dt class="col-5 text-muted">Sistema:</dt>
          <dd class="col-7 fw-semibold">{{ cambio.sistema.nombre if cambio.sistema else '-' }}</dd>

          <dt class="col-5 text-muted">Solicitante:</dt>
          <dd class="col-7">{{ cambio.solicitante.nombre_completo if cambio.solicitante else '-' }}</dd>

          <dt class="col-5 text-muted">Incidencia:</dt>
          <dd class="col-7 fw-bold">{{ cambio.numero_incidencia }}</dd>

          <dt class="col-5 text-muted">F. Pruebas:</dt>
          <dd class="col-7">{{ cambio.fecha_pruebas | fecha_mx }}</dd>

          <dt class="col-5 text-muted">Descripción:</dt>
          <dd class="col-7">{{ cambio.descripcion_breve or '-' }}</dd>
        </dl>
      </div>
    </div>

    <!-- Datos Técnicos -->
    <div class="card shadow-sm border-0">
      <div class="card-header bg-primary bg-opacity-10 border-0">
        <h6 class="mb-0 fw-bold text-primary">
          <i class="bi bi-lock"></i> Datos Técnicos (T2)
        </h6>
      </div>
      <div class="card-body">
        <dl class="row small mb-0">
          <dt class="col-5 text-muted">Desarrollador:</dt>
          <dd class="col-7">{{ cambio.desarrollador.nombre_completo if cambio.desarrollador else '-' }}</dd>

          <dt class="col-5 text-muted">F. Propuesta:</dt>
          <dd class="col-7">{{ cambio.fecha_propuesta_produccion | fecha_mx }}</dd>

          <dt class="col-5 text-muted">Desc. Técnica:</dt>
          <dd class="col-7">{{ cambio.descripcion_tecnica or '-' }}</dd>

          <dt class="col-5 text-muted">Archivo:</dt>
          <dd class="col-7">
            {% if cambio.archivo_nombre %}
              <span class="text-success fw-semibold">
                <i class="bi bi-file-earmark-zip"></i> {{ cambio.archivo_nombre }}
              </span>
            {% else %}
              <span class="text-muted fst-italic">Sin archivo adjunto</span>
            {% endif %}
          </dd>
        </dl>
      </div>
    </div>
  </div>

  <!-- Formulario de liberación -->
  <div class="col-lg-7">
    <div class="card shadow-sm border-0">
      <div class="card-header bg-warning bg-opacity-15 border-0">
        <h6 class="mb-0 fw-bold text-warning">
          <i class="bi bi-pencil-square"></i> Datos de Liberación
        </h6>
      </div>
      <div class="card-body p-4">
        <form method="POST" novalidate
              onsubmit="return confirm('¿Confirmar la liberación a producción? Se enviará notificación por correo.')">
          {{ form.hidden_tag() }}

          <div class="mb-3">
            {{ form.fecha_real_aplicacion.label(class="form-label fw-semibold") }}
            {{ form.fecha_real_aplicacion(
                  class="form-control" + (" is-invalid" if form.fecha_real_aplicacion.errors else "")) }}
            {% for e in form.fecha_real_aplicacion.errors %}
              <div class="invalid-feedback">{{ e }}</div>
            {% endfor %}
          </div>

          <div class="mb-3">
            {{ form.usuario_valido_id.label(class="form-label fw-semibold") }}
            {{ form.usuario_valido_id(
                  class="form-select" + (" is-invalid" if form.usuario_valido_id.errors else "")) }}
            {% for e in form.usuario_valido_id.errors %}
              <div class="invalid-feedback">{{ e }}</div>
            {% endfor %}
          </div>

          <div class="mb-3">
            {{ form.estado_cambio.label(class="form-label fw-semibold") }}
            {{ form.estado_cambio(
                  class="form-select" + (" is-invalid" if form.estado_cambio.errors else "")) }}
            {% for e in form.estado_cambio.errors %}
              <div class="invalid-feedback">{{ e }}</div>
            {% endfor %}
          </div>

          <div class="mb-4">
            {{ form.observaciones.label(class="form-label fw-semibold") }}
            {{ form.observaciones(
                  class="form-control" + (" is-invalid" if form.observaciones.errors else ""),
                  rows=4,
                  placeholder="Observaciones adicionales sobre el resultado de la liberación…") }}
            {% for e in form.observaciones.errors %}
              <div class="invalid-feedback">{{ e }}</div>
            {% endfor %}
          </div>

          <div class="alert alert-info py-2 small">
            <i class="bi bi-envelope"></i>
            Al liberar se enviará correo con el PDF adjunto al solicitante, desarrollador y administrador.
          </div>

          <div class="d-flex gap-2 flex-wrap">
            {{ form.submit(class="btn btn-warning px-4 fw-semibold text-dark") }}
            <a href="{{ url_for('cambios.liberacion_lista') }}"
               class="btn btn-outline-secondary px-4">Cancelar</a>
            <div class="ms-auto d-flex gap-2">
              {% if cambio.archivo_cambio %}
                <a href="{{ url_for('cambios.descargar_archivo', id=cambio.id) }}"
                   class="btn btn-outline-success" title="Descargar archivo de objetos/scripts">
                  <i class="bi bi-file-earmark-arrow-down"></i> Descargar Archivo
                </a>
              {% else %}
                <button type="button" class="btn btn-outline-success" disabled
                        title="El desarrollador no adjuntó ningún archivo en este cambio">
                  <i class="bi bi-file-earmark-arrow-down"></i> Descargar Archivo
                </button>
              {% endif %}
              <a href="{{ url_for('cambios.descargar_pdf', id=cambio.id) }}"
                 class="btn btn-outline-danger" title="Descargar PDF">
                <i class="bi bi-file-earmark-pdf"></i> PDF
              </a>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
{% endblock %}