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

{% block title %}
    Firm Message
{% endblock %}

{% block content %}
<br>
The bonus rate is: {{ group.bonus}}
<br>
<br>
You now have the opportunity to send messages to all the firm's employees. Once you have sent the message, it will be sent out
to all employee's and appear in the box below. All employees in your firm will see the same message.
<br>
<br>
Once you have finished sending messages, click "next" to proceed. Please do not click "next" until you have finished sending messages
to the employees in your firm.
<br>
<br>
{% chat %}
<br>
<br>
<br>

    {% next_button %}

{% endblock %}

{% block scripts %}
    <script>
        document.querySelector('button.otree-btn-next.btn.btn-primary').style.visibility="hidden";
        let el = document.querySelector('button.otree-btn-next.btn.btn-primary')
        setTimeout(() => {el.style.visibility = 'visible'}, 30000)
        el.addEventListener('click', () => {endMessage()})
    </script>

    <script>
        function endMessage() {
            var before = $('.otree-chat__input').val();
            $('.otree-chat__input').val('The manager is finished sending messages this round');
            $('.otree-chat__btn-send').click();
        }
    </script>

{% endblock %}