{% extends "config/base.html" %}
{% import "site_shell/_macros.html" as ui %}

{% block title %}Edit {{ user.username }} - Pychestrate Configuration{% endblock %}

{% block content %}
<div class="page-header">
    <h1>Edit User: {{ user.username }}</h1>
    <p>Update user account information</p>
</div>

<div class="card narrow">
    <form method="post">
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
        {{ ui.error_summary(errors, error_labels) }}

        <div class="form-group">
            <label for="ro-username">Username</label>
            <input type="text" class="form-control" value="{{ user.username }}" id="ro-username" disabled aria-describedby="ro-username-help">
            <p id="ro-username-help" class="form-text">Username cannot be changed</p>
        </div>
        
        <div class="form-group">
            <label for="email">Email *</label>
            <input type="email" id="email" name="email" class="form-control" required
                   value="{{ user.email }}"{{ ui.invalid_attrs(errors, 'email') }}>
            {{ ui.field_error(errors, 'email') }}
        </div>
        
        <div class="form-group">
            <label for="display_name">Display Name *</label>
            <input type="text" id="display_name" name="display_name" class="form-control" required maxlength="100"
                   value="{{ user.display_name }}"{{ ui.invalid_attrs(errors, 'display_name') }}>
            {{ ui.field_error(errors, 'display_name') }}
        </div>
        
        <div class="form-group">
            <label for="firstname">First Name</label>
            <input type="text" id="firstname" name="firstname" class="form-control"
                   value="{{ user.firstname }}">
        </div>
        
        <div class="form-group">
            <label for="lastname">Last Name</label>
            <input type="text" id="lastname" name="lastname" class="form-control"
                   value="{{ user.lastname }}" aria-describedby="lastname-help">
        </div>
        
        {% if is_self %}
        <div class="form-group">
            <p id="lastname-help" class="form-text">
                You are editing your own account. The status and role
                controls are unavailable here so you cannot lock
                yourself out -- ask another administrator to change
                them.
            </p>
        </div>
        {% else %}
        <div class="form-group">
            <label>
                <input type="checkbox" name="is_active" {% if user.is_active %}checked{% endif %}>
                Active
            </label>
        </div>

        {% if roles %}
        <div class="form-group">
            <label>Roles</label>
            {% for role in roles %}
            <div class="my-sm">
                <label class="regular">
                    <input type="checkbox" name="role_names" value="{{ role.name }}"
                           {% if role.name in user.roles %}checked{% endif %}>
                    {{ role.name }}
                    {% if role.description %}<span class="muted"> - {{ role.description }}</span>{% endif %}
                </label>
            </div>
            {% endfor %}
        </div>
        {% endif %}
        {% endif %}
        
        <div class="actions-row">
            <button type="submit" class="btn btn-primary">
                {{ ui.icon("save") }} Save Changes
            </button>
            <a href="{{ url_for('config.user_detail', user_id=user.id) }}" class="btn btn-secondary">Cancel</a>
        </div>
    </form>
</div>
{% endblock %}