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

{% block of styles %}
<style>
.text {
    font-family: Calibri;
    font-style: Normal;
    font-size: large;
    line-height: 1.7;
    text-align: justify;

}
.title {
    font-size: xx-large;
    font-weight: bold;
    font-family: Serif;
}
.text_b {
    font-family: Serif;
    font-style: Normal;
    font-size: large;
    line-height: 1.7;
    text-align: justify;
    font-weight: bold;
}

.positioningava{
    width: 5%;
    position: absolute;
    top: 0px;
    left: 0px;
}
.positioning1{
    float: left; width: 5%; margin-right: 12%; margin-bottom: 0.5em



}
.positioning2{
     float: left; text-align: center; width: 5%; margin-right: 12%; margin-bottom: 0.5em;
    font-family: Serif;
    font-style: Normal;
    font-size: large;
    line-height: 1.7;
    text-align: justify;
    font-weight: bold;



}


</style>
{% endblock %}
{{ block content }}
<br>

<div class="text">
<img class="positioningava" src="{{ava_pic}}">
</div>







<div class="title">
    Stage 6
</div>
<br>
{{if win == 1}}
<div class="text">
    Your decision was selected to be implemented and you now have 2 minutes to chat with the participant who has the avatar below:

</div>
<br>
<img class="positioning1" src="{{ava_pic}}">
<img class="positioning1" src="{{ava_coll}}">
<p style="clear: both;">
<div class="text">
    <div class="positioning2">You</div>
<div class="positioning2">
    Participant you selected

</div>
    <p style="clear: both;">
{{chat channel=channel nickname=name}}

</div>
{{endif}}

{{if picked_by == 1}}
<div class="text">
Your decision was not selected to be implemented but someone whose decision was selected chose you to chat with. You now have 2 minutes to chat with the participant who has the avatar below:


</div>
<br>
<img class="positioning1" src="{{ava_pic}}">
<img class="positioning1" src="{{ava_coll}}">
<p style="clear: both;">
<div class="text">
    <div class="positioning2">You</div>
<div class="positioning2">
    Participant who selected you


</div>
    <p style="clear: both;">
{{chat channel=channel nickname=name}}

</div>
{{endif}}
{{if solo == 1}}
<div class="text">
    Your decision was not selected to be implemented. Please wait till the timer runs out and you will move automatically to the next stage.

</div>

{{endif}}



{{ endblock }}