{{ block title }}
Por favor considera a los siguientes candidatos a la presidencia de Guatemala.
{{ endblock }}
{{ block content }}
<b>Instrucciones: Por favor, seleccione a quién votará.</b><br><br>
<table>
    <tr>
        <td  style = "vertical-align: top">
            <table style="text-align: center; align-content:center; font-family:Georgia; background-color:whitesmoke; border: 1px solid black">
                <tr style="height:20px; background-color: white; color: black">
                    <th style = "background-color:MidnightBlue; border-bottom: 0.5px solid black; color:white"><p style ="text-align:left; padding:10px">Candidato A</p><p style = "text-align:left; font-size: 125%; padding:10px">Elige esta opción</p></th>
                </tr>
                 <tr style="height:40px">
                    <td style="min-width:450px; border-bottom: 1px solid black; text-align:left; padding:10px"><i>Esto es un control de atención</i></td>
                </tr>
                     <tr style="height:40px">
                    <td style="border-bottom: 1px solid black; text-align:left; padding:10px"><b>Edad: </b>{{attribute2level1}}</td>
                </tr>
                <tr style="height:40px">
                    <td style="border-bottom: 0.5px solid black; text-align:left;padding:10px"><b>Origen étnico: </b>{{attribute3level1}}</td>
                </tr>
                <tr style="height:40px">
                    <td style="border-bottom: 0.5px solid black; text-align:left;padding:10px"><b>Afiliación religiosa: </b>{{attribute4level1}}</td>
                </tr>
                <tr style="height:100px">
                    <td style="border-bottom: 0.5px solid black; text-align:left;padding:10px"><b>Orientación política 1: </b>{{attribute5level1}}</td>
                </tr>
                <tr style="height:100px">
                    <td style="border-bottom: 0.5px solid black; text-align:left;padding:10px"><b>Orientación política 2: </b>{{attribute6level1}}</td>
                </tr>
                <tr style="height:120px">
                    <td style="border-bottom: 0.5px solid black; text-align:left;padding:10px"><b>Orientación política 3: </b>{{attribute7level1}}</td>
                </tr>
                <tr style="height:120px">
                    <td style="border-bottom: 1px solid black; text-align:left;padding:10px"><b>Orientación política 4: </b>{{attribute8level1}}</td>
                </tr>
            </table>
        </td>
        <td style = min-width:100px></td>
        <td style = "vertical-align: top">
            <table style="text-align: center; align-content:center; font-family:Georgia; background-color:whitesmoke; border:1px solid black">
                <tr style="height:20px; background-color: white; color: black">
                    <th style = "background-color:MidnightBlue; border-bottom: 0.5px solid black; color:white"><p style ="text-align:left; padding:10px">Candidato B</p><p style = "text-align:left; font-size: 125%; padding:10px">No elija esta opción</p></th>
                </tr>
                 <tr style="height:40px">
                     <td style="min-width:450px; border-bottom: 1px solid black; text-align:left; padding:10px"><i>Esto es un control de atención</i></td>
                </tr>
                     <tr style="height:40px">
                     <td style="border-bottom: 1px solid black; text-align:left; padding:10px"><b>Edad: </b>{{attribute2level2}}</td>
                </tr>
                <tr style="height:40px">
                     <td style="border-bottom: 0.5px solid black; text-align:left;padding:10px;"><b>Origen étnico: </b>{{attribute3level2}}</td>
                </tr>
                </tr>
                <tr style="height:40px">
                    <td style="border-bottom: 0.5px solid black; text-align:left;padding:10px"><b>Afiliación religiosa: </b>{{attribute4level2}}</td>
                </tr>
                <tr style="height:100px">
                    <td style="border-bottom: 0.5px solid black; text-align:left;padding:10px"><b>Orientación política 1: </b>{{attribute5level2}}</td>
                </tr>
                <tr style="height:100px">
                    <td style="border-bottom: 0.5px solid black; text-align:left;padding:10px"><b>Orientación política 2: </b>{{attribute6level2}}</td>
                </tr>
                <tr style="height:120px">
                    <td style="border-bottom: 0.5px solid black; text-align:left;padding:10px"><b>Orientación política 3: </b>{{attribute7level2}}</td>
                </tr>
                <tr style="height:120px">
                    <td style="border-bottom: 1px solid black; text-align:left;padding:10px"><b>Orientación política 4: </b>{{attribute8level2}}</td>
                </tr>
            </table>
        </td>
    </tr>
</table>
    {{ formfield 'attncheck' }}
    Se trata de un control de atención. Por favor, seleccione 6.<br> <i>(1 = extremadamente improbable, 7 = muy probable)</i>
    <br><br>{{form.attnrating1}} <br><br>
    Se trata de un control de atención. Por favor, seleccione 2.<br> <i>(1 = extremadamente improbable, 7 = muy probable)</i>
    <br><br>{{form.attnrating2}}<br><p></p>

<button>
    Siguiente
</button><p></p>


<p>
    <label>Page {{ participant.progress }} of 20
        <progress value="{{ participant.progress }}" max="20">
        </progress>
    </label>
</p>

{{ endblock }}