{% 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 align="center"><b>Documento de identidad</b></p>
                                    <p>{%formfield player.idcard1 label=""%}</p>
                                    <p align="center"><b> Fecha de expedición del documento</b></p>
                                    <p align="center"><b> (DD - MM - AAAA)</b></p>

                                    <table>
                <col width="100"><col width="15"><col width="100"><col width="15"><col width="100">
                <tr valign="bottom" height="70">
                    <td> {%formfield player.expday label="" %} </td>
                    <td valign="middle"> - </td>
                    <td> {%formfield player.expmonth label="" %} </td>
                    <td valign="middle">  - </td>
                    <td> {%formfield player.expyear label="" %} </td>
                </tr>
            </table>
                                    <p align="center"><b>Nombres y apellidos</b></p>
                                    <p>{%formfield player.namep label=""%}</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">Dirección: {%formfield player.address label=""%} </th>
                </tr>
                <tr>
                    <th align="left">Departamento: {%formfield player.depto label=""%} </th>
                </tr>
                <tr>
                    <th align="left">Ciudad de residencia: {%formfield player.cityp label=""%} </th>
                </tr>
                <tr>
                    <th align="left">País: {%formfield player.country1 label=""%} </th>
                </tr>
                <tr>
                    <th align="left">Correo Electrónico: {%formfield player.email 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> total: {{total}} </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 del experimento (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">Auxilio por participación en experimentos</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="7" style="border-left: 1px solid">
            <p align="left"><b>FIRMA DE RECIBIDO (ingrese su nombre completo en la casilla en blanco):</b></p>
            <p>{%formfield player.signaturep label=""%}</p>
            <p align="left"> <b>C.C o NIT.</b>
            <p> {%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 %}