{{ extends 'global/Page.html' }}
{{ block title }}Lotterie-Auswahl{{ endblock }}

{{ block global_styles  }}
    <link rel="stylesheet" href="{{ static 'global/style_sheet.css' }}">
{{ endblock }}

{{ block content }}
<br>
<p><b>Präsentation aller Lotterien</b></p>
<p>
  Bitte betrachten Sie die nachfolgenden Lotterien. <b>Klicken Sie anschließend auf "weiter"</b>.
    <br>Sie werden zu einem späteren Zeitpunkt eine Option aus der folgenden Lotterie-Liste wählen können.
</p>

<p>
<div>
    <table class="likert">
        <tr>
            <th>ID</th>
            <th>Lotterie</th>
        </tr>
        {{ for i in lotteries }}
        <tr>
            <td><b>{{ i.ID_shuffled }}</b></td>
            <td class="likert_label">{{ i.text }}</td>
        </tr>
        {{ endfor }}
    </table>
</div>
</p>
<br>




<button id="next_button" class="otree-btn-next btn btn-primary"> Weiter </button>


{{ endblock }}