{{ block title }}
    Fishery Game: Period 2/3
{{ endblock }}
{{ block content }}

    <h4>
        <center> Constitutional rules</center>
    </h4>

    {{ if group.id_in_subsession <= 2 }}
        <p>
            <h5>Decision making: <b>Democratic Constitution</b>.</h5>
            <p>Any decision you make as a group, you will do by <u>majority vote</u>.
                <br>It means that if 3 out of 5 participants vote for the same option, this option is accepted.
            <br> If two options receive 2 votes each, then you will need to choose between them.
            <br> If everyone votes for different options, the decision will be made randomly.</p>
        </p>
        <p>
            <h5>Leader's term-limit: <b>8 rounds</b> (1 period).</h5>
            <p>Leader stays in place for 8 rounds that is equal to 1 period.</p>
        </p>
    {{ elif group.id_in_subsession == 3 }}
        <p>
            Now you need to choose what rules apply to constitutional setting.
        </p>
        <table class="table table-striped">
            <tr>
                <th colspan="2"><center>Decision-making</center></th>
            </tr>
            <tr>
                <td>
                    <b>Representative constitution</b>: Leader makes all the decisions by himself.
                </td>
                <td>
                    <b>Democratic constitution</b>: Any decision you make as a group, you will do by <u>majority vote</u>.
                </td>
            </tr>

        </table>
        <div class="center">
            <input type="radio" name="decision_making_choice" value="0" id="Rep"/>
            <label for="Rep"><h3><mark  style="color: black; background-color: gold">Representative</mark></h3></label>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <input type="radio" name="decision_making_choice" value="1" id="Dem"/>
            <label for="Dem"><h3><mark style="color: black; background-color:DarkTurquoise">Democratic</mark></h3></label>
        </div>
        <br>
        <br>
        <br>

        <table class="table table-striped">
            <tr>
                <th colspan="2"><center>Term-limit</center></th>
            </tr>
            <tr>
                <td>
                    <b>Every 4 rounds</b>: Leader remains in place for 4 rounds (1/2 Period). Then a new election is held.
                </td>
                <td>
                    <b>Every 8 rounds</b>: Leader remains in place for 8 rounds (1 Period). Then a new election is held.
                </td>
            </tr>
        </table>
        <div class="center">
            <input type="radio" name="term_limit_choice" value="0" id="4"/>
            <label for="4"><h3><mark  style="color: black; background-color: LightGreen">4 Rounds</mark></h3></label>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <input type="radio" name="term_limit_choice" value="1" id="8"/>
            <label for="8"><h3><mark style="color: black; background-color:LightPink">8 Rounds</mark></h3></label>
        </div>

         {{ formfield_errors 'decision_making_choice' }}
         {{ formfield_errors 'term_limit_choice' }}

        <style>
        .center {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 60%;
        }
        </style>

    {{ endif }}

{{ next_button }}

{{ endblock }}