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

{% block title %}
    Chat
    {% formfields %}

{% endblock %}

{% block content %}
    {% if player.id_in_group == 1 %}
    <br>Please take the next 1 minute and 30 seconds to talk to the <b>RENTER</b>. Your participant identity is kept anonymous to him, so please feel free to be as candid as possible in your communication. Once 1 minute and 30 seconds have passed you will make your choices.</br>
<br> To send a message, type your message in the chat box and press 'Send'.</br>
<br> If there are any issues you are encountering with the chat, please message the experimenter Diya Ganguly IMMEDIATELY (531-289-5013), or reach out through Zoom chat.</br>
{% else %}
        <br>Please take the next 1 minute and 30 seconds to talk to the  <b>OWNER</b>. Your participant identity is kept anonymous to her, so please feel free to be as candid as possible in your communication. Once 1 minute and 30 seconds have passed you will make your choices.</br>
<br> To send a message, type your message in the chat box and press 'Send'.</br>
<br> If there are any issues you are encountering with the chat, please message the experimenter Diya Ganguly IMMEDIATELY (531-289-5013), or reach out through Zoom chat.</br>
    {% endif %}
{% chat nickname=nickname%}

<script>
$(document).ready(function(){
$('.otree-chat__input').addClass('form-control').attr("placeholder", "Write Chats Here");
});
</script>
{% endblock %}



{% block styles %}
    <style>
            .otree-btn-next {
                display: none;
            }
            <style>

</style>
    </style>
{% endblock %}