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


{% block title %}
    Descrizione della situazione
{% endblock %}

{% block content %}

   <p>
       Devi <b>proporre come dividere 20 punti</b> tra te e un altro partecipante, che potrà <b>accettare o rifiutare</b> la tua proposta.<br>
       <b>Se accetta</b>, ciascuno di voi riceverà l'ammontare di punti da te deciso, ma <b>se rifiuta</b>, entrambi riceverete 0 punti.
   </p>

<div class="tdm-item" align="center" style="margin-top: 2em; margin-bottom: 2em;">

<style>
    table, th, td {
        padding: 7px;
        }
</style>

        <table>
            <tr>
                <th class="tdm-cell" align="center">Come proponi di dividere i 20 punti?</th>
            </tr>
            <tr>
                <td class="tdm-cell"><strong>Tu</strong></td>
                <td class="tdm-cell tdm-choice">0</td>
                <td class="tdm-cell tdm-choice">1</td>
                <td class="tdm-cell tdm-choice">2</td>
                <td class="tdm-cell tdm-choice">3</td>
                <td class="tdm-cell tdm-choice">4</td>
                <td class="tdm-cell tdm-choice">5</td>
                <td class="tdm-cell tdm-choice">6</td>
                <td class="tdm-cell tdm-choice">7</td>
                <td class="tdm-cell tdm-choice">8</td>
                <td class="tdm-cell tdm-choice">9</td>
                <td class="tdm-cell tdm-choice">10</td>
                <td class="tdm-cell tdm-choice">11</td>
                <td class="tdm-cell tdm-choice">12</td>
                <td class="tdm-cell tdm-choice">13</td>
                <td class="tdm-cell tdm-choice">14</td>
                <td class="tdm-cell tdm-choice">15</td>
                <td class="tdm-cell tdm-choice">16</td>
                <td class="tdm-cell tdm-choice">17</td>
                <td class="tdm-cell tdm-choice">18</td>
                <td class="tdm-cell tdm-choice">19</td>
                <td class="tdm-cell tdm-choice">20</td>
            </tr>
            <br>
            <tr>
                <td class="tdm-cell"></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="proposerchoice" value="20" /></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="proposerchoice" value="19" /></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="proposerchoice" value="18" /></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="proposerchoice" value="17" /></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="proposerchoice" value="16" /></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="proposerchoice" value="15" /></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="proposerchoice" value="14" /></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="proposerchoice" value="13" /></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="proposerchoice" value="12" /></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="proposerchoice" value="11" /></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="proposerchoice" value="10" /></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="proposerchoice" value="9" /></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="proposerchoice" value="8" /></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="proposerchoice" value="7" /></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="proposerchoice" value="6" /></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="proposerchoice" value="5" /></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="proposerchoice" value="4" /></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="proposerchoice" value="3" /></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="proposerchoice" value="2" /></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="proposerchoice" value="1" /></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="proposerchoice" value="0" /></td>
            </tr>
            <br>
            <tr>
                <td class="tdm-cell"><strong>Altro</strong></td>
                <td class="tdm-cell tdm-choice">20</td>
                <td class="tdm-cell tdm-choice">19</td>
                <td class="tdm-cell tdm-choice">18</td>
                <td class="tdm-cell tdm-choice">17</td>
                <td class="tdm-cell tdm-choice">16</td>
                <td class="tdm-cell tdm-choice">15</td>
                <td class="tdm-cell tdm-choice">14</td>
                <td class="tdm-cell tdm-choice">13</td>
                <td class="tdm-cell tdm-choice">12</td>
                <td class="tdm-cell tdm-choice">11</td>
                <td class="tdm-cell tdm-choice">10</td>
                <td class="tdm-cell tdm-choice">9</td>
                <td class="tdm-cell tdm-choice">8</td>
                <td class="tdm-cell tdm-choice">7</td>
                <td class="tdm-cell tdm-choice">6</td>
                <td class="tdm-cell tdm-choice">5</td>
                <td class="tdm-cell tdm-choice">4</td>
                <td class="tdm-cell tdm-choice">3</td>
                <td class="tdm-cell tdm-choice">2</td>
                <td class="tdm-cell tdm-choice">1</td>
                <td class="tdm-cell tdm-choice">0</td>
            </tr>

        </table>
    </div>



    {% next_button %}
{% endblock %}