<div class="container mx-auto">
  <h1 class="text-2xl font-bold mb-4">Plan Yönetimi</h1>
  <div class="mb-3"><a class="btn btn-primary btn-sm" href="/admin/plans/new"><i class="fas fa-plus mr-1"></i>Yeni Plan</a></div>
  <div class="overflow-x-auto bg-base-100 rounded shadow">
    <table class="table">
      <thead>
        <tr>
          <th>ID</th>
          <th>Ad</th>
          <th>Fiyat (₺/ay)</th>
          <th>Kanal</th>
          <th>Gönderim/Ay</th>
          <th>Planlı İş</th>
          <th>Aktif</th>
          <th></th>
        </tr>
      </thead>
      <tbody>
        <% (plans||[]).forEach(function(p){ %>
          <tr>
            <td><%= p.id %></td>
            <td><%= p.name %></td>
            <td><%= p.price_month %></td>
            <td><%= p.channel_limit %></td>
            <td><%= p.post_limit_month %></td>
            <td><%= p.schedule_limit %></td>
            <td><span class="badge <%= Number(p.active)===1 ? 'badge-success' : 'badge-ghost' %>"><%= Number(p.active)===1 ? 'Aktif' : 'Pasif' %></span></td>
            <td class="space-x-2">
              <a class="btn btn-xs" href="/admin/plans/<%= p.id %>/edit">Düzenle</a>
              <form action="/admin/plans/<%= p.id %>/toggle" method="POST" style="display:inline">
                <input type="hidden" name="_csrf" value="<%= csrfToken %>">
                <button class="btn btn-xs"><%= Number(p.active)===1 ? 'Pasifleştir' : 'Aktifleştir' %></button>
              </form>
              <form action="/admin/plans/<%= p.id %>/delete" method="POST" style="display:inline" onsubmit="return confirm('Planı silmek istediğinize emin misiniz? Bu işlem geri alınamaz.');">
                <input type="hidden" name="_csrf" value="<%= csrfToken %>">
                <button class="btn btn-error btn-xs">Sil</button>
              </form>
            </td>
          </tr>
        <% }) %>
      </tbody>
    </table>
  </div>
</div>
