{% extends "global/Page.html" %}
{% load otree %}

{% block title %}
    Deneyimiz sona erdi.
{% endblock %}

{% block content %}

    
    <div class="panel panel-default" style="margin-bottom:10px">
        <div class="panel-body">
            <p><strong>Kazancınız:</strong></p>
            <p> {{ final_payoff_with_showup }}</p>
            
            <p><em> Lütfen aşağıdaki bilgileri kaydedin: </em></p>
                <p> Tarih:  <strong> {{ date }} </strong> </p>
                <p> Katılımcı numarası: <strong> {{ id }}</strong> </p>
                <p> Katılımcı kodu: <strong> {{ redemption_code }}</strong> </p>
                
        </div>
    </div>
    <div class="panel panel-default" style="margin-bottom:10px">
        <div class="panel-body">
            <p> {% formfield player.payment_method %}</p>
                
        </div>
    </div>
    <div id="pymnt"> 
        <p>Kazandığınız tutarın banka hesabınıza transfer edilmesini istiyorsanız aşağıdaki bilgileri doldurun:</p>
            {% formfield player.name %}  
            {% formfield player.surname %}
            {% formfield player.iban %}
    </div>
    
    <p>
        {% next_button %}
    </p>
{% endblock %}

{% block scripts %}

<script>
$(document).ready(function() {


    var $pymntDiv = $('#pymnt');

    $('input').change(function () {
        var paymentMethod = $('input[name=payment_method]:checked').val();

        if (paymentMethod === 'False') {
            $pymntDiv.hide();
        }
        else {
            $pymntDiv.show();
        }

        
    });
});
</script>


{% endblock %}