{% extends "admin/layout.twig" %}

{% block title %}Administração - {% if user %}Editar{% else %}Novo{% endif %} Usuário{% endblock %}

{% block header_title %}{% if user %}Editar Usuário{% else %}Criar Novo Usuário{% endif %}{% endblock %}

{% block global_actions %}
    <a href="/admin/users" class="btn btn-secondary">&larr; Voltar para Usuários</a>
{% endblock %}

{% block extra_css %}
        .content-container { max-width: 600px; margin: 0 auto; }
{% endblock %}

{% block content %}
<div class="content-container">
    <form method="POST" action="{% if user %}/admin/users/{{ user.id }}/edit{% else %}/admin/users/create{% endif %}">
        
        <div class="form-group">
            <label for="email">E-mail</label>
            <input type="email" id="email" name="email" value="{{ user.email ?? '' }}" required>
        </div>

        <div class="form-group">
            <label for="password">Senha {% if user %}(deixe em branco para não alterar){% endif %}</label>
            <input type="password" id="password" name="password" {% if not user %}required{% endif %} minlength="8">
        </div>

        <div class="form-group">
            <label for="role">Função (Role)</label>
            <select id="role" name="role" required>
                <option value="administrador" {% if user.role == 'administrador' or user.role == 'Administrador' %}selected{% endif %}>Administrador (Padrão)</option>
                <option value="financeiro" {% if user.role == 'financeiro' or user.role == 'Financeiro' %}selected{% endif %}>Financeiro</option>
                <option value="recepcao" {% if user.role == 'recepcao' or user.role == 'Recepcao' %}selected{% endif %}>Recepção</option>
                <option value="superadmin" {% if user.role == 'superadmin' or user.role == 'Superadmin' %}selected{% endif %}>Superadmin</option>
            </select>
        </div>

        <div style="margin-top: 20px;">
            <button type="submit" class="btn">Salvar Usuário</button>
            <a href="/admin/users" class="btn btn-secondary">Cancelar</a>
        </div>
    </form>
</div>
{% endblock %}