{% extends 'base.html.twig' %}
{% block title %}Conditions d'utilisation — Bubul{% endblock %}
{% block show_sidebar %}false{% endblock %}
{% block meta_robots %}noindex, nofollow{% endblock %}

{% block body %}
{% embed '_organisms/step-layout/step-layout.html.twig' %}
{% block heading %}
<div class="w-full max-w-md text-center mb-4 sm:mb-8">
    <h1 class="text-xl sm:text-3xl font-bold text-gray-700 mb-2 leading-tight">Créons votre compte</h1>
    <p class="text-sm text-gray-500">Votre email a été vérifié. Plus qu'une étape !</p>
</div>
{% endblock %}
{% block card %}

    {% if error is defined and error %}
        <div class="error-message mb-4 p-3 bg-red-50 border border-red-200 rounded-lg text-sm text-red-700">{{ error }}</div>
    {% endif %}

    <form method="POST" action="{{ path('app_register_terms') }}" novalidate>
        <input type="hidden" name="_token" value="{{ csrf_token('register_terms') }}">

        <label class="flex items-start gap-3 mb-4 cursor-pointer group">
            <input type="checkbox" name="cgv"
                   class="mt-1 w-4 h-4 rounded border-gray-300 text-primary focus:ring-primary">
            <span class="text-sm text-gray-700">
                J'accepte les <a href="{{ path('app_legal_cgv') }}" target="_blank" class="text-primary underline">Conditions Générales d'Utilisation et de Vente</a> de Bubul <span class="text-red-500">*</span>
            </span>
        </label>

        <label class="flex items-start gap-3 mb-4 sm:mb-8 cursor-pointer">
            <input type="checkbox" name="marketing"
                   class="mt-1 w-4 h-4 rounded border-gray-300 text-primary focus:ring-primary">
            <span class="text-sm text-gray-500">
                J'accepte de recevoir des emails sur les nouveautés et offres Bubul (optionnel)
            </span>
        </label>

        {% include '_atoms/button/button.html.twig' with {label: 'Créer mon compte', type: 'submit', variant: 'primary', width: 'full'} only %}
    </form>
{% endblock %}
{% endembed %}
{% endblock %}