{% extends 'admin/layout.html.twig' %}
{% block page_title %}Abonnements{% endblock %}
{% block breadcrumb %}
  <span class="sep">/</span><a href="{{ path('admin_csiwo_index') }}" class="breadcrumb-link">CSIWO</a>
  <span class="sep">/</span><span class="breadcrumb-text">Abonnements</span>
{% endblock %}
{% block header_action %}
  <a href="{{ path('admin_subscription_plan_new') }}" class="btn btn-primary btn-sm">Nouveau plan</a>
{% endblock %}

{% block content %}
<style>
  .sub-status { display:inline-block;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase; }
  .sub-active   { background:rgba(42,199,105,.18);color:#2ac769; }
  .sub-cancelled{ background:rgba(200,80,80,.18);color:#e06060; }
  .sub-pending  { background:rgba(200,200,50,.18);color:#c8c832; }
  .tier-pill    { display:inline-block;padding:2px 9px;border-radius:11px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em; }
  .tier-pill.tier-bronze { background:rgba(205,127,50,.18);color:#cd7f32; }
  .tier-pill.tier-argent { background:rgba(192,192,192,.18);color:#c0c0c0; }
  .tier-pill.tier-gold   { background:rgba(245,197,66,.18);color:#f5c542; }
  .paypal-id { font-family:monospace;font-size:.74rem;color:var(--muted); }
  .paypal-missing { color:#e06060;font-style:italic; }
  .period-pill { display:inline-block;padding:2px 9px;border-radius:11px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em; }
  .period-pill.monthly { background:rgba(88,166,255,.18);color:#58a6ff; }
  .period-pill.annual  { background:rgba(99,84,214,.18);color:#9d8eff; }
</style>

<h2 style="margin:0 0 12px;font-size:1rem">Plans</h2>
<table class="admin-table" style="margin-bottom:30px">
  <thead>
    <tr>
      <th>Ordre</th>
      <th>Tier</th>
      <th>Période</th>
      <th>Nom</th>
      <th>Prix</th>
      <th>Hebdo</th>
      <th>Plan PayPal</th>
      <th>Actif</th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    {% if plans is empty %}
      <tr><td colspan="9" style="text-align:center;color:var(--muted);padding:24px">Aucun plan configuré.</td></tr>
    {% else %}
      {% for plan in plans %}
        <tr>
          <td>{{ plan.sortOrder }}</td>
          <td><span class="tier-pill tier-{{ plan.tier }}">{{ plan.tier }}</span></td>
          <td><span class="period-pill {{ plan.billingPeriod }}">{{ plan.billingPeriod == 'annual' ? 'Annuel' : 'Mensuel' }}</span></td>
          <td>{{ plan.name }}</td>
          <td>{{ (plan.priceCents / 100)|number_format(2, ',', ' ') }} € / {{ plan.billingPeriod == 'annual' ? 'an' : 'mois' }}</td>
          <td style="font-size:.78rem;color:var(--muted)">
            {{ plan.weeklyMoney|number_format(0, ',', ' ') }} D · {{ plan.weeklyPremium|number_format(0, ',', ' ') }} C
          </td>
          <td>
            {% if plan.paypalPlanId %}
              <span class="paypal-id">{{ plan.paypalPlanId }}</span>
            {% else %}
              <span class="paypal-missing">(non configuré)</span>
            {% endif %}
          </td>
          <td>{{ plan.isActive ? '✓' : '✗' }}</td>
          <td style="white-space:nowrap">
            <a href="{{ path('admin_subscription_plan_edit', {id: plan.id}) }}" class="btn btn-outline btn-sm">Modifier</a>
            <form method="POST" action="{{ path('admin_subscription_plan_delete', {id: plan.id}) }}" style="display:inline" onsubmit="return confirm('Supprimer ce plan ?')">
              <button class="btn btn-danger btn-sm">Supprimer</button>
            </form>
          </td>
        </tr>
      {% endfor %}
    {% endif %}
  </tbody>
</table>

<h2 style="margin:0 0 12px;font-size:1rem">Abonnés actifs</h2>
<table class="admin-table">
  <thead>
    <tr>
      <th>Joueur</th>
      <th>Tier</th>
      <th>Statut</th>
      <th>Début</th>
      <th>Fin de période</th>
      <th>ID PayPal</th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    {% if activeSubs is empty %}
      <tr><td colspan="7" style="text-align:center;color:var(--muted);padding:24px">Aucun abonné actif</td></tr>
    {% else %}
      {% for sub in activeSubs %}
      <tr>
        <td>{{ sub.player.username }}</td>
        <td>
          <span class="tier-pill tier-{{ sub.plan.tier }}">{{ sub.plan.tier }}</span>
          <span class="period-pill {{ sub.plan.billingPeriod }}" style="margin-left:4px">{{ sub.plan.billingPeriod == 'annual' ? 'A' : 'M' }}</span>
        </td>
        <td><span class="sub-status sub-{{ sub.status }}">{{ sub.status }}</span></td>
        <td>{{ sub.startsAt ? sub.startsAt|date('d/m/Y') : '—' }}</td>
        <td>{{ sub.currentPeriodEnd ? sub.currentPeriodEnd|date('d/m/Y') : '—' }}</td>
        <td class="paypal-id">{{ sub.paypalSubscriptionId }}</td>
        <td style="white-space:nowrap">
          <form method="POST" action="{{ path('admin_subscription_deactivate', {id: sub.id}) }}" style="display:inline" onsubmit="return confirm('Désactiver cet abonnement ?')">
            <button class="btn btn-danger btn-sm">Désactiver</button>
          </form>
        </td>
      </tr>
      {% endfor %}
    {% endif %}
  </tbody>
</table>
{% endblock %}