{% extends 'base.html' %}
{% block content %}
<section class="page-header">
    <h2>Admin · User Management</h2>
    <div class="admin-nav">
        <a href="/admin">Overview</a>
        <a href="/admin/appointments">Appointments</a>
        <a href="/admin/schedules">Schedules</a>
        <a href="/admin/reports">Reports</a>
        <a href="/admin/audit">Audit</a>
    </div>
</section>

<section class="grid two">
    <article class="panel">
        <h3>Create User</h3>
        <form method="post" action="/admin/users" class="stack">
            <label>Full name</label>
            <input type="text" name="full_name" required />
            <label>Email</label>
            <input type="email" name="email" required />
            <label>Password</label>
            <input type="password" name="password" minlength="6" required />
            <label>Role</label>
            <select name="role" required>
                {% for role in roles %}
                    <option value="{{ role }}">{{ role }}</option>
                {% endfor %}
            </select>
            <label>Specialty <span class="helper-text">(for doctors)</span></label>
            <input type="text" name="specialty" placeholder="e.g. Pediatrics" />
            <button type="submit">Create user</button>
        </form>
    </article>

    <article class="panel">
        <h3>All Users</h3>
        <div class="stack compact-list">
            {% for member in users %}
            <div class="subpanel">
                <form method="post" action="/admin/users/{{ member.id }}/update" class="stack">
                    <strong>#{{ member.id }} · {{ member.full_name }}</strong>
                    <input type="text" name="full_name" value="{{ member.full_name }}" required />
                    <input type="email" name="email" value="{{ member.email }}" required />
                    <select name="role">
                        {% for role in roles %}
                            <option value="{{ role }}" {% if member.role.value == role %}selected{% endif %}>{{ role }}</option>
                        {% endfor %}
                    </select>
                    <input type="text" name="specialty" value="{{ member.specialty or '' }}" placeholder="Doctor specialty" />
                    <div class="inline-actions">
                        <button type="submit">Save changes</button>
                    </div>
                </form>
                <div class="inline-actions wrap">
                    <span class="badge {% if member.is_active %}badge-success{% else %}badge-muted{% endif %}">
                        {{ 'Active' if member.is_active else 'Inactive' }}
                    </span>
                    <form method="post" action="/admin/users/{{ member.id }}/toggle-status">
                        <button type="submit">{{ 'Deactivate' if member.is_active else 'Activate' }}</button>
                    </form>
                    <form method="post" action="/admin/users/{{ member.id }}/reset-password" class="inline-actions">
                        <input type="password" name="new_password" placeholder="New password" minlength="6" required />
                        <button type="submit">Reset password</button>
                    </form>
                </div>
            </div>
            {% endfor %}
        </div>
    </article>
</section>
{% endblock %}