{% load django_vite %}
<div class="main-page">
            <div class="middle-content">
                <div class="body-content">
                <div class="title-content"><h1>Recuperar información de cuenta</h1></div>
                    <div class="box-content">
                        <div class="title-box-content"><h2>Información</h2></div>
                        <div class="body-box-content justified">
                            <span>Si has olvidado la contraseña de la cuenta:</span>
                            <p>- Selecciona la opción 'Contraseña'.</p>
                            <p>- Escribe el correo electrónico de la cuenta.</p>
                            <p>- Un correo será enviado con un enlace para generar una contraseña nueva.</p>
                            <br>
                            <span>Si has olvidado con qué cuentas de juego cuentas:</span>
                            <p>- Selecciona la opción 'Nombre de cuenta'.</p>
                            <p>- Escribe el correo electrónico.</p>
                            <p>- Un correo será enviado con todas las cuentas ligadas al correo.</p>
                            <br>
                            <span>Si no has recibido el enlace de activación:</span>
                            <p>- Selecciona la opción 'Enlace de activación'.</p>
                            <p>- Escribe el correo electrónico.</p>
                            <p>- Un correo será enviado con el enlace de activación.</p>
                        </div>
                    </div>

                    <div class="box-content">
                        <div class="title-box-content"><h2>Solicitud de información</h2></div>
                        <div class="body-box-content centered">
                            <!-- Isla React (Vite): recuperación de cuenta (contraseña / nombre de
                                 cuenta / reenvío de activación). POST a {% url 'recover' %} (JSON). -->
                            <div id="recover-app"
                                 data-csrf="{{ csrf_token }}"
                                 data-recover-url="{% url 'recover' %}"
                                 data-sitekey="{{ TURNSTILE_SITE_KEY }}"></div>
                            {% vite_asset 'src/entries/recover.tsx' %}
                            <br>
                        </div>
                    </div>
                </div>
            </div>
        </div>