{% extends "admin/layout.html" %}
{% block title %}Fortune | {{ brand_short_name }}{% endblock %}
{% block admin_title %}Fortuna{% endblock %}
{% block admin_content %}
<section class="adm-section space-y-5">
  <div class="grid gap-5 xl:grid-cols-2">
    <form method="post" class="border border-neutral-200 bg-white p-5"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><input type="hidden" name="action" value="create_prize"><h2 class="text-xl font-semibold">Crear premio (máximo 6)</h2><div class="mt-4 grid gap-3 sm:grid-cols-2"><label class="text-sm">Nombre<input class="mt-1 w-full border p-3" name="name" required></label><label class="text-sm">Tipo<select class="mt-1 w-full border p-3" name="prize_type"><option value="money">Dinero</option><option value="code_notice">Código sorpresa</option></select></label><label class="text-sm">Monto<input class="mt-1 w-full border p-3" name="value" type="number" min="0" step="0.01" value="0"></label><label class="text-sm">Peso<input class="mt-1 w-full border p-3" name="weight" type="number" min="1" value="1" required></label></div><button class="mt-4 bg-pink-600 px-4 py-3 font-semibold text-white" type="submit">Crear premio</button></form>
    <form method="post" class="border border-neutral-200 bg-white p-5"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><input type="hidden" name="action" value="force_prize"><h2 class="text-xl font-semibold">Asegurar siguiente premio</h2><p class="mt-2 text-sm text-neutral-600">El usuario no verá que el resultado fue asignado.</p><label class="mt-4 block text-sm">Teléfono, ID o código del usuario<input class="mt-1 w-full border p-3" name="user_identifier" required></label><label class="mt-3 block text-sm">Premio<select class="mt-1 w-full border p-3" name="prize_id" required>{% for prize in prizes if prize.is_active %}<option value="{{ prize.id }}">{{ prize.name }}</option>{% endfor %}</select></label><button class="mt-4 bg-neutral-900 px-4 py-3 font-semibold text-white" type="submit">Asegurar premio</button></form>
  </div>
  <div class="grid gap-5 xl:grid-cols-2">
    <section class="border border-neutral-200 bg-white p-5"><h2 class="text-xl font-semibold">Premios y pesos</h2><div class="mt-4 space-y-2">{% for prize in prizes %}<div class="flex items-center justify-between gap-3 border p-3"><div><strong>{{ prize.name }}</strong><p class="text-sm text-neutral-600">{% if prize.prize_type == 'money' %}Dinero MX$ {{ "%.2f"|format(prize.value) }}{% else %}Aviso de código{% endif %} · Peso {{ prize.weight }}</p></div><form method="post" action="{{ url_for('admin.toggle_fortune_prize', prize_id=prize.id) }}"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><button class="border px-3 py-2" type="submit">{{ 'Activo' if prize.is_active else 'Inactivo' }}</button></form></div>{% else %}<p class="text-sm text-neutral-600">No hay premios configurados.</p>{% endfor %}</div></section>
    <form method="post" class="border border-neutral-200 bg-white p-5"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><input type="hidden" name="action" value="save_envelopes"><h2 class="text-xl font-semibold">Sobres entregados por producto</h2><div class="mt-4 space-y-3">{% for plan in plans %}<label class="flex items-center justify-between gap-3 border p-3"><span>{{ plan.name }}</span><input class="w-24 border p-2" type="number" min="0" name="plan_{{ plan.id }}" value="{{ plan.fortune_envelopes or 0 }}"></label>{% endfor %}</div><button class="mt-4 bg-pink-600 px-4 py-3 font-semibold text-white" type="submit">Guardar cantidades</button></form>
  </div>
  {% if forced %}<section class="border border-neutral-200 bg-white p-5"><h2 class="text-xl font-semibold">Premios pendientes asegurados</h2><div class="mt-3 space-y-2">{% for item in forced %}<p class="border p-3">{{ users_by_id[item.user_id].phone }} → {{ item.prize.name }}</p>{% endfor %}</div></section>{% endif %}
  {% if recent_wins %}<section class="border border-neutral-200 bg-white p-5"><h2 class="text-xl font-semibold">Últimos resultados</h2><div class="mt-3 space-y-2">{% for win in recent_wins %}<p class="border p-3">{{ users_by_id[win.user_id].phone }} ganó {{ win.prize_name_snapshot }} · {{ win.created_at.strftime('%d/%m/%Y %H:%M') }}</p>{% endfor %}</div></section>{% endif %}
</section>
{% endblock %}