{% extends 'base.html.twig' %}
{% block title %}Crear cuenta – HuertosCastellon.es{% endblock %}
{% block meta_robots %}noindex, nofollow{% endblock %}

{% block body %}
<div style="min-height:80vh; background:linear-gradient(160deg,#f0faf4 0%,#e8f5ed 100%); display:flex; align-items:center; padding:2.5rem 0;">
<div class="container">
<div class="row justify-content-center">
<div class="col-sm-10 col-md-8 col-lg-6">

    <div class="text-center mb-4">
        <div style="font-size:2.5rem">🌱</div>
        <div class="section-header-sm mt-1">Empieza hoy</div>
        <h1 style="font-size:1.6rem; font-weight:800; color:#1a3528">Crea tu cuenta gratis</h1>
        <p class="text-muted small mt-1">Sin tarjeta de crédito · Sin permanencia</p>
    </div>

    <div class="content-card p-4 p-md-5">

        {{ form_start(form, {'attr': {'novalidate': 'novalidate'}}) }}

        <div class="row g-3">
            <div class="col-md-6">
                {{ form_label(form.nombre) }}
                {{ form_widget(form.nombre, {'attr': {'class': 'form-control', 'placeholder': 'Tu nombre'}}) }}
                {{ form_errors(form.nombre) }}
            </div>
            <div class="col-md-6">
                {{ form_label(form.apellidos) }}
                {{ form_widget(form.apellidos, {'attr': {'class': 'form-control', 'placeholder': 'Tus apellidos'}}) }}
                {{ form_errors(form.apellidos) }}
            </div>
            <div class="col-12">
                {{ form_label(form.email) }}
                {{ form_widget(form.email, {'attr': {'class': 'form-control', 'placeholder': 'tu@email.com'}}) }}
                {{ form_errors(form.email) }}
            </div>
            <div class="col-12">
                {{ form_label(form.telefono) }}
                {{ form_widget(form.telefono, {'attr': {'class': 'form-control', 'placeholder': '6XX XXX XXX'}}) }}
                {{ form_errors(form.telefono) }}
            </div>
            <div class="col-md-6">
                {{ form_label(form.plainPassword.first) }}
                {{ form_widget(form.plainPassword.first, {'attr': {'class': 'form-control', 'placeholder': 'Mínimo 6 caracteres'}}) }}
                {{ form_errors(form.plainPassword.first) }}
            </div>
            <div class="col-md-6">
                {{ form_label(form.plainPassword.second) }}
                {{ form_widget(form.plainPassword.second, {'attr': {'class': 'form-control', 'placeholder': 'Repite la contraseña'}}) }}
                {{ form_errors(form.plainPassword.second) }}
            </div>
        </div>

        <div class="mt-4 pt-2">
            <button type="submit" class="btn-primary-green w-100" style="border-radius:50px; padding:.7rem">
                <i class="bi bi-seedling me-1"></i> Crear mi cuenta
            </button>
        </div>

        {{ form_end(form) }}

        <div class="text-center mt-4 pt-3" style="border-top:1px solid #e8f5ed">
            <span class="text-muted small">¿Ya tienes cuenta?</span>
            <a href="{{ path('app_login') }}" style="color:var(--verde-medio); font-weight:700; text-decoration:none; font-size:.9rem; margin-left:.4rem">
                Inicia sesión
            </a>
        </div>
    </div>

</div>
</div>
</div>
</div>
{% endblock %}