{% extends 'base.html.twig' %}

{% block title %}{{ 'lang.newUser'|trans }}{% endblock %}

{% block body_class %}bg-gray-50{% endblock %}

{% block body %}
<div class="container mx-auto px-4 py-8">
    <div class="max-w-2xl mx-auto">
        <div class="mb-8">
            <a href="{{ path('app_user_index') }}" class="inline-flex items-center gap-2 text-gray-600 hover:text-primary transition-colors text-sm font-medium mb-4">
                <i class="fas fa-arrow-left"></i>
                {{ 'lang.back'|trans }}
            </a>
            <h1 class="text-2xl font-bold text-gray-900">{{ 'lang.newUser'|trans }}</h1>
            <p class="text-gray-600 mt-1">{{ 'lang.personalInformation'|trans }}</p>
        </div>

        <div class="bg-white rounded-xl border border-gray-200 shadow-sm p-6 sm:p-8">
            {{ include('user/_form.html.twig', {'back_path': path('app_user_index')}) }}
        </div>
    </div>
</div>
{% endblock %}