{% extends "base.html" %}
{% block title %}Check-in | BancaNet{% endblock %}
{% block content %}
<div class="suerte-kia">
  <h1 class="suerte-kia__title">Check-in</h1>
  <p class="suerte-kia__reward">Hoy · MX$ {{ "%.2f"|format(checkin_reward_amount or 0) }}</p>

  {% if notice %}
  <div class="suerte-kia__alert suerte-kia__alert--{{ notice.tone or 'info' }}" role="status">
    <span class="suerte-kia__alert-ico" aria-hidden="true">
      {% if notice.tone == 'success' %}
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="m8.5 12.5 2.4 2.4 4.6-5"/></svg>
      {% else %}
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 8v5"/><circle cx="12" cy="16" r=".8" fill="currentColor" stroke="none"/></svg>
      {% endif %}
    </span>
    <p>{{ notice.text }}</p>
  </div>
  {% endif %}

  <section class="suerte-kia__card">
    <p class="suerte-kia__avail">
      {% if claimed_today %}
      Ya registraste hoy{% if last_claimed_on %} · {{ last_claimed_on.strftime('%d/%m/%Y') }}{% endif %}
      {% else %}
      Disponible ahora · se acredita al instante
      {% endif %}
    </p>
    <form method="post" action="{{ url_for('user.checkin_claim') }}" class="suerte-kia__form">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
      <button class="suerte-kia__submit" type="submit" {% if claimed_today %}disabled{% endif %}>
        {{ "Ya registrado hoy" if claimed_today else "Reclamar recompensa" }}
      </button>
    </form>
  </section>

  <section class="suerte-kia__stats" aria-label="Historial">
    <article>
      <span>Días registrados</span>
      <strong>{{ checkin_days or 0 }}</strong>
    </article>
    <article>
      <span>Total recibido</span>
      <strong>MX$ {{ "%.2f"|format(checkin_total or 0) }}</strong>
    </article>
  </section>
</div>
{% endblock %}