{{ block styles }}
<link href="{{ static 'global/css/style.css' }}" rel="stylesheet" type="text/css"/>
{{ endblock }}

{{ block title }}
Fase 1
{{ endblock }}

{{ block content }}

<p>
    Durante la prima fase dovrà scegliere una tra sei lotterie proposte. Ognuna di esse è caratterizzata da due
    esiti, TESTA o CROCE, i quali possono verificarsi casualmente con la stessa probabilità.
</p>
<p>
    Il suo guadagno in questa fase è determinato da:
</p>
<ul>
    <li>la lotteria selezionata, e</li>
    <li>uno dei due esiti (TESTA o CROCE).</li>
</ul>

<p>
    Ad esempio:
</p>
<ul>
    <li>Seleziona la Lotteria 4.</li>
    <li>Se esce <i>TESTA</i>, riceverà {{ C.lotteries.high.3|cu }};
        se esce <i>CROCE</i> riceverà {{ C.lotteries.low.3|cu }}.
    </li>
</ul>

<p>
    Le sei diverse lotterie sono elencate di seguito. Selezioni una di esse utilizzando la casella di input posizionata
    nella parte inferiore dello schermo.
</p>

<div class="table-responsive">
    <table class="table text-center">
        <tr>
            <th>LOTTERIA</th>
            <th>TESTA</th>
            <th>CROCE</th>
        </tr>

        {{ for l in lotteries }}
        <tr>
            <td>Lotteria {{ forloop.counter }}</td>
            <td>{{ l.high|cu }}</td>
            <td>{{ l.low|cu }}</td>
        </tr>
        {{ endfor }}
    </table>
</div>

{{ formfields }}

<p>
    <button class="otree-btn-next btn btn-primary">Confermi la scelta</button>
</p>

{{ endblock }}