{{ block title }}
Part 3
{{ endblock }}

{{ block content }}
<div class="container" style="width:80%">
    <p>
        <h4>Round: {{ round }} </h4><br>



        {% if group_id == 1 %}
        <p>You are in a group of 6. You belong to <tag style="color:Red">RED</tag> group. All
            the participants in your group also belong to the <tag style="color:Red">RED</tag>
            group.</p>

        {% elif group_id == 2 %}
        <p>You are in a group of 6. You belong to <tag style="color:Blue"> BLUE</tag> group. All
            the participants in your group also belong to the <tag style="color:Blue"> BLUE</tag>
            group.</p>

        {% else %}
        <p>You are in a group of 6. You belong to <tag style="color:Red">RED</tag> group. All
            the participants in your group also belong to the <tag style="color:Red">RED</tag>
            group.</p>

        {% endif %}

       <p>You have 60 seconds to type your message. The workers in your group will receive the message.</p>
        <p>You can type your message below. </p>
        <form action="" id="supervisor-message-sender">
            <input class="form-control" type="text" name="temp_supervisor_message" id="temp_supervisor_message">
            <input type="form-control" name="supervisor_message" id="supervisor_message" style="display:none">

            <br>
            <div align="right" id="send-msg-btn" style="display:block"><button class="btn btn-primary" onclick="check_func()" type="button">Send Message</button></div>
        </form>
        <p id="message_sent" style="color:green" align="right"></p>
        <div id="next-btn" align="right" style="display:none">{{next_button}}</div>

        
        
</div>

<script>
    function check_func() {
                temp_supervisor_message = document.getElementById("temp_supervisor_message");
                temp_supervisor_message.disabled = true;
                supervisor_message = document.getElementById("supervisor_message");
                supervisor_message.value = temp_supervisor_message.value;
                message_sent = document.getElementById("message_sent");
                message_sent.innerHTML = "Your message has been sent.";
                document.getElementById('send-msg-btn').style.display = 'none';
                nxt_btn= document.querySelector('.otree-btn-next')
                nxt_btn.click();
                
            }
    window.onbeforeunload = function() {};
</script>


{{ endblock }}