{{ block title }}Jeux stratégiques <!--- tour {{player.round_number}}--> {{ endblock }}
{{ block content }}

<!-------------------- P1 ------------------>
<!--- p1g1-->
<p id="p1g1">

<br>Vous allez participer à un jeu qui se joue à deux joueurs.
<br><br>
<br>Il y a 132 participants :  68 horticulteurs et 64 paysagistes.
<br>Deux secteurs sont donc représentés
<br>
<b>Tout comme vous, l'autre joueur appartient aussi au secteur de la production horticole.
<br>
Vous êtes donc tous les deux dans le même secteur. </b>
<br>
Dans ce jeu, vous allez donc jouer avec une autre personne issue du  <b>secteur de la production</b> mais vous ne connaissez pas son identité, et avec laquelle vous ne pourrez pas communiquer.
Vous allez jouer avec ce <b>même joueur de votre secteur</b> pendant les 5 jours de ce jeu.
<br>Vous aurez 50€ chaque jour, sous condition d’y participer.
<br>A la fin de la semaine, nous tirerons au sort une paire (parmi les 15 paires) parmi chacun des trois groupes de joueurs. Les 2 joueurs de la paire tirée au sort gagneront la somme moyenne des gains des 5 jours.
<br><br>
<br>Les règles du jeu sont les suivantes.
<br>Chacun garde ou donne à l'autre les 50€, sachant que les sommes données sont multipliées par 2.
<br>Donc, si vous gardez, vous avez 50€, et si vous donnez, l'autre personne a 100€.
<br>Si les 2 donnent ce montant, les 2 ont chacun 100€.
<br>Si les 2 gardent ce montant, les 2 ont chacun 50€.
<br>Sinon, celui qui garde ce montant a 150€ et celui qui donne ce montant a 0 €.
    <img src="{% static 'sources/touscas.png' %}">
</p>

<!--- p1g2-->
<p id="p1g2">


<br>Vous allez participer à un jeu qui se joue à deux joueurs.
<br><br>
<br>Il y a 132 participants :  68 horticulteurs et 64 paysagistes.
<br>Deux secteurs sont donc représentés
<br>
    <b>Tout comme vous, l'autre joueur appartient aussi au secteur du paysage.
<br>
Vous êtes donc tous les deux dans le même secteur. </b>
<br>
Dans ce jeu, vous allez donc jouer avec une autre personne issue du  <b>secteur du paysage</b> mais vous ne connaissez pas son identité, et avec laquelle vous ne pourrez pas communiquer.
Vous allez jouer avec ce <b>même joueur de votre secteur</b> pendant les 5 jours de ce jeu.
<br>Vous aurez 50€ chaque jour, sous condition d’y participer.
<br>A la fin de la semaine, nous tirerons au sort une paire (parmi les 15 paires) parmi chacun des trois groupes de joueurs. Les 2 joueurs de la paire tirée au sort gagneront la somme moyenne des gains des 5 jours.
<br><br>
<br>Les règles du jeu sont les suivantes.
<br>Chacun garde ou donne à l'autre les 50€, sachant que les sommes données sont multipliées par 2.
<br>Donc, si vous gardez, vous avez 50€, et si vous donnez, l'autre personne a 100€.
<br>Si les 2 donnent ce montant, les 2 ont chacun 100€.
<br>Si les 2 gardent ce montant, les 2 ont chacun 50€.
<br>Sinon, celui qui garde ce montant a 150€ et celui qui donne ce montant a 0 €.
    <img src="{% static 'sources/touscas.png' %}">
</p>


<!--- p1g3-->
<p id="p1g3">

<br>Vous allez participer à un jeu qui se joue à deux joueurs.
<br><br>
<br>Il y a 132 participants :  68 horticulteurs et 64 paysagistes.
<br>Deux secteurs sont donc représentés
<br>
<b>
L'autre joueur n'appartient pas à votre secteur.
<br>
Vous êtes donc tous les deux dans deux secteurs différents et n'exercez pas le même métier.  </b>
<br>
Dans ce jeu, vous allez donc jouer avec une autre personne issue <b>d'un autre secteur que le vôtre</b> mais vous ne connaissez pas son identité, et avec laquelle vous ne pourrez pas communiquer.
Vous allez joueur avec ce <b>même joueur d'un autre secteur</b> pendant les 5 jours de ce jeu.

<br>Vous aurez 50€ chaque jour, sous condition d’y participer.
<br>A la fin de la semaine, nous tirerons au sort une paire (parmi les 15 paires) parmi chacun des trois groupes de joueurs. Les 2 joueurs de la paire tirée au sort gagneront la somme moyenne des gains des 5 jours.
<br><br>
<br>Les règles du jeu sont les suivantes.
<br>Chacun garde ou donne à l'autre les 50€, sachant que les sommes données sont multipliées par 2.
<br>Donc, si vous gardez, vous avez 50€, et si vous donnez, l'autre personne a 100€.
<br>Si les 2 donnent ce montant, les 2 ont chacun 100€.
<br>Si les 2 gardent ce montant, les 2 ont chacun 50€.
<br>Sinon, celui qui garde ce montant a 150€ et celui qui donne ce montant a 0 €.
<img src="{% static 'sources/touscas.png' %}">
</p>



<!-------------------- P2 ------------------>

<!-----p2g1g2---->
<p id="p2g1g2">

<img src="{% static 'sources/2a.png' %}">
    <br>Vous rejouez pour ce deuxième jour le même jeu, avec ce même joueur de votre secteur
<br>Vous aurez à nouveau 50€, sous condition d’y participer.
<br>Les règles du jeu sont les mêmes.
<br>Chacun garde ou donne à l'autre les 50€, sachant que les sommes données sont multipliées par 2. Donc, si vous gardez, vous avez 50€, et si vous donnez, l'autre personne a 100€.
<br>Si les 2 donnent ce montant, les 2 ont chacun 100€.
<br>Si les 2 gardent ce montant, les 2 ont chacun 50€.
<br>Sinon, celui qui garde ce montant a 150€ et celui qui donne ce montant a 0€.
    <img src="{% static 'sources/touscas.png' %}">
</p>

<!-----p2g3---->
<p id="p2g3">

<img src="{% static 'sources/2a.png' %}">
    <br>Vous rejouez pour ce deuxième jour le même jeu, avec ce même joueur d'un autre secteur
<br>Vous aurez à nouveau 50€, sous condition d’y participer.
<br>Les règles du jeu sont les mêmes.
<br>Chacun garde ou donne à l'autre les 50€, sachant que les sommes données sont multipliées par 2. Donc, si vous gardez, vous avez 50€, et si vous donnez, l'autre personne a 100€.
<br>Si les 2 donnent ce montant, les 2 ont chacun 100€.
<br>Si les 2 gardent ce montant, les 2 ont chacun 50€.
<br>Sinon, celui qui garde ce montant a 150€ et celui qui donne ce montant a 0€.
    <img src="{% static 'sources/touscas.png' %}">
</p>



<!-------------------- P3 ------------------>

<!-----p3g1g2---->
<p id="p3g1g2">

<img src="{% static 'sources/3a.png' %}">
    <br>Vous rejouez pour ce troisième jour le même jeu, avec ce même joueur de votre secteur
<br>Vous aurez à nouveau 50€, sous condition d’y participer.
<br>Les règles du jeu sont les mêmes.
<br>Chacun garde ou donne à l'autre les 50€, sachant que les sommes données sont multipliées par 2. Donc, si vous gardez, vous avez 50€, et si vous donnez, l'autre personne a 100€.
<br>Si les 2 donnent ce montant, les 2 ont chacun 100€.
<br>Si les 2 gardent ce montant, les 2 ont chacun 50€.
<br>Sinon, celui qui garde ce montant a 150€ et celui qui donne ce montant a 0€.
    <img src="{% static 'sources/touscas.png' %}">
</p>

<!-----p3g3---->
<p id="p3g3">

<img src="{% static 'sources/3a.png' %}">
    <br>Vous rejouez pour ce troisième jour le même jeu, avec ce même joueur d'un autre secteur
<br>Vous aurez à nouveau 50€, sous condition d’y participer.
<br>Les règles du jeu sont les mêmes.
<br>Chacun garde ou donne à l'autre les 50€, sachant que les sommes données sont multipliées par 2. Donc, si vous gardez, vous avez 50€, et si vous donnez, l'autre personne a 100€.
<br>Si les 2 donnent ce montant, les 2 ont chacun 100€.
<br>Si les 2 gardent ce montant, les 2 ont chacun 50€.
<br>Sinon, celui qui garde ce montant a 150€ et celui qui donne ce montant a 0€.
    <img src="{% static 'sources/touscas.png' %}">
</p>


<!-------------------- P4 ------------------>

<!-----p4g1g2---->
<p id="p4g1g2">

<img src="{% static 'sources/4a.png' %}">
    <br>Vous rejouez pour ce quatrième jour le même jeu, avec ce même joueur de votre secteur
<br>Vous aurez à nouveau 50€, sous condition d’y participer.
<br>Les règles du jeu sont les mêmes.
<br>Chacun garde ou donne à l'autre les 50€, sachant que les sommes données sont multipliées par 2. Donc, si vous gardez, vous avez 50€, et si vous donnez, l'autre personne a 100€.
<br>Si les 2 donnent ce montant, les 2 ont chacun 100€.
<br>Si les 2 gardent ce montant, les 2 ont chacun 50€.
<br>Sinon, celui qui garde ce montant a 150€ et celui qui donne ce montant a 0€.
    <img src="{% static 'sources/touscas.png' %}">
</p>

<!-----p4g3---->
<p id="p4g3">

<img src="{% static 'sources/4a.png' %}">
    <br>Vous rejouez pour ce quatrième jour le même jeu, avec ce même joueur d'un autre secteur
<br>Vous aurez à nouveau 50€, sous condition d’y participer.
<br>Les règles du jeu sont les mêmes.
<br>Chacun garde ou donne à l'autre les 50€, sachant que les sommes données sont multipliées par 2. Donc, si vous gardez, vous avez 50€, et si vous donnez, l'autre personne a 100€.
<br>Si les 2 donnent ce montant, les 2 ont chacun 100€.
<br>Si les 2 gardent ce montant, les 2 ont chacun 50€.
<br>Sinon, celui qui garde ce montant a 150€ et celui qui donne ce montant a 0€.
    <img src="{% static 'sources/touscas.png' %}">
</p>



<!-------------------- P5 ------------------>

<!-----p5g1g2---->
<p id="p5g1g2">

<img src="{% static 'sources/5a.png' %}">
    <br>Vous rejouez pour ce cinquième jour et dernière fois le même jeu, avec ce même joueur de votre secteur
<br>Vous aurez à nouveau 50€, sous condition d’y participer.
<br>Les règles du jeu sont les mêmes.
<br>Chacun garde ou donne à l'autre les 50€, sachant que les sommes données sont multipliées par 2. Donc, si vous gardez, vous avez 50€, et si vous donnez, l'autre personne a 100€.
<br>Si les 2 donnent ce montant, les 2 ont chacun 100€.
<br>Si les 2 gardent ce montant, les 2 ont chacun 50€.
<br>Sinon, celui qui garde ce montant a 150€ et celui qui donne ce montant a 0€.
    <img src="{% static 'sources/touscas.png' %}">
</p>

<!-----p5g3---->
<p id="p5g3">

<img src="{% static 'sources/5a.png' %}">
    <br>Vous rejouez pour ce quatrième jour et dernière fois le même jeu, avec ce même joueur d'un autre secteur
<br>Vous aurez à nouveau 50€, sous condition d’y participer.
<br>Les règles du jeu sont les mêmes.
<br>Chacun garde ou donne à l'autre les 50€, sachant que les sommes données sont multipliées par 2. Donc, si vous gardez, vous avez 50€, et si vous donnez, l'autre personne a 100€.
<br>Si les 2 donnent ce montant, les 2 ont chacun 100€.
<br>Si les 2 gardent ce montant, les 2 ont chacun 50€.
<br>Sinon, celui qui garde ce montant a 150€ et celui qui donne ce montant a 0€.
    <img src="{% static 'sources/touscas.png' %}">
</p>







{{ formfield 'defect'}}

<div id="pense">
    {{ formfield 'pensee'}}
</div>



<p>Vous êtes au tour : {{player.round_number}}</p>


{{ next_button }}






<!-- /////////////// javascript //////////////////////////////////////////////////-->
<script>

if ('{{player.round_number}}'=='1') {
const elem = document.getElementById('pense');
const p1g1 = document.getElementById('p1g1');
const p1g2 = document.getElementById('p1g2');
const p1g3 = document.getElementById('p1g3');
const p2g1g2 = document.getElementById('p2g1g2');
const p2g3 = document.getElementById('p2g3');
p2g1g2.style.display = 'none';
p2g3.style.display = 'none';

const p3g1g2 = document.getElementById('p3g1g2');
const p3g3 = document.getElementById('p3g3');
p3g1g2.style.display = 'none';
p3g3.style.display = 'none';

const p4g1g2 = document.getElementById('p4g1g2');
const p4g3 = document.getElementById('p4g3');
p4g1g2.style.display = 'none';
p4g3.style.display = 'none';

const p5g1g2 = document.getElementById('p5g1g2');
const p5g3 = document.getElementById('p5g3');
p5g1g2.style.display = 'none';
p5g3.style.display = 'none';


    if ('{{participant.groupe}}'=='1') {
    p1g2.style.display = 'none';
    p1g3.style.display = 'none';
    }

    if ('{{participant.groupe}}'=='2') {
    p1g1.style.display = 'none';
    p1g3.style.display = 'none';
    }

    if ('{{participant.groupe}}'=='3') {
    p1g1.style.display = 'none';
    p1g2.style.display = 'none';
    }

}








if ('{{player.round_number}}'=='2') {
const elem = document.getElementById('pense');
const p1g1 = document.getElementById('p1g1');
const p1g2 = document.getElementById('p1g2');
const p1g3 = document.getElementById('p1g3');
elem.style.display = 'none';
p1g1.style.display = 'none';
p1g2.style.display = 'none';
p1g3.style.display = 'none';

const p3g1g2 = document.getElementById('p3g1g2');
const p3g3 = document.getElementById('p3g3');
p3g1g2.style.display = 'none';
p3g3.style.display = 'none';

const p4g1g2 = document.getElementById('p4g1g2');
const p4g3 = document.getElementById('p4g3');
p4g1g2.style.display = 'none';
p4g3.style.display = 'none';

const p5g1g2 = document.getElementById('p5g1g2');
const p5g3 = document.getElementById('p5g3');
p5g1g2.style.display = 'none';
p5g3.style.display = 'none';

    const p2g1g2 = document.getElementById('p2g1g2');
    const p2g3 = document.getElementById('p2g3');

    if ('{{participant.groupe}}'=='1' || '{{participant.groupe}}'=='2') {
    p2g3.style.display = 'none';
    }

    if ('{{participant.groupe}}'=='3') {
    p2g1g2.style.display = 'none';
    }

}







if ('{{player.round_number}}'=='3') {
const elem = document.getElementById('pense');
const p1g1 = document.getElementById('p1g1');
const p1g2 = document.getElementById('p1g2');
const p1g3 = document.getElementById('p1g3');
elem.style.display = 'none';
p1g1.style.display = 'none';
p1g2.style.display = 'none';
p1g3.style.display = 'none';

const p2g1g2 = document.getElementById('p2g1g2');
const p2g3 = document.getElementById('p2g3');
p2g1g2.style.display = 'none';
p2g3.style.display = 'none';

const p4g1g2 = document.getElementById('p4g1g2');
const p4g3 = document.getElementById('p4g3');
p4g1g2.style.display = 'none';
p4g3.style.display = 'none';

const p5g1g2 = document.getElementById('p5g1g2');
const p5g3 = document.getElementById('p5g3');
p5g1g2.style.display = 'none';
p5g3.style.display = 'none';

    const p3g1g2 = document.getElementById('p3g1g2');
    const p3g3 = document.getElementById('p3g3');

    if ('{{participant.groupe}}'=='1' || '{{participant.groupe}}'=='2') {
    p3g3.style.display = 'none';
    }

    if ('{{participant.groupe}}'=='3') {
    p3g1g2.style.display = 'none';
    }

}





if ('{{player.round_number}}'=='4') {
const elem = document.getElementById('pense');
const p1g1 = document.getElementById('p1g1');
const p1g2 = document.getElementById('p1g2');
const p1g3 = document.getElementById('p1g3');
elem.style.display = 'none';
p1g1.style.display = 'none';
p1g2.style.display = 'none';
p1g3.style.display = 'none';

const p2g1g2 = document.getElementById('p2g1g2');
const p2g3 = document.getElementById('p2g3');
p2g1g2.style.display = 'none';
p2g3.style.display = 'none';

const p3g1g2 = document.getElementById('p3g1g2');
const p3g3 = document.getElementById('p3g3');
p3g1g2.style.display = 'none';
p3g3.style.display = 'none';

const p5g1g2 = document.getElementById('p5g1g2');
const p5g3 = document.getElementById('p5g3');
p5g1g2.style.display = 'none';
p5g3.style.display = 'none';

    const p4g1g2 = document.getElementById('p4g1g2');
    const p4g3 = document.getElementById('p4g3');

    if ('{{participant.groupe}}'=='1' || '{{participant.groupe}}'=='2') {
    p4g3.style.display = 'none';
    }

    if ('{{participant.groupe}}'=='3') {
    p4g1g2.style.display = 'none';
    }

}






if ('{{player.round_number}}'=='5') {
const elem = document.getElementById('pense');
const p1g1 = document.getElementById('p1g1');
const p1g2 = document.getElementById('p1g2');
const p1g3 = document.getElementById('p1g3');
elem.style.display = 'none';
p1g1.style.display = 'none';
p1g2.style.display = 'none';
p1g3.style.display = 'none';

const p2g1g2 = document.getElementById('p2g1g2');
const p2g3 = document.getElementById('p2g3');
p2g1g2.style.display = 'none';
p2g3.style.display = 'none';

const p4g1g2 = document.getElementById('p4g1g2');
const p4g3 = document.getElementById('p4g3');
p4g1g2.style.display = 'none';
p4g3.style.display = 'none';

const p3g1g2 = document.getElementById('p3g1g2');
const p3g3 = document.getElementById('p3g3');
p3g1g2.style.display = 'none';
p3g3.style.display = 'none';

    const p5g1g2 = document.getElementById('p5g1g2');
    const p5g3 = document.getElementById('p5g3');

    if ('{{participant.groupe}}'=='1' || '{{participant.groupe}}'=='2') {
    p5g3.style.display = 'none';
    }

    if ('{{participant.groupe}}'=='3') {
    p5g1g2.style.display = 'none';
    }

}

</script>



<!-- /////////////// style //////////////////////////////////////////////////-->
<style>
h4 {
font-size: 1.2em;
margin-bottom:50px;
}

p{
font-size: 1em;
color:black;
margin-bottom:50px;
}

.multchoice{
font-size: 1.4em;
margin-bottom:50px;
}

</style>


{{ endblock }}