{# templates/security/register.html.twig #}
{% extends 'base.html.twig' %}

{% block title %}Inscription - Marketplace{% endblock %}

{% block body %}
<div class="min-h-screen flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8 bg-gray-50">
    <div class="max-w-md w-full space-y-8">
        <div>
            <h2 class="mt-6 text-center text-3xl font-extrabold text-gray-900">
                Inscription
            </h2>
            <p class="mt-2 text-center text-sm text-gray-600">
                Ou
                <a href="{{ path('app_login') }}" class="font-medium text-primary-600 hover:text-primary-500">
                    connectez-vous à votre compte
                </a>
            </p>
        </div>
        
        {{ form_start(registrationForm, {'attr': {'class': 'mt-8 space-y-6'}}) }}
            {{ form_errors(registrationForm) }}
            
            <div class="space-y-4">
                {{ form_row(registrationForm.fullName) }}
                {{ form_row(registrationForm.email) }}
                {{ form_row(registrationForm.plainPassword) }}
                
                <div class="flex items-center">
                    {{ form_widget(registrationForm.agreeTerms) }}
                    {{ form_label(registrationForm.agreeTerms, null, {'label_attr': {'class': 'ml-2 block text-sm text-gray-900'}}) }}
                </div>
            </div>
            
            <div>
                <button type="submit" 
                        class="group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-primary-600 hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500">
                    S'inscrire
                </button>
            </div>
        {{ form_end(registrationForm) }}
    </div>
</div>
{% endblock %}