<%- include('../partials/head') %>
<div class="topbar"><h2>Admin Panel</h2></div>
<div class="content">
  <div class="card"><h2>Tambah User Baru</h2><p class="note">Buat user, tentukan masa aktif awal, dan tentukan jumlah slot WhatsApp yang boleh dikoneksikan.</p><form method="post" action="/admin/users"><div class="grid"><label>Email user<input name="email" type="email" required></label><label>Password awal<input name="password" type="text" required></label><label>Role<select name="role"><option value="user">User biasa</option><option value="admin">Admin</option></select></label><label>Jumlah slot WA<input name="device_limit" type="number" min="1" value="1" required></label><label>Aktif awal berapa bulan?<input name="months" type="number" min="0" value="1"></label></div><button>Tambah User</button></form></div>
  <div class="card"><h2>User & Langganan</h2><div class="table-wrap"><table><tr><th>ID</th><th>Email</th><th>Role</th><th>Aktif Dari</th><th>Aktif Sampai</th><th>Device</th><th>Aksi</th></tr><% users.forEach(u=>{ %><tr><td><%=u.id%></td><td><%=u.email%></td><td><%=u.role%></td><td><%=u.active_from || '-'%></td><td><%=u.active_until || 'belum aktif'%></td><td><b><%=u.device_count%></b> / <b><%=u.device_limit%></b> slot</td><td><form method="post" action="/admin/users/<%=u.id%>/subscription"><label>Mulai<input name="active_from" type="date" required></label><label>Durasi bulan<input name="months" type="number" min="1" value="1"></label><button>Set Aktif</button></form><form method="post" action="/admin/users/<%=u.id%>/add-months"><label>Tambah bulan<input name="months" type="number" min="1" value="1"></label><button>Tambah Masa</button></form><form method="post" action="/admin/users/<%=u.id%>/device-limit"><label>Limit WA<input name="device_limit" type="number" min="1" value="<%=u.device_limit%>"></label><button>Simpan Limit</button></form><form method="post" action="/admin/users/<%=u.id%>/disable"><button class="danger">Nonaktifkan</button></form></td></tr><% }) %></table></div></div>
  <div class="card"><h2>Device Terbaru</h2><table><tr><th>User</th><th>Sender</th><th>Status</th><th>Error</th><th>Update</th></tr><% devices.forEach(d=>{ %><tr><td><%=d.email || '-'%></td><td><%=d.sender%></td><td><%=d.status%></td><td><%=d.last_error || '-'%></td><td><%=d.updated_at || '-'%></td></tr><% }) %></table></div>
</div>
<%- include('../partials/foot') %>
