{% extends "base.html" %}
{% block title %}Activate Plan | BancaNet{% endblock %}
{% block content %}
<span class="kicker">Planes / Confirmación</span>
<h1 class="page-title">{{ plan.name }}</h1>
<p class="page-intro">{{ plan.description or "Revisa el resumen del plan antes de confirmar." }}</p>
<section class="kia-card" style="max-width:720px">
  <div class="detail-list"><div class="detail-row"><span>Precio</span><strong>{% if active_discount %}<del>MX$ {{ "%.2f"|format(original_price) }}</del> &nbsp;{% endif %}MX$ {{ "%.2f"|format(price) }}{% if active_discount %} ({{ active_discount.surprise_code.value|float|round(2) }}% menos){% endif %}</strong></div><div class="detail-row"><span>Duración</span><strong>{{ duration_days }} días</strong></div><div class="detail-row"><span>Rendimiento diario</span><strong>MX$ {{ "%.2f"|format(daily_profit) }}</strong></div></div>
  {% if already_owned %}
  <p class="page-intro">Ya tienes este plan. Solo puedes comprar uno de cada uno.</p>
  <div class="inline-actions"><a class="kia-button secondary" href="{{ url_for('user.dashboard') }}">Volver</a></div>
  {% else %}
  <form method="post" class="inline-actions"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><button class="kia-button" type="submit" {% if not plan.is_active %}disabled{% endif %}>Activar plan</button><a class="kia-button secondary" href="{{ url_for('user.dashboard') }}">Volver</a></form>
  {% endif %}
</section>
{% endblock %}