{{ block title }}
<i style="color:red; font-weight: bold;">Oh, Oh, Oh, Merry X-Mas!!!</i>
{{ endblock }}

{{ block content }}

<p>Die Abteilung vom Prof. Dr. Menges im Wirtschaftsinstitut der TU Clausthal wünscht euch frohe Weihnachten! Als Anerkennung für euer engagiertes Studium werden zufällige Auszahlungen in Höhe von 2,00 und 22,70 Euro vorgenommen. Wir können maximal 152 Studierende auszahlen.

<p>Um die Auszahlungen vorzunehmen, benötigen wir eure Auszahlungsinformationen. Diese werden nicht veröffentlicht.
    </p><p><i>Die einzige Zahlungsmethode ist PayPal. Falls ihr kein PayPal-Konto habt, könnt ihr auf der
    <a href="https://www.paypal.com/de/welcome/signup/#/login_info" target="_blank">Webseite von Paypal</a> eines erstellen.</i>

<p style="margin-bottom: 0em;">Haben Sie Paypal?</p>
{{ formfield player.paypal label="" }}

<div id="name-address-info" style="display: none;">
    <p style="margin-bottom: 0em;" id="paypal-info">
    {{ formfield player.address label="" }}
    <p style="margin-bottom: 0em;">Vorname und Name
    {{ formfield player.name label="" }}</p>

    <br>
    <p>Wenn Sie auf "Weiter" klicken, sind die Angaben abgeschlossen.</p>
    <br><br>

{{ next_button }}

</div>


<style>
    p {
        text-align: justify;
        margin-bottom: 2em;
        color: white;
        hyphens: auto;
    }
    br {
        display: block;
        margin: 1em 0;
    }
    body {
            background-color: green;
        }
</style>

<script>
    document.addEventListener('DOMContentLoaded', function() {
    const paypalElement = document.getElementById('id_paypal');
    const nameAddressInfoElement = document.getElementById('name-address-info');
    const paypalInfoElement = document.getElementById('paypal-info');

    function showNameAddressInfo() {
        if (paypalElement.value === '1') {
            nameAddressInfoElement.style.display = "block";
            paypalInfoElement.textContent = "Sie haben ein Paypal Konto. Bitte geben Sie ihre Paypal Kontaktdaten (Benutzername oder E-Mail-Adresse).";
        } else {
            nameAddressInfoElement.style.display = "none";
            paypalInfoElement.textContent = "";
        }
    }

    // Call the function initially to show the initial state
    showNameAddressInfo();

    // Add an event listener to listen for changes in the paypalElement
    paypalElement.addEventListener('change', showNameAddressInfo);
});
</script>

{{ endblock }}