{% extends 'base.html' %}
{% block title %}Konta · {{panel_brand}}{% endblock %}
{% block content %}
<p class="eyebrow">ADMINISTRACJA</p><h1>Nowe konto</h1>
<section class="panel account-create"><form method="post" id="account-create-form"><label>Login<input required name="login" maxlength="30" pattern="[A-Za-z0-9_]+"></label><label>Hasło<input required name="password" type="password" minlength="6"></label><label>E-mail <small>(opcjonalnie)</small><input name="email" type="email"></label><label>Kod usunięcia postaci<input required name="deletion_code" type="password" inputmode="numeric" minlength="7" maxlength="7" pattern="[0-9]{7}" placeholder="Dokładnie 7 cyfr"></label><label>Rodzaj konta<select name="authority" id="account-authority">{% for authority in authorities %}<option value="{{authority}}">{{authority}}</option>{% endfor %}</select></label><div class="gm-only" hidden><label>Królestwo<select name="empire"><option value="1">Shinsoo</option><option value="2">Chunjo</option><option value="3">Jinno</option></select></label><label>Nick postaci GM <small>(tworzona od razu; np. [GM]Seban)</small><input name="gm_name" maxlength="24" pattern="(?:[A-Za-z0-9_]{2,24}|\[[A-Za-z0-9_]{1,6}\][A-Za-z0-9_]{2,16})"></label><label>Klasa postaci<select name="gm_job">{% for value,label in jobs %}<option value="{{value}}">{{label}}</option>{% endfor %}</select></label><label>Płeć postaci<select name="gm_gender">{% for value,label in genders %}<option value="{{value}}">{{label}}</option>{% endfor %}</select></label></div><button>Utwórz konto</button></form></section>
<h2>Konta serwera</h2><form class="account-list-filter" method="get"><input name="q" value="{{account_query}}" placeholder="🔍 Login lub nick postaci"><label>Wyświetlaj<select name="display"><option value="100" {% if display=='100' %}selected{% endif %}>100</option><option value="1000" {% if display=='1000' %}selected{% endif %}>1000</option><option value="all" {% if display=='all' %}selected{% endif %}>Wszystkie</option></select></label><button>Szukaj</button></form><section class="panel table-wrap"><table><thead><tr><th>ID</th><th>Login</th><th>E-mail</th><th>Królestwo</th><th>Utworzono</th><th>Ostatnia gra</th></tr></thead><tbody>{% for account in accounts %}<tr class="account-row" data-href="{{ url_for('account_detail', aid=account.id) }}" tabindex="0" title="Pokaż konto"><td>{{account.id}}</td><td><span class="account-login">{{account.login}}</span></td><td>{{account.email}}</td><td>{% set empire=empire_info(account.empire) %}{% if empire.flag %}<span class="empire-badge"><img src="{{empire_flag(account.empire)}}" alt="{{empire.name}}">{{empire.name}}</span>{% else %}—{% endif %}</td><td>{{account.create_time}}</td><td>{{account.last_play or '—'}}</td></tr>{% else %}<tr><td colspan="6" class="muted">Brak kont pasujących do wyszukiwania.</td></tr>{% endfor %}</tbody></table></section>
<script>
document.body.dataset.ajaxForms='1';
(() => {
const authority=document.getElementById('account-authority'),gm=document.querySelector('.gm-only');function toggleGM(){gm.hidden=authority.value==='PLAYER'}authority.addEventListener('change',toggleGM);toggleGM();
document.querySelectorAll('table tbody tr.account-row').forEach(row=>{row.addEventListener('click',()=>{window.location=row.dataset.href});row.addEventListener('keydown',e=>{if(e.key==='Enter'||e.key===' '){e.preventDefault();window.location=row.dataset.href}})});
})();
</script>
{% endblock %}