{% import "../macros/staff-nav.html" as staff_nav %}

{% extends "base.html" %}

{% block title %}Účet ({{ account.username }}){% endblock %}

{% block content %}
<h1 class="title">Účet ({{ account.username }})</h1>
{% call staff_nav::staff_nav() %}
<hr>
<h2>Změnit heslo</h2>
<form method="post" action="/staff/actions/change-password">
    <table class="form-table">
        <tr>
            <td class="label">Staré heslo</td>
            <td><input name="old_password" type="password" required=""></td>
        </tr>
        <tr>
            <td class="label">Nové heslo</td>
            <td><input name="new_password" type="password" required=""></td>
        </tr>
        <tr>
            <td colspan="2"><input class="button" type="submit" value="Změnit heslo"></td>
        </tr>
    </table>
</form>
<hr>
{% if tcx.perms.owner() %}
    <h2>Předat vlastnictví</h2>
    <form method="post" action="/staff/actions/transfer-ownership">
        <table class="form-table">
            <tr>
                <td class="label">Účet</td>
                <td><input name="account" type="text" required=""></td>
            </tr>
            <tr>
                <td class="label">Potvrdit</td>
                <td>
                    <div class="input-wrapper">
                        <input name="confirm" type="checkbox" required="">
                    </div>
                </td>
            </tr>
            <tr>
                <td colspan="2"><input class="button" type="submit" value="Předat vlastnictví"></td>
            </tr>
        </table>
    </form>
    <hr>
{% endif %}
<h2>Vymazat účet</h2>
<form method="post" action="/staff/actions/delete-account">
    <table class="form-table">
        <tr>
            <td class="label">Potvrdit</td>
            <td>
                <div class="input-wrapper">
                    <input name="confirm" type="checkbox" required="">
                </div>
            </td>
        </tr>
        <tr>
            <td colspan="2"><input class="button" type="submit" value="Vymazat účet"></td>
        </tr>
    </table>
</form>
{% endblock %}