{% extends "admin/base.html" %}

{% block logo %}
<h1>Edit User</h1>
{% endblock %}

{% block main %}
<div class="admin-content">
    <section class="admin-form">
        <h2>{{ target_user.username }}</h2>

        {% if error %}
        <div class="alert alert-error">{{ error }}</div>
        {% endif %}

        <form method="post" action="/admin/users/{{ target_user.uid }}/edit.html">
            <div class="form-group">
                <label for="nick">Nickname</label>
                <input type="text" id="nick" name="nick" value="{{ target_user.nick }}" maxlength="20" required>
            </div>

            <div class="form-group">
                <label for="color">Color</label>
                <input type="color" id="color" name="color" value="{{ target_user.color or '#ffffff' }}">
            </div>

            <div class="form-group checkbox">
                <label>
                    <input type="checkbox" name="is_admin" {% if target_user.is_admin %}checked{% endif %}>
                    Administrator
                </label>
            </div>

            <div class="form-group checkbox">
                <label>
                    <input type="checkbox" name="is_banned" {% if target_user.is_banned %}checked{% endif %}>
                    Banned
                </label>
            </div>

            <div class="form-actions">
                <button type="submit" class="btn btn-primary">Save Changes</button>
                <a href="/admin/users/index.html" class="btn btn-secondary">Cancel</a>
            </div>
        </form>
    </section>

    <section class="admin-info">
        <h3>User Information</h3>
        <dl>
            <dt>UID</dt>
            <dd>{{ target_user.uid }}</dd>
            <dt>Created</dt>
            <dd>{{ target_user.created_at }}</dd>
            <dt>Last Online</dt>
            <dd>{{ target_user.last_online or 'Never' }}</dd>
            <dt>Location</dt>
            <dd>{{ target_user.city }}{% if target_user.country_long %}, {{ target_user.country_long }}{% endif %}</dd>
            <dt>IP</dt>
            <dd>{{ target_user.ip or 'Unknown' }}</dd>
        </dl>
    </section>
</div>
{% endblock main %}