{{ block title }}Votre décision pour la réunion {{player.round_number }}{{ endblock }}
{{ block content }}

    <div class="form-group required">
        <table class="table table-bordered text-center" style="width: auto; margin: auto">
            <tr>
                <th colspan="2" rowspan="2"></th>
                <td colspan="2">L'autre copropriétaire</td>
            </tr>
            <tr>
                <td>Plantes pollinisatrices</td>
                <td>Plantes exotiques</td>
            </tr>
            <tr>
                {{ if player.round_number == 1 }}
                <th rowspan="2"><span>Vous</span></th>
                <td><button name="cooperate" value="True" class="btn btn-primary btn-large">Plantes pollinisatrices</button></td>
                <td><b>{{C.PAYOFF_B_1}}</b>, {{C.PAYOFF_B_1}}</td>
                <td><b>{{ C.PAYOFF_D_1 }}</b>, {{C.PAYOFF_A_1}}</td>
            </tr>
            <tr>
                <td><button name="cooperate" value="False" class="btn btn-primary btn-large">Plantes exotiques</button></td>
                <td><b>{{C.PAYOFF_A_1}}</b>, {{ C.PAYOFF_D_1 }}</td>
                <td><b>{{C.PAYOFF_C_1}}</b>, {{C.PAYOFF_C_1}}</td>

                {{ elif player.round_number == 2 }}
                <th rowspan="2"><span>Vous</span></th>
                <td><button name="cooperate" value="True" class="btn btn-primary btn-large">Plantes pollinisatrices</button></td>
                <td><b>{{C.PAYOFF_B_2}}</b>, {{C.PAYOFF_B_2}}</td>
                <td><b>{{ C.PAYOFF_D_2 }}</b>, {{C.PAYOFF_A_2}}</td>
            </tr>
            <tr>
                <td><button name="cooperate" value="False" class="btn btn-primary btn-large">Plantes exotiques</button></td>
                <td><b>{{C.PAYOFF_A_2}}</b>, {{ C.PAYOFF_D_2}}</td>
                <td><b>{{C.PAYOFF_C_2}}</b>, {{C.PAYOFF_C_2}}</td>

                {{ elif player.round_number == 3 }}
                <th rowspan="2"><span>Vous</span></th>
                <td><button name="cooperate" value="True" class="btn btn-primary btn-large">Plantes pollinisatrices</button></td>
                <td><b>{{C.PAYOFF_B_3}}</b>, {{C.PAYOFF_B_3}}</td>
                <td><b>{{ C.PAYOFF_D_3 }}</b>, {{C.PAYOFF_A_3}}</td>
            </tr>
            <tr>
                <td><button name="cooperate" value="False" class="btn btn-primary btn-large">Plantes exotiques</button></td>
                <td><b>{{C.PAYOFF_A_3}}</b>, {{ C.PAYOFF_D_3 }}</td>
                <td><b>{{C.PAYOFF_C_3}}</b>, {{C.PAYOFF_C_3}}</td>

                {{ elif player.round_number == 4 }}
                <th rowspan="2"><span>Vous</span></th>
                <td><button name="cooperate" value="True" class="btn btn-primary btn-large">Plantes pollinisatrices</button></td>
                <td><b>{{C.PAYOFF_B_4}}</b>, {{C.PAYOFF_B_4}}</td>
                <td><b>{{ C.PAYOFF_D_4 }}</b>, {{C.PAYOFF_A_4}}</td>
            </tr>
            <tr>
                <td><button name="cooperate" value="False" class="btn btn-primary btn-large">Plantes exotiques</button></td>
                <td><b>{{C.PAYOFF_A_4}}</b>, {{ C.PAYOFF_D_4 }}</td>
                <td><b>{{C.PAYOFF_C_4}}</b>, {{C.PAYOFF_C_4}}</td>

                {{ elif player.round_number == 5 }}
                <th rowspan="2"><span>Vous</span></th>
                <td><button name="cooperate" value="True" class="btn btn-primary btn-large">Plantes pollinisatrices</button></td>
                <td><b>{{C.PAYOFF_B_5}}</b>, {{C.PAYOFF_B_5}}</td>
                <td><b>{{ C.PAYOFF_D_5 }}</b>, {{C.PAYOFF_A_5}}</td>
            </tr>
            <tr>
                <td><button name="cooperate" value="False" class="btn btn-primary btn-large">Plantes exotiques</button></td>
                <td><b>{{C.PAYOFF_A_5}}</b>, {{ C.PAYOFF_D_5 }}</td>
                <td><b>{{C.PAYOFF_C_5}}</b>, {{C.PAYOFF_C_5}}</td>

                {{ endif}}

            </tr>
        </table>
    </div>
<br><br>
    {{ if participant.what == "b"}}
    <u>Indication</u> :<b>d’après leurs réponses au questionnaire précédent</b>, et d'après les résultat d'une étude pilote réalisée au Laboratoire
    d'Economie Experimentale de Paris (LEEP), nous vous informons que : <br> <br>
<ul><li><mark style="background-color: green;"><b>Les 3 autres membres</b></mark> de votre groupe ont eu tendance à <b><mark style="background-color: #8BC34A;">avoir
        des comportements qualifiables de « pro-environnementaux »</mark> </b>.</li></ul>
    {{ elif participant.what == "c1" }}
    <u>Indication</u> : <b>d’après leurs réponses au questionnaire précédent</b>, et d'après les résultat d'une étude pilote réalisée au Laboratoire
    d'Economie Experimentale de Paris (LEEP), nous vous informons que : <br> <br>
<ul><li><b><mark style="background-color: #ADD8E6;">1 des membres </mark></b>de votre groupe a eu tendance <b><mark style="background-color: #ADD8E6;">NE PAS montrer de
    comportements qualifiables de « pro-environnemental »</mark></b>. </li> <br>
        <li><b><mark style="background-color: #8BC34A;">2 des membres</mark></b> de votre groupe ont eu tendance à <b><mark style="background-color: #8BC34A;">montrer des comportements qualifiables de « pro-
            environnementaux »</mark></b>.</li></ul>
    {{ elif participant.what == "c2" }}
    <u>Indication</u> : <b>d’après leurs réponses au questionnaire précédent</b>, et d'après les résultat d'une étude pilote réalisée au Laboratoire
    d'Economie Experimentale de Paris (LEEP) : <br> <br>
<ul><li><mark style="background-color: #ADD8E6;"><b>2 des membres</b></mark> de votre groupe ont eu tendance à <b><mark style="background-color: #ADD8E6;">NE PAS montrer de comportements qualifiables de «
    pro-environnementaux »</mark></b>. </li> <br>
        <li><mark style="background-color: #8BC34A;"><b> 1 des membres</b></mark> de votre groupe a eu tendance à <b><mark style="background-color: #8BC34A;">montrer un comportement qualifiable de "pro-environmental"</mark>.</b></li></ul>
{{endif}} <br> <br>


  <div class="accordion accordion-flush" id="accordionFlushExample">
  <div class="accordion-item">
    <h2 class="accordion-header" id="headingOne">
      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne" >
        Rappel des instructions
      </button>
    </h2>
    <div id="flush-collapseOne" class="accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample">
      <div class="accordion-body">

    Vous résidez dans une copropriété avec <b>3 autres personnes</b>.<br>
    Au cours de différentes réunions, vous allez avoir l'occasion de choisir les plantes qui seront utilisées
    pour les espaces communs de votre copropriété. Plus précisément, vous aurez le choix entre deux
    types de plantes : <br> <ul>
    <li><b>Le bouquet 1</b> se compose de plantes qui ont un <b>impact positif sur la pollinisation</b>. </li>
    <li><b>Le bouquet 2</b> se compose de <b>plantes exotiques</b>. </li>
</ul> <br>
    Au début de chaque réunion, vous serez en possession d'un montant de 10 €. Choisir le bouquet 1 ou le bouquet 2
    vous coutera une certaine partie de ce montant. <b>Ce coût dépend à la fois de votre choix
    de bouquet, mais aussi de celui d’un autre membre de la copropriété</b>.<br> <br>
    <b>Seuls deux copropriétaires seront présents à chaque réunion</b>, et le second copropriétaire avec lequel vous
    choisirez ne sera pas le même au cours de deux réunions consécutives. .<br> <br>

    Par exemple: <br>
    Si chaque copropriétaire est appelé par une lettre, les copropriétaires pourront être répartis de la
    manière suivante : <br>
    Réunion 1 : A – B / C – D <br>
    Réunion 2 : A – C / B – D<br>
    Réunion 3 : A – B / C – D<br>
    Ect ….
<br> <br>



    <b>Choix</b> : A chaque réunion, vous devrez faire un choix entre les plantes pollinisatrices et les plantes
    exotiques. <br> <br>
    Vous devrez cliquer soit sur le  <b>bouton « plantes pollinisatrices »</b> soit
    sur le <b>bouton « plantes exotiques »</b>. <br> <br>
    Ce choix impactera <b>le montant qu’il vous restera en fonction de votre choix, et de celui de l'autre copropriétaire</b> qui est
    avec vous pour cette réunion. <br> <br>
    Voici un exemple d'une matrice de gain (avec des lettres à fins d'exemple) : <br> <br>
    Dans chaque cellule de cette matrice, <b>le montant de gauche (en gras) correspond au montant qu’il vous reste
    après votre dépense et le montant de droite au montant qu’il reste à l’autre copropriétaire</b>.<br> <br>

    <table class='table table-bordered text-center'
       style='width: auto; margin: auto'>
    <tr>
        <td colspan=2 rowspan=2></td>
        <td colspan=2>L'autre copropriétaire</td>
    </tr>
    <tr>
        <td>Plantes pollinisatrices</td>
        <td>Plantes exotiques</td>
    </tr>
    <tr>
        <th rowspan=2><span style="transform: rotate(-90deg);">Vous</span></th>
        <th><button type ='button' class="otree-btn-next btn btn-primary"> Plantes pollinisatrices </button> </th>
        <td><b>X €</b> , X €</td>
        <td><b>Z €</b> , Y €</td>
    </tr>
    <tr>
        <th> <button type = "button" class="otree-btn-next btn btn-primary"> Plantes exotiques</button></th>
        <td> <b>Y €</b> ,Z €</td>
        <td><b>Q €</b> , Q €</td>
    </tr>
</table>

    <br> <br>
    A la fin de l'expérience, <b>vous recevrez la somme des montants qu'il vous restera après chaque réunion</b>. <br> <br>
    Pour rappel, <b>vos choix ainsi que le montant de votre paiement sont totalement anonymes</b>.

    <br> <br>


      </div>
    </div>
  </div>
    </div>



{{ endblock }}