{{ block title }}
    Part I: Task II
{{ endblock }}

{{ block style }}
<style>
    {
        box-sizing: border-box;
    }
    /* Set additional styling options for the columns*/
    .column {
    float: left;
    width: 50%;
    }
    .row:after {
    content: "";
    display: table;
    clear: both;
    }
    </style>
{{endblock}}


{{ block content }}
     <p> Make two nominations using the drop-down lists. <br>
         Nominations cannot be changed after you click on 'Submit Nominations'.<br>
         <i> Reminder: Your nominations are private and will not be shared with any other participant.</i> </p>
    {{formfields}}

     <button class="otree-btn-next btn btn-primary">Submit Nominations</button>

<hr>
<p>
        <b>Chat Box:</b><br>

        <div class="row">
        <div class="column" >
            <p>
                The chat is disabled.
            </p>
        </div>

        <div class="column">
            {{ chat nickname=participant.participant_name channel=participant.group_name }}
            <style>
             .otree-chat__input{
             display: none;
             }
             .otree-chat__btn-send{
             display: none;
             }
            </style>
        </div>
    </div>
</p>

{{ endblock }}