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

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

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

    {% next_button %}

{% endblock %}


{% block scripts %}

    <script>
        document.querySelector('.otree-chat__input').style.visibility="hidden";
        document.querySelector('.otree-chat__btn-send').style.visibility="hidden";
        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)
    </script>

{% endblock %}