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

{% block title %}

{% endblock %}

{% block content %}
<h3>Descrizione della situazione</h3>
    <p>
        Un altro partecipante, deve proporre come <b>dividere 20 punti tra te e sé stesso</b>.
        Tu potrai <b>accettare o rifiutare</b> la proposta dell'altro partecipante.<br>
        <b>Se accetti</b>, ciascuno di voi riceverà l'ammontare di punti deciso dall'altro partecipante, ma <b>se rifiuti</b>, entrambi riceverete 0 punti.
    </p>
    <p>
        Devi dichiarare l'offerta minima che intendi accettare.<br>
        Se l'offerta dell'altro partecipante è maggiore o uguale a quanto da te indicato, riceverai i punti che ti sono stati offerti.
    </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">Qual è l'offerta minima che intendi accettare?</th>
            </tr>
            <tr>
                <td class="tdm-cell"><strong>Scegli:</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="responderchoice" value="0" /></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="responderchoice" value="1" /></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="responderchoice" value="2" /></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="responderchoice" value="3" /></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="responderchoice" value="4" /></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="responderchoice" value="5" /></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="responderchoice" value="6" /></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="responderchoice" value="7" /></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="responderchoice" value="8" /></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="responderchoice" value="9" /></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="responderchoice" value="10" /></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="responderchoice" value="11" /></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="responderchoice" value="12" /></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="responderchoice" value="13" /></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="responderchoice" value="14" /></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="responderchoice" value="15" /></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="responderchoice" value="16" /></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="responderchoice" value="17" /></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="responderchoice" value="18" /></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="responderchoice" value="19" /></td>
                <td class="tdm-cell tdm-choice"><input type="radio" name="responderchoice" value="20" /></td>
            </tr>
        </table>
</div>


    {% next_button %}
{% endblock %}