{% extends "base.html" %}
{% block title %}{{ titre }}{% endblock %}
{% block content %}
<div class="page-header">
    <h1>{{ titre }}</h1>
    <a href="/admin/utilisateurs" class="btn">← Retour</a>
</div>

<form method="post" class="form-card">
    <div class="form-grid">
        <div class="form-group">
            <label>Nom d'utilisateur *</label>
            <input type="text" name="username" required
                   value="{{ user.username if user else '' }}" autocomplete="off">
        </div>
        <div class="form-group">
            <label>Email</label>
            <input type="email" name="email"
                   value="{{ user.email if user else '' }}">
        </div>
        <div class="form-group">
            <label>Mot de passe {% if user %}(laisser vide = inchangé){% else %}*{% endif %}</label>
            <input type="password" name="password"
                   {% if not user %}required{% endif %} autocomplete="new-password">
        </div>
        <div class="form-group" style="justify-content: flex-end; padding-top: 1.5rem;">
            <label style="display:flex; align-items:center; gap:0.5rem; cursor:pointer;">
                <input type="checkbox" name="is_admin" value="true"
                       {% if user and user.is_admin %}checked{% endif %}
                       style="width:auto;">
                Administrateur
            </label>
        </div>
    </div>
    <div class="form-actions">
        <button type="submit" class="btn btn-primary">Enregistrer</button>
        <a href="/admin/utilisateurs" class="btn">Annuler</a>
    </div>
</form>
{% endblock %}