<div class="main-page">
    <div class="middle-content">
        <div class="body-content">
            <div class="title-content"><h1>Transferir personaje</h1></div>
            <div class="box-content">
                <div class="title-box-content">
                    <h2>Información</h2>
                    <a class="back-to-account" href="{% url 'my-account' %}">Regresar a mi cuenta</a>
                </div>
                <div class="body-box-content justified">
                    {% load django_vite %}
                    <!-- Isla React (Vite): transferir personaje (destino + token -> Stripe). -->
                    <div id="transfer-app"
                         data-csrf="{{ csrf_token }}"
                         data-url="{% url 'transfer-character' %}"
                         data-price="{{ price }}"></div>
                    {{ character_names|json_script:"transfer-characters-data" }}
                    {% vite_asset 'src/entries/transfer_character.tsx' %}
                </div>
            </div>
        </div>
    </div>
</div>
