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

{% block title %}Unirse a un grupo{% endblock %}

{% block body %}
<div class="auth-wrapper">
    <div class="auth-card glass-card">
        <div class="auth-header">
            <span class="auth-logo">🔑</span>
            <h1 class="auth-title">Unirse a un grupo</h1>
            <p class="auth-subtitle">Introduce el código de acceso de 8 caracteres</p>
        </div>

        {{ form_start(form, {attr: {novalidate: 'novalidate'}}) }}
            <div class="form-group">
                {{ form_label(form.codigo, null, {label_attr: {class: 'form-label'}}) }}
                {{ form_widget(form.codigo, {attr: {class: 'form-control form-control--code', autofocus: true}}) }}
                {{ form_errors(form.codigo) }}
            </div>
            <button type="submit" class="btn btn--primary btn--full">Unirse</button>
        {{ form_end(form) }}

        <p class="auth-footer">
            <a href="{{ path('app_grupo_nuevo') }}">Crear un grupo nuevo</a>
        </p>
    </div>
</div>
{% endblock %}