{% extends 'base.html' %}
{% block title %}Akun Kasir{% endblock %}
{% block content %}
<div class="flex items-end justify-between gap-3 mb-4"><div><h1 class="page-title">Akun Kasir & Admin</h1><p class="page-sub">Kasir: transaksi, pesanan, stok (lihat), pengeluaran. Admin: semua menu termasuk produk, pembelian, dan laporan.</p></div>
<button onclick="openModal('mForm')" class="btn btn-accent"><i class="fas fa-plus"></i> Tambah Akun</button></div>
<div class="card overflow-hidden"><table class="tbl">
<thead><tr><th>Username</th><th>Nama</th><th>Peran</th><th>Terakhir login</th><th></th></tr></thead>
<tbody>{% for a in akun_list %}
<tr><td class="font-semibold">{{ a.username }}</td><td>{{ a.first_name|default:"-" }}</td>
<td><span class="badge {% if a.is_staff %}badge-amber{% else %}badge-blue{% endif %}">{% if a.is_staff %}Admin{% else %}Kasir{% endif %}</span></td>
<td class="text-xs text-neutral-500">{{ a.last_login|date:"d M Y H:i"|default:"belum pernah" }}</td>
<td class="text-right whitespace-nowrap">
<button onclick="document.getElementById('resetId').value='{{ a.pk }}';document.getElementById('resetNama').textContent='{{ a.username }}';openModal('mReset')" class="btn btn-secondary btn-xs"><i class="fas fa-key"></i> Reset</button>
{% if a != request.user %}<form method="post" action="{% url 'akun_hapus' a.pk %}" class="inline" onsubmit="return confirm('Hapus akun {{ a.username }}?')">{% csrf_token %}<button class="btn btn-danger btn-xs"><i class="fas fa-trash"></i></button></form>{% endif %}</td></tr>
{% empty %}<tr><td colspan="5" class="text-center text-neutral-400 py-8">Belum ada akun selain superadmin.</td></tr>{% endfor %}</tbody></table></div>

<div class="modal-bg" id="mForm"><div class="modal">
<div class="flex items-center justify-between mb-4"><h3 class="font-bold">Tambah Akun</h3><button onclick="closeModal('mForm')" class="text-neutral-400"><i class="fas fa-times"></i></button></div>
<form method="post" action="{% url 'akun_tambah' %}" class="space-y-3">{% csrf_token %}
<div><label class="form-label">Username *</label><input name="username" class="form-input" required autocomplete="off"></div>
<div><label class="form-label">Nama tampilan</label><input name="nama" class="form-input"></div>
<div><label class="form-label">Password *</label><input type="password" name="password" class="form-input" required autocomplete="new-password"></div>
<label class="flex items-center gap-2 text-sm"><input type="checkbox" name="is_staff" class="w-4 h-4 accent-red-600"> Jadikan admin (akses penuh)</label>
<button class="btn btn-accent w-full justify-center">Buat Akun</button></form></div></div>

<div class="modal-bg" id="mReset"><div class="modal">
<div class="flex items-center justify-between mb-4"><h3 class="font-bold">Reset Password <span id="resetNama" class="text-red-600"></span></h3><button onclick="closeModal('mReset')" class="text-neutral-400"><i class="fas fa-times"></i></button></div>
<form method="post" id="fReset" onsubmit="this.action='/akun/'+document.getElementById('resetId').value+'/reset/'" class="space-y-3">{% csrf_token %}<input type="hidden" id="resetId">
<div><label class="form-label">Password baru *</label><input type="password" name="password" class="form-input" required autocomplete="new-password"></div>
<button class="btn btn-accent w-full justify-center">Reset</button></form></div></div>
{% endblock %}