<!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>
                    <form action="{% url 'select-account' %}" method="POST" accept-charset="utf-8">
                        {% csrf_token %}
                        <table class="middle-center-table">
                            {% for account in game_accounts %}
                            <tr>
                                <td>
                                    <button type="submit" name="account_id" value="{{ account.id }}" class="login-button">
                                        {{ account.username }}
                                    </button>
                                </td>
                            </tr>
                            {% endfor %}
                        </table>
                    </form>
                    {% 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' %}
