{% extends 'admin/layout.html.twig' %}
{% block page_title %}{{ plan.id ? 'Modifier le plan' : 'Nouveau plan' }}{% endblock %}
{% block breadcrumb %}
  <span class="sep">/</span><a href="{{ path('admin_csiwo_index') }}" class="breadcrumb-link">CSIWO</a>
  <span class="sep">/</span><a href="{{ path('admin_subscription_index') }}" class="breadcrumb-link">Abonnements</a>
  <span class="sep">/</span><span class="breadcrumb-text">{{ plan.id ? plan.name : 'Nouveau' }}</span>
{% endblock %}

{% block content %}
<div style="max-width:560px">
  <form method="POST">
    <div class="field" style="margin-bottom:14px">
      <label class="field-label">Tier</label>
      <select name="tier" required style="max-width:200px">
        {% for key, label in tiers %}
          <option value="{{ key }}" {{ plan.tier == key ? 'selected' }}>{{ label }}</option>
        {% endfor %}
      </select>
    </div>

    <div class="field" style="margin-bottom:14px">
      <label class="field-label">Période de facturation</label>
      <select name="billingPeriod" required style="max-width:200px">
        <option value="monthly" {{ plan.billingPeriod == 'monthly' ? 'selected' }}>Mensuel</option>
        <option value="annual"  {{ plan.billingPeriod == 'annual'  ? 'selected' }}>Annuel</option>
      </select>
    </div>

    <div class="field" style="margin-bottom:14px">
      <label class="field-label">Nom du plan</label>
      <input type="text" name="name" value="{{ plan.name ?? 'Premium' }}" required style="width:100%;max-width:360px">
    </div>

    <div class="field" style="margin-bottom:14px">
      <label class="field-label">Prix (€)</label>
      <input type="number" name="priceEuros" value="{{ plan.id ? (plan.priceCents / 100)|number_format(2, '.', '') : '2.99' }}"
             min="0.01" step="0.01" required style="max-width:120px">
    </div>

    <div class="field" style="margin-bottom:14px">
      <label class="field-label">Ordre d'affichage</label>
      <input type="number" name="sortOrder" value="{{ plan.sortOrder ?? 0 }}" min="0" style="max-width:120px">
      <div style="font-size:.75rem;color:var(--muted);margin-top:4px">Petit = affiché en premier (1 = bronze, 2 = argent, 3 = gold par convention).</div>
    </div>

    <div class="field" style="margin-bottom:14px">
      <label class="field-label">PayPal Plan ID <span style="font-size:.75rem;color:var(--muted)">(P-XXXXXXXXXXXXXXXX)</span></label>
      <input type="text" name="paypalPlanId" value="{{ plan.paypalPlanId ?? '' }}"
             placeholder="P-..." style="width:100%;max-width:360px;font-family:monospace">
      <div style="font-size:.75rem;color:var(--muted);margin-top:4px">
        Créez le plan sur le <a href="https://developer.paypal.com/dashboard/" target="_blank" style="color:var(--accent)">dashboard PayPal</a>
        ou via <code>php bin/console app:paypal:create-plan</code>, puis copiez l'ID ici.
      </div>
    </div>

    <div class="field" style="margin-bottom:14px">
      <label class="field-label">Prix en Crédits MasterMoney (optionnel)</label>
      <input type="number" name="creditsPrice" value="{{ plan.creditsPrice ?? 0 }}" min="0" style="max-width:140px">
      <div style="font-size:.75rem;color:var(--muted);margin-top:4px">
        Permet d'acheter ce plan avec des Crédits MasterMoney à la place de PayPal — achat unique, <strong>sans renouvellement automatique</strong>.
        0 = achat par crédits désactivé pour ce plan.
      </div>
    </div>

    <div class="field" style="margin-bottom:14px">
      <label class="field-label">Description (optionnel)</label>
      <textarea name="description" rows="3" style="width:100%;max-width:460px">{{ plan.description ?? '' }}</textarea>
    </div>

    <div class="field" style="margin-bottom:14px">
      <label class="field-label">Récompense hebdomadaire — Dollawrs</label>
      <input type="number" name="weeklyMoney" value="{{ plan.weeklyMoney ?? 0 }}" min="0" style="max-width:140px">
      <div style="font-size:.75rem;color:var(--muted);margin-top:4px">Distribué une fois par semaine au clic du bouton "Réclamer" par le joueur.</div>
    </div>

    <div class="field" style="margin-bottom:14px">
      <label class="field-label">Récompense hebdomadaire — Crédits MasterMoney</label>
      <input type="number" name="weeklyPremium" value="{{ plan.weeklyPremium ?? 0 }}" min="0" style="max-width:140px">
    </div>

    <div class="field" style="margin-bottom:14px">
      <label class="field-label">Quota sauvegardes cloud</label>
      <input type="number" name="cloudSavesQuota" value="{{ plan.cloudSavesQuota ?? 0 }}" min="0" style="max-width:140px">
      <div style="font-size:.75rem;color:var(--muted);margin-top:4px">Nombre de slots de sauvegardes cloud autorisés pour ce tier (0 = pas d'accès).</div>
    </div>

    <div class="field" style="margin-bottom:14px">
      <label class="field-label">Bonus taux d'intérêt banque (%)</label>
      <input type="number" name="bankInterestBonusPct" value="{{ plan.bankInterestBonusPct ?? 0 }}" min="0" max="100" style="max-width:140px">
      <div style="font-size:.75rem;color:var(--muted);margin-top:4px">Ajouté au taux de base 10% mensuel. Ex. 3 = abonné reçoit 13% mensuels au lieu de 10%.</div>
    </div>

    <div class="field" style="margin-bottom:14px">
      <label class="field-label">Quêtes journalières bonus accessibles</label>
      <input type="number" name="extraDailyQuests" value="{{ plan.extraDailyQuests ?? 0 }}" min="0" style="max-width:140px">
      <div style="font-size:.75rem;color:var(--muted);margin-top:4px">Nombre de quêtes du pool bonus accessibles à ce tier (en plus des quêtes de base). Limité par la taille du pool global (config Quêtes journalières).</div>
    </div>

    <div class="field" style="margin-bottom:20px">
      <label class="field-label">
        <input type="checkbox" name="isActive" value="1" {{ (plan.id is null or plan.isActive) ? 'checked' }}>
        Plan actif (visible sur /subscribe)
      </label>
    </div>

    <button type="submit" class="btn btn-primary">Enregistrer</button>
    <a href="{{ path('admin_subscription_index') }}" class="btn btn-outline" style="margin-left:8px">Annuler</a>
  </form>
</div>
{% endblock %}