<!DOCTYPE html>

    {% include 'partials/head.html' %}
	{% include 'partials/header.html' %}
	{% include 'partials/video.html' %}

<div class="main-page">
    <div class="middle-content">
        <div class="body-content">
            <div class="title-content">
                <h1>Selecciona tu cuenta de juego</h1>
            </div>
            <div class="box-content">
                <div class="body-box-content centered">
                    {% if bnet_email %}
                    <p>Conectado como <strong>{{ bnet_email }}</strong></p>
                    <br>
                    {% endif %}

                    {% if game_accounts %}
                    <p>Tu cuenta Battle.net tiene varias cuentas de juego. Elige con cuál quieres continuar:</p>
                    <br>
                    {% load django_vite %}
                    <!-- Isla React (Vite): selector de cuenta de juego. Selección vía GET
                         a /api/account/select/ (sin POST); redirige a my-account. -->
                    <div id="select-account-app" data-select-url="/api/account/select/"></div>
                    {{ game_accounts|json_script:"select-account-data" }}
                    {% vite_asset 'src/entries/select_account.tsx' %}
                    {% else %}
                    <p>No se han encontrado cuentas de juego asociadas a esta cuenta Battle.net.</p>
                    <br>
                    <p>Contacta con el soporte si crees que es un error.</p>
                    {% endif %}

                    <hr>
                    <p><a href="log-out">Cerrar sesión</a></p>
                </div>
            </div>
        </div>
    </div>
</div>

	{% include 'partials/social.html' %}
	{% include 'partials/footer.html' %}
	{% include 'partials/final.html' %}
