<div class="container mx-auto px-4 py-8">
  <h1 class="text-3xl font-bold mb-4">Kullanıcı Planları</h1>
  <div class="bg-white rounded shadow p-4">
    <form class="mb-3 flex gap-2" method="GET" action="/admin/plans">
      <input type="text" name="q" value="<%= q||'' %>" class="input input-bordered input-sm" placeholder="Kullanıcı ara (ad/email)">
      <button class="btn btn-sm">Ara</button>
    </form>
    <form action="/admin/plans/set" method="POST" class="flex items-end gap-2 flex-wrap">
      <input type="hidden" name="_csrf" value="<%= csrfToken %>">
      <div>
        <label class="text-sm text-gray-600">Kullanıcı</label>
        <select name="user_id" class="select select-bordered select-sm">
          <% (users||[]).forEach(function(u){ %>
            <% const s = subs.get(String(u.id)); %>
            <option value="<%= u.id %>"><%= u.username %> <%= s?('('+s.status+')'):'' %></option>
          <% }) %>
        </select>
      </div>
      <div>
        <label class="text-sm text-gray-600">Plan</label>
        <select name="plan_id" class="select select-bordered select-sm">
          <% (plans||[]).forEach(function(p){ %>
            <option value="<%= p.id %>"><%= p.name %> - <%= p.price_month %> ₺/ay</option>
          <% }) %>
        </select>
      </div>
      <button class="btn btn-primary btn-sm" type="submit">Plan Ata</button>
    </form>
    <div class="mt-6 text-xs text-gray-500">Not: Atanan plan 30 gün süreyle aktif edilir.</div>
  </div>
</div>
