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

{% block title %}
 <b >Registro de información para pago</b>
{% endblock %}

{% block content %}
<p>A continuación le pediremos su información para realizar el pago de sus ganancias obtenidas en el experimento.</p>
<p>Por favor suministre la información necesaria en la siguiente tabla:</p>

<table  border="0" align="center">
    <tr style="border-top: 1px solid; border-bottom: 1px solid; border-right: 1px solid; border-left: 1px solid">
        <td>
            <table>
                <col width="500"> <col width="700">
                <tr>
                    <td rowspan="4"><p align="center"> <b>PAGADO A</b> </p>
                                    <p>{%formfield player.namep label=""%}</p>
                                    <p align="center"><b>Nombres y apellidos</b></p>
                    </td>
                </tr>
            </table>
        </td>

        <td style="border-right: 1px solid; border-left: 1px solid">
            <table>
                <col width="500"> <col width="700">
                <tr>
                    <th align="left">Documento: {%formfield player.idcard1 label=""%} </th>
                </tr>
                <tr>
                    <th align="left">Dirección: {%formfield player.address label=""%} </th>
                </tr>
                <tr>
                    <th align="left">Ciudad de residencia: {%formfield player.cityp label=""%} </th>
                </tr>
                <tr>
                    <th align="left">Teléfono: {%formfield player.telephone label=""%}</th>
                </tr>
            </table>
        </td>

        <td style="border-right: 1px solid; border-left: 1px solid">
            <table>
                <col width="100"><col width="15"><col width="100"><col width="15"><col width="100">
                <tr>
                    <th colspan="5" valign="top" height="50"><p align="center">VALOR </p></th>
                </tr>
            </table>

            <table>
                <col width="100"><col width="15"><col width="100"><col width="15"><col width="100">
                <tr>
                    <td colspan="5" align="center" valign="top" height="70"> <b> {{valor}} </b></td>
                </tr>
            </table>

            <table style="border-top: 1px solid; border-bottom: blank;">
                <col width="100"><col width="15"><col width="100"><col width="15"><col width="100">
                <tr>
                    <th colspan="5" height="50" valign="bottom"> <p align="center">Fecha (DD-MM-AAAA)</p> </th>
                </tr>
            </table>

            <table>
                <col width="100"><col width="15"><col width="100"><col width="15"><col width="100">
                <tr valign="bottom" height="70">
                    <td> {%formfield player.dayp label="" %} </td>
                    <td valign="middle"> - </td>
                    <td> {%formfield player.monthp label="" %} </td>
                    <td valign="middle">  - </td>
                    <td> {%formfield player.yearp label="" %} </td>
                </tr>
            </table>
        </td>
    </tr>

    <tr style="border-top: blank; border-bottom: 1px solid; border-right: 1px solid; border-left: 1px solid">
        <td colspan="7">
            <p align="justify"><b>POR CONCEPTO DE:</b></p>
            <p align="justify">Participación en experimentos económicos</p>
        </td>
    </tr>

    <tr style="border-top: blank; border-bottom: 1px solid; border-right: 1px solid; border-left: 1px solid">
        <td colspan="7">
            <p align="justify"><b>VALOR (en letras):</b></p>
            <p align="center">{%formfield player.value label=""%}</p>
        </td>
    </tr>

    <tr style="border-top: blank; border-bottom: 1px solid; border-right: 1px solid; border-left: 1px solid">
        <td colspan="2">
            <p> <b> ¿Cómo desea que le transfiramos sus ganancias adquiridas en el experimento? </b></p>
            <p align="center">  {% formfield player.typepayment label="" %}</p>
        </td>
        <td colspan="5" style="border-left: 1px solid"> <p><b>FIRMA DE RECIBIDO (ingrese su nombre completo en la casilla en blanco)</b></p>
                                                        <p>{%formfield player.signaturep label=""%}</p>
                                                        <p> <b>C.C o NIT.</b> {%formfield player.idcard2 label=""%}</p>
        </td>
    </tr>
</table>



<br>
<br>
<br>
<div class="d-flex justify-content-center">
{% next_button %}
</div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

{% endblock %}