{% extends 'base.html.twig' %}
{% block title %}{{ user ? 'Edytuj użytkownika' : 'Nowy użytkownik' }} — Admin | TROPO{% endblock %}

{% block body %}
<div class="max-w-2xl mx-auto px-4 py-12">
    <div class="mb-8">
        <a href="{{ path('app_admin_users') }}" class="text-sm text-gray-500 hover:text-dark transition">&larr; Powrót do listy</a>
        <h1 class="text-3xl font-bold mt-1">{{ user ? 'Edytuj użytkownika' : 'Nowy użytkownik' }}</h1>
    </div>

    <form method="post" class="space-y-6">
        <input type="hidden" name="_token" value="{{ csrf_token('admin_action') }}">
        <div class="bg-white rounded-2xl border border-gray-200 p-6 space-y-6">
            <div>
                <label for="email" class="block text-sm font-semibold text-dark mb-2">Email</label>
                <input type="email" name="email" id="email" value="{{ user ? user.email : '' }}" required
                    class="w-full px-4 py-3 border border-gray-200 rounded-xl focus:ring-2 focus:ring-scout/30 focus:border-scout outline-none transition">
            </div>

            <div>
                <label for="password" class="block text-sm font-semibold text-dark mb-2">
                    Hasło{% if user %} <span class="text-gray-400 font-normal">(zostaw puste, aby nie zmieniać)</span>{% endif %}
                </label>
                <input type="password" name="password" id="password" {{ user ? '' : 'required' }} minlength="6"
                    class="w-full px-4 py-3 border border-gray-200 rounded-xl focus:ring-2 focus:ring-scout/30 focus:border-scout outline-none transition">
            </div>

            <div class="flex items-center gap-3">
                <input type="checkbox" name="is_admin" id="is_admin" value="1" {{ (user and 'ROLE_ADMIN' in user.roles) or not user ? 'checked' : '' }}
                    class="w-5 h-5 rounded border-gray-300 text-scout focus:ring-scout">
                <label for="is_admin" class="text-sm font-semibold text-dark">Administrator</label>
            </div>
        </div>

        <div class="flex gap-3">
            <button type="submit" class="px-6 py-3 bg-blitz text-white font-semibold rounded-xl hover:bg-blitz/90 transition">
                {{ user ? 'Zapisz zmiany' : 'Utwórz użytkownika' }}
            </button>
            <a href="{{ path('app_admin_users') }}" class="px-6 py-3 border border-gray-200 text-gray-600 font-semibold rounded-xl hover:bg-gray-50 transition">Anuluj</a>
        </div>
    </form>
</div>
{% endblock %}