<div class="admin-page">
  <div class="admin-page-head">
    <h1>Offres &amp; tarifs</h1>
  </div>

  <div class="admin-panel">
    <p class="muted">Récapitulatif de l'offre actuellement proposée aux membres.</p>

    <div class="table-wrap">
      <table class="data-table">
        <thead>
          <tr>
            <th>Offre</th>
            <th>Prix</th>
            <th>Type</th>
            <th>Durée d'accès</th>
            <th>Texte marketing</th>
            <th>Price Stripe</th>
          </tr>
        </thead>
        <tbody>
          <% plans.forEach(function(plan){ %>
            <tr>
              <td><strong><%= plan.label %></strong></td>
              <td><%= plan.priceLabel %></td>
              <td><%= plan.key === 'montante_auto' ? 'Paiement initial + renouvellement par montante' : (plan.mode === 'subscription' ? 'Abonnement récurrent' : 'Paiement unique') %></td>
              <td><%= plan.key === 'montante_auto' ? 'Montante payée' : (plan.durationDays ? plan.durationDays + ' jours' : 'Géré par Stripe') %></td>
              <td><%= plan.tagline %></td>
              <td>
                <% if (plan.stripePrice) { %>
                  <span class="badge-mini badge-on">Configuré</span>
                <% } else { %>
                  <span class="badge-mini badge-off">À configurer</span>
                <% } %>
              </td>
            </tr>
          <% }) %>
        </tbody>
      </table>
    </div>
  </div>
</div>
