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

{% block title %}
    Scegli l'urna
{% endblock %}

{% block content %}
<p>Scegli l'urna da cui fare l'estrazione, se esce una pallina bianca vinci 100 punti.</p>
<table class="table table-striped">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">Composizione Urna A</th>
      <th scope="col">Composizione Urna B</th>
      <th scope="col">La tua scelta</th>
      </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">0</th>
      <td>0 bianche, 10 nere</td>
      <td>Sconosciuta</td>
      <td>    <label class="radio-inline">Urna A
      <input type="radio" name="choice_0" value="1" required="">
    </label>
    <label class="radio-inline">
      <input type="radio" name="choice_0" value="2" required="">Urna B
    </label></td>
    </tr>
    <tr>
      <th scope="row">1</th>
      <td>1 bianca, 9 nere</td>
      <td>Sconosciuta</td>
      <td>    <label class="radio-inline">Urna A
      <input type="radio" name="choice_1" value="1" required="">
    </label>
    <label class="radio-inline">
      <input type="radio" name="choice_1" value="2" required="">Urna B
    </label></td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>2 bianche, 8 nere</td>
      <td>Sconosciuta</td>
      <td>    <label class="radio-inline">Urna A
      <input type="radio" name="choice_2" value="1" required="">
    </label>
    <label class="radio-inline">
      <input type="radio" name="choice_2" value="2" required="">Urna B
    </label></td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td>3 bianche, 7 nere</td>
      <td>Sconosciuta</td>
      <td>    <label class="radio-inline">Urna A
      <input type="radio" name="choice_3" value="1" required="">
    </label>
    <label class="radio-inline">
      <input type="radio" name="choice_3" value="2" required="">Urna B
    </label></td>
    </tr>
    <tr>
      <th scope="row">4</th>
      <td>4 bianche, 6 nere</td>
      <td>Sconosciuta</td>
      <td>    <label class="radio-inline">Urna A
      <input type="radio" name="choice_4" value="1" required="">
    </label>
    <label class="radio-inline">
      <input type="radio" name="choice_4" value="2" required="">Urna B
    </label></td>
    </tr>
    <tr>
      <th scope="row">5</th>
      <td>5 bianche, 5 nere</td>
      <td>Sconosciuta</td>
      <td>    <label class="radio-inline">Urna A
      <input type="radio" name="choice_5" value="1" required="">
    </label>
    <label class="radio-inline">
      <input type="radio" name="choice_5" value="2" required="">Urna B
    </label></td>
    </tr>
    <tr>
      <th scope="row">6</th>
      <td>6 bianche, 4 nere</td>
      <td>Sconosciuta</td>
      <td>    <label class="radio-inline">Urna A
      <input type="radio" name="choice_6" value="1" required="">
    </label>
    <label class="radio-inline">
      <input type="radio" name="choice_6" value="2" required="">Urna B
    </label></td>
    </tr>
    <tr>
      <th scope="row">7</th>
      <td>7 bianche, 3 nere</td>
      <td>Sconosciuta</td>
      <td>    <label class="radio-inline">Urna A
      <input type="radio" name="choice_7" value="1" required="">
    </label>
    <label class="radio-inline">
      <input type="radio" name="choice_7" value="2" required="">Urna B
    </label></td>
    </tr>
    <tr>
      <th scope="row">8</th>
      <td>8 bianche, 2 nere</td>
      <td>Sconosciuta</td>
      <td>    <label class="radio-inline">Urna A
      <input type="radio" name="choice_8" value="1" required="">
    </label>
    <label class="radio-inline">
      <input type="radio" name="choice_8" value="2" required="">Urna B
    </label></td>
    </tr>
    <tr>
      <th scope="row">9</th>
      <td>9 bianche, 1 nere</td>
      <td>Sconosciuta</td>
      <td>    <label class="radio-inline">Urna A
      <input type="radio" name="choice_9" value="1" required="">
    </label>
    <label class="radio-inline">
      <input type="radio" name="choice_9" value="2" required="">Urna B
    </label></td>
    </tr><tr>
      <th scope="row">10</th>
      <td>10 bianche, 0 nere</td>
      <td>Sconosciuta</td>
      <td>    <label class="radio-inline">Urna A
      <input type="radio" name="choice_10" value="1" required="">
    </label>
    <label class="radio-inline">
      <input type="radio" name="choice_10" value="2" required="">Urna B
    </label></td>
    </tr>
  </tbody>
</table>
    {% next_button %}

{% endblock %}