{% extends "base.html" %}

{% block title %}Pago recibido · {{ project_name }}{% endblock %}

{% block content %}
<main class="page-shell">
  <section class="container">
    <div class="success-panel mx-auto">
      <div class="success-icon"><i class="bi bi-check2-circle"></i></div>
      <span class="eyebrow dark">Solicitud recibida</span>
      <h1>Tu pago está pendiente de aprobación</h1>
      <p>Registramos la confirmación de <strong>{{ confirmation.customer_name }}</strong>. El admin revisará la referencia <strong>{{ confirmation.reference }}</strong> y actualizará el estado.</p>
      <div class="summary-grid">
        <div><span>Método</span><strong>{{ confirmation.get_method_display }}</strong></div>
        <div><span>Monto</span><strong>${{ confirmation.amount }}</strong></div>
        <div><span>Estado</span><strong>{{ confirmation.get_status_display }}</strong></div>
        <div><span>Servicio</span><strong>{{ confirmation.product|default:'No especificado' }}</strong></div>
      </div>
      <div class="d-flex flex-column flex-sm-row gap-3 justify-content-center mt-4">
        <a href="{% url 'catalog' %}" class="btn btn-dark-soft btn-lg">Volver al catálogo</a>
        <a href="https://wa.me/{{ whatsapp_number }}" target="_blank" rel="noopener" class="btn btn-accent btn-lg">Hablar por WhatsApp</a>
      </div>
    </div>
  </section>
</main>
{% endblock %}