{{ block title }}
Decisione {{round}}

<style>

.choice-grid {
  display: grid;
  grid-template-columns: repeat(2, 2fr);
  grid-auto-rows: 200px;
  column-gap: 80px;
  justify-items: center;
}







</style>


{{ endblock }}
{{ block content }}


{{ if game == "memory"}}
<div>
    <div class="card bg-light">
        <div class="card-body">
            <p class="lead">
                In {{ if round == 1}}uno {{else}}un altro {{endif}} studio scientifico, ai partecipanti, vedenti e non
                vedenti di età simile, è stato chiesto di
                fare un <strong> test di
                memoria </strong>.
                <br> <br>
                <!--    In questo compito, agli studenti vengono dettate sequenze di cifre, che devono poi ripetere nello stesso ordine.-->
                <!--    La prima sequenza inizia con due cifre; le sequenze poi aumentano di una cifra alla volta, con due prove per ogni-->
                <!--    numero di cifre. Il test si ferma quando il partecipante fallisce in entrambe le prove per un particolare numero di-->
                <!--    cifre.-->

                In questo test, agli studenti vengono lette 15 parole ad alta voce. Non ci sono connessioni logiche tra
                le
                parole. Per esempio, alcune delle parole usate sono: tenda, uccello, matita, occhiali, negozio, spugna,
                fiume più altre otto.
                <br> <br>
                Poi, <strong> individualmente gli studenti devono richiamare le parole che ricordano </strong>. Questa
                procedura viene ripetuta cinque volte
                usando le stesse parole.
                <br> <br>
                <strong> Il punteggio di uno studente è la percentuale di parole ricordate correttamente nelle
                    cinque prove </strong>. Quindi può variare da 0% se nessuna parola è stata ricordata correttamente,
                al 100% se tutte le parole sono
                state ricordate correttamente.


            </p>
        </div>
    </div>
    <!--<p class="lead">-->
    <!--    I ricercatori hanno poi calcolato il punteggio medio nel test dei partecipanti vedenti e il punteggio medio dei-->
    <!--    partecipanti non vedenti.-->
    <!--</p>-->

    <br>
    <br>

    <div class="choice-grid">
        <div>
            <p class="h4 text-center"> Sai che il punteggio medio <br>degli studenti vedenti è stato di </p>
            <p class="h3 text-center"><input class="h3 text-center" type="number" max={{max_val}} min={{min_val}}
                                             name="reference" value={{given}} readonly>% </p>
        </div>
        <div>
            <p class="h4 text-center"> Indovina il punteggio medio <br> degli studenti non-vedenti: </p>
            <p class="h3 text-center"><input class="h3 text-center" type="number" max={{max_val}} min={{min_val}}
                                             required value name="ability_guess"/>% </p>

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

{{ endif }}


{{ if game == "math"}}
<div>
    <div class="card bg-light">
        <div class="card-body">
            <p class="lead">
                In {{ if round == 1}}uno {{else}}un altro {{endif}} studio scientifico, ai partecipanti, vedenti e non
                vedenti di età simile, è stato chiesto di fare un <strong>test di aritmetica</strong>, composto da circa
                50 somme a una cifra (e.g. 4+7, 2+3, 9+8 ecc.)
                e circa 50 moltiplicazioni a una cifra (e.g. 3x8, 8x7, 1x2 ecc.).

                <br> <br>
                <!--    In questo compito, agli studenti vengono dettate sequenze di cifre, che devono poi ripetere nello stesso ordine.-->
                <!--    La prima sequenza inizia con due cifre; le sequenze poi aumentano di una cifra alla volta, con due prove per ogni-->
                <!--    numero di cifre. Il test si ferma quando il partecipante fallisce in entrambe le prove per un particolare numero di-->
                <!--    cifre.-->

                I partecipanti devono fare il calcolo mentalmente e rispondere individualmente il più velocemente possibile


                <br> <br>
                <strong> I loro punteggi sono le percentuali di risposte corrette</strong>.
                Quindi può variare da 0% se nessuna risposta è stata giusta,
                al 100% se tutte le risposte sono
                state giuste.


            </p>
        </div>
    </div>
    <!--<p class="lead">-->
    <!--    I ricercatori hanno poi calcolato il punteggio medio nel test dei partecipanti vedenti e il punteggio medio dei-->
    <!--    partecipanti non vedenti.-->
    <!--</p>-->

    <br>
    <br>

  <div class="row">
    <div class="col-sm">
            <p class="h4 text-center"> Sai che il punteggio medio <br>dei vedenti <br> nelle operazioni di
                <u>somme</u>
                <br> è stato di
            </p>

            <!--    <div class="input-group ">-->
            <!--            <input type="number" class="form-control" aria-label="Amount (to the nearest dollar)" readonly max=100 min=0-->
            <!--                   value=84>-->
            <!--            <div class="input-group-append">-->
            <!--                <span class="input-group-text">/100</span>-->
            <!--            </div>-->


            <!--    </div>-->
            <p class="h3 text-center"><input class="h3 text-center" type="number" max={{max_val}} min={{min_val}}
                                             name="reference" value={{given}} readonly>% </p>
        </div>
        <div class="col-sm">
            <p class="h4 text-center"> Indovina il punteggio medio <br> dei non-vedenti <br> nelle operazioni di
                <u>somme</u>
                :
            </p>
            <br>
            <p class="h3 text-center"><input class="h3 text-center my-1" type="number" max={{max_val}} min={{min_val}}
                                             required value name="ability_guess"/>% </p>

        </div>
    </div>
    <hr>
    <br>
    <div class="row">
<div class="col-sm">
            <p class="h4 text-center"> Sai che il punteggio medio <br>dei vedenti <br> nelle operazioni di
                <u>moltiplicazione</u>
                <br> è stato di
            </p>

            <!--    <div class="input-group ">-->
            <!--            <input type="number" class="form-control" aria-label="Amount (to the nearest dollar)" readonly max=100 min=0-->
            <!--                   value=84>-->
            <!--            <div class="input-group-append">-->
            <!--                <span class="input-group-text">/100</span>-->
            <!--            </div>-->


            <!--    </div>-->
            <p class="h3 text-center"><input class="h3 text-center" type="number" max={{max_val}} min={{min_val}}
                                             name="reference" value={{given2}} readonly>% </p>
        </div>

<div class="col-sm">
            <p class="h4 text-center"> Indovina il punteggio medio <br> dei non-vedenti <br> nelle operazioni di
                <u>moltiplicazione</u>
                : <br></p>
            <br>
            <p class="h3 text-center"><input class="h3 text-center my-1" type="number" max={{max_val}} min={{min_val}}
                                             required value name="ability_guess_mult"/>% </p>

        </div>
    </div>
</div>
{{ endif }}

{{ if game == "happy"}}
<div>
    <div class="card bg-light">
        <div class="card-body">
            <p class="lead">


                In un'indagine ai
                partecipanti vedenti e
                non vedenti è stato chiesto <strong> quanto si sentono soddisfatti della loro
                vita</strong>,
                immaginando una scala con 100 gradini:
                <ul class = "lead">

            <li>il gradino inferiore rappresenta <strong>la peggiore vita
                possibile (un punteggio di 1) </strong> </li>
            <li>  il gradino superiore rappresenta <strong> la miglior vita possibile (un punteggio di 100)</strong></li>
        </ul>


            </p>
        </div>
    </div>
    <!--<p class="lead">-->
    <!--    I ricercatori hanno poi calcolato il punteggio medio nel test dei partecipanti vedenti e il punteggio medio dei-->
    <!--    partecipanti non vedenti.-->
    <!--</p>-->

    <br>
    <br>

    <div class="row">
<div class="col-sm">
            <p class="h4 text-center"> Sai che la soddisfazione <br>media della vita <br> dei vedenti è stata di: </p>

            <!--    <div class="input-group ">-->
            <!--            <input type="number" class="form-control" aria-label="Amount (to the nearest dollar)" readonly max=100 min=0-->
            <!--                   value=84>-->
            <!--            <div class="input-group-append">-->
            <!--                <span class="input-group-text">/100</span>-->
            <!--            </div>-->


            <!--    </div>-->
            <p class="h3 text-center"><input class="h3 text-center" type="number" max={{max_val}} min={{min_val}}
                                             name="reference" value={{given}} readonly> su 100 </p>
        </div>
<div class="col-sm">
            <p class="h4 text-center"> Indovina la soddisfazione <br>media della vita <br> dei non-vedenti: </p>
            <p class="h3 text-center"><input class="h3 text-center" type="number" max={{max_val}} min={{min_val}}
                                             required value name="ability_guess"/> su 100</p>

        </div>
    </div>
</div>
{{ endif }}

{{ if game == "m100s"}}
<div>
    <div class="card bg-light">
        <div class="card-body">
            <p class="lead">
                Come probabilmente già sai, nel 2021 i giochi <strong> olimpici e paralimpici </strong> estivi sono stati organizzati a
                Tokio, Giappone.<br>

                Una delle gare è stata la
                <strong> gara dei 100 metri piani maschili.</strong>
                .</p>
            <p align="center">
                <iframe width="420" height="315"
                        src="https://www.youtube.com/embed/E895PNqSgEI?mute=1">
                </iframe>
             </p>

               <p class="lead">Nei giochi paralimpici, la gara viene organizzata separatamente per ogni categorie di disabilità.


            </p>
        </div>
    </div>
    <!--<p class="lead">-->
    <!--    I ricercatori hanno poi calcolato il punteggio medio nel test dei partecipanti vedenti e il punteggio medio dei-->
    <!--    partecipanti non vedenti.-->
    <!--</p>-->

    <br>
    <br>

    <div class="choice-grid">
        <div>
            <p class="h4 text-center"> Sai che nei giochi olimpici, <br> in media i concorrenti <br> hanno finito la gara in:
            </p>
            <p class="h3 text-center"> {{given}} secondi </p>
        </div>
        <div>
            <p class="h4 text-center"> Indovina il tempo medio <br>  dei concorrenti con disabilità visive <br> nei giochi paralimpici: </p>
            <p class="h3 text-center"><input class="h3 text-center" type="number" max={{max_val}} min={{min_val}}
                                             required value name="ability_guess"/> secondi </p>

        </div>
    </div>
</div>
{{ endif }}

{{ if game == "f100s"}}
<div>
    <div class="card bg-light">
        <div class="card-body">
            <p class="lead">
                Come probabilmente già sai, nel 2021 i giochi <strong> olimpici e paralimpici </strong> estivi sono stati organizzati a
                Tokio, Giappone.<br>

                Una delle gare è stata la
                <strong> gara dei 100 metri piani femminile.</strong>
                .</p>
            <p align="center">
                <iframe width="420" height="315"
                        src="https://www.youtube.com/embed/7pgoMCc08yA?start=400&mute=1">
                </iframe>
             </p>

               <p class="lead">Nei giochi paralimpici, la gara viene organizzata separatamente per ogni categorie di disabilità.


            </p>
        </div>
    </div>
    <!--<p class="lead">-->
    <!--    I ricercatori hanno poi calcolato il punteggio medio nel test dei partecipanti vedenti e il punteggio medio dei-->
    <!--    partecipanti non vedenti.-->
    <!--</p>-->

    <br>
    <br>

    <div class="choice-grid">
        <div>
            <p class="h4 text-center"> Sai che nei giochi olimpici, <br> in media le concorrenti <br> hanno finito la gara in:
            </p>

            <!--    <div class="input-group ">-->
            <!--            <input type="number" class="form-control" aria-label="Amount (to the nearest dollar)" readonly max=100 min=0-->
            <!--                   value=84>-->
            <!--            <div class="input-group-append">-->
            <!--                <span class="input-group-text">/100</span>-->
            <!--            </div>-->


            <!--    </div>-->
            <p class="h3 text-center"><input class="h3 text-center" type="number" max={{max_val}} min={{min_val}}
                                             name="reference" value={{given}} readonly> secondi </p>
        </div>
        <div>
            <p class="h4 text-center"> Indovina il tempo medio <br>  delle concorrenti con disabilità visive <br> nei giochi paralimpici: </p>
            <p class="h3 text-center"><input class="h3 text-center" type="number" max={{max_val}} min={{min_val}}
                                             required value name="ability_guess"/> secondi </p>

        </div>
    </div>
</div>
{{ endif }}

{{ if game == "m400s"}}
<div>
    <div class="card bg-light">
        <div class="card-body">
            <p class="lead">
                Come probabilmente già sai, nel 2021 i giochi <strong> olimpici e paralimpici </strong> estivi sono stati organizzati a
                Tokio, Giappone.<br>

                Una delle gare è stata la
                <strong> gara dei 400 metri piani maschili.</strong>
                .</p>
            <p align="center">
                <iframe width="420" height="315"
                        src="https://www.youtube.com/embed/55v4Jv6BBA0?start=285&mute=1">
                </iframe>
             </p>

               <p class="lead">Nei giochi paralimpici, la gara viene organizzata separatamente per ogni categorie di disabilità.


            </p>
        </div>
    </div>
    <!--<p class="lead">-->
    <!--    I ricercatori hanno poi calcolato il punteggio medio nel test dei partecipanti vedenti e il punteggio medio dei-->
    <!--    partecipanti non vedenti.-->
    <!--</p>-->

    <br>
    <br>

    <div class="choice-grid">
        <div>
            <p class="h4 text-center"> Sai che nei giochi olimpici, <br> in media i concorrenti <br> hanno finito la gara in:
            </p>

            <!--    <div class="input-group ">-->
            <!--            <input type="number" class="form-control" aria-label="Amount (to the nearest dollar)" readonly max=100 min=0-->
            <!--                   value=84>-->
            <!--            <div class="input-group-append">-->
            <!--                <span class="input-group-text">/100</span>-->
            <!--            </div>-->


            <!--    </div>-->
            <p class="h3 text-center"><input class="h3 text-center" type="number" max={{max_val}} min={{min_val}}
                                             name="reference" value={{given}} readonly> secondi </p>
        </div>
        <div>
            <p class="h4 text-center"> Indovina il tempo medio <br>  dei concorrenti con disabilità visive <br> nei giochi paralimpici: </p>
            <p class="h3 text-center"><input class="h3 text-center" type="number" max={{max_val}} min={{min_val}}
                                             required value name="ability_guess"/> secondi </p>

        </div>
    </div>
</div>
{{ endif }}

{{ if game == "f400s"}}
<div>
    <div class="card bg-light">
        <div class="card-body">
            <p class="lead">
                Come probabilmente già sai, nel 2021 i giochi <strong> olimpici e paralimpici </strong> estivi sono stati organizzati a
                Tokio, Giappone.<br>

                Una delle gare è stata la
                <strong> gara dei 400 metri piani femminile.</strong>
                Qui sotto, il video con la corsa olimpica.</p>
            <p align="center">
                <iframe width="420" height="315"
                        src="https://www.youtube.com/embed/3q1LFtwqopo?start=271&mute=1">
                </iframe>
             </p>

            <p class="lead">Nei <strong>giochi paralimpici</strong>, la gara viene organizzata separatamente per <strong>ogni categorie di disabilità</strong>.


            </p>
        </div>
    </div>
    <!--<p class="lead">-->
    <!--    I ricercatori hanno poi calcolato il punteggio medio nel test dei partecipanti vedenti e il punteggio medio dei-->
    <!--    partecipanti non vedenti.-->
    <!--</p>-->

    <br>
    <br>

    <div class="row">
<div class="col-sm">
            <p class="h4 text-center"> Sai che nei giochi olimpici, <br> in media le concorrenti <br> hanno finito la gara di <br> 400 metri piani in circa:
            </p>

            <!--    <div class="input-group ">-->
            <!--            <input type="number" class="form-control" aria-label="Amount (to the nearest dollar)" readonly max=100 min=0-->
            <!--                   value=84>-->
            <!--            <div class="input-group-append">-->
            <!--                <span class="input-group-text">/100</span>-->
            <!--            </div>-->


            <!--    </div>-->
            <p class="h3 text-center"><input class="h3 text-center" type="number" max={{max_val}} min={{min_val}}
                                             name="reference" value={{given}} readonly> secondi </p>
        </div>
<div class="col-sm">
            <p class="h4 text-center"> Indovina il tempo medio nella gara di 400 metri piani<br>  delle concorrenti con disabilità visive <br> nei giochi paralimpici: </p>
            <p class="h3 text-center"><input class="h3 text-center" type="number" max={{max_val}} min={{min_val}}
                                             required value name="ability_guess"/> secondi </p>

        </div>
    </div>
</div>
{{ endif }}

{{ if game == "m100n"}}
<div>
    <div class="card bg-light">
        <div class="card-body">
            <p class="lead">
                Come probabilmente già sai, nel 2021 i giochi <strong> olimpici e paralimpici </strong> estivi sono stati organizzati a
                Tokio, Giappone.<br>

                Una delle gare è stata la
                <strong> gara dei 100 metri nuoto stile libero maschili.</strong>
                .</p>
            <p align="center">
                <iframe width="420" height="315"
                        src="https://www.youtube.com/embed/tx2DaIcoNLQ?start=229&mute=1">
                </iframe>
             </p>

               <p class="lead">Nei giochi paralimpici, la gara viene organizzata separatamente per ogni categorie di disabilità.


            </p>
        </div>
    </div>
    <!--<p class="lead">-->
    <!--    I ricercatori hanno poi calcolato il punteggio medio nel test dei partecipanti vedenti e il punteggio medio dei-->
    <!--    partecipanti non vedenti.-->
    <!--</p>-->

    <br>
    <br>

    <div class="choice-grid">
        <div>
            <p class="h4 text-center"> Sai che nei giochi olimpici, <br> in media i concorrenti <br> hanno finito la gara in:
            </p>

            <!--    <div class="input-group ">-->
            <!--            <input type="number" class="form-control" aria-label="Amount (to the nearest dollar)" readonly max=100 min=0-->
            <!--                   value=84>-->
            <!--            <div class="input-group-append">-->
            <!--                <span class="input-group-text">/100</span>-->
            <!--            </div>-->


            <!--    </div>-->
            <p class="h3 text-center"><input class="h3 text-center" type="number" max={{max_val}} min={{min_val}}
                                             name="reference" value={{given}} readonly> secondi </p>
        </div>
        <div>
            <p class="h4 text-center"> Indovina il tempo medio <br>  dei concorrenti con disabilità visive <br> nei giochi paralimpici: </p>
            <p class="h3 text-center"><input class="h3 text-center" type="number" max={{max_val}} min={{min_val}}
                                             required value name="ability_guess"/> secondi </p>

        </div>
    </div>
</div>
{{ endif }}

{{ if game == "f100n"}}
<div>
    <div class="card bg-light">
        <div class="card-body">
            <p class="lead">
                Come probabilmente già sai, nel 2021 i giochi <strong> olimpici e paralimpici </strong> estivi sono stati organizzati a
                Tokio, Giappone.<br>

                Una delle gare è stata la
                <strong> gara dei 100 metri nuoto stile libero piani femminile.</strong>
                .</p>
            <p align="center">
                <iframe width="420" height="315"
                        src="https://www.youtube.com/embed/e3VZtO5X83s?start=178&mute=1">
                </iframe>
             </p>

               <p class="lead">Nei giochi paralimpici, la gara viene organizzata separatamente per ogni categorie di disabilità.


            </p>
        </div>
    </div>
    <!--<p class="lead">-->
    <!--    I ricercatori hanno poi calcolato il punteggio medio nel test dei partecipanti vedenti e il punteggio medio dei-->
    <!--    partecipanti non vedenti.-->
    <!--</p>-->

    <br>
    <br>

    <div class="choice-grid">
        <div>
            <p class="h4 text-center"> Sai che nei giochi olimpici, <br> in media le concorrenti <br> hanno finito la gara in:
            </p>

            <!--    <div class="input-group ">-->
            <!--            <input type="number" class="form-control" aria-label="Amount (to the nearest dollar)" readonly max=100 min=0-->
            <!--                   value=84>-->
            <!--            <div class="input-group-append">-->
            <!--                <span class="input-group-text">/100</span>-->
            <!--            </div>-->


            <!--    </div>-->
            <p class="h3 text-center"><input class="h3 text-center" type="number" max={{max_val}} min={{min_val}}
                                             name="reference" value={{given}} readonly> secondi </p>
        </div>
        <div>
            <p class="h4 text-center"> Indovina il tempo medio <br>  delle concorrenti con disabilità visive <br> nei giochi paralimpici: </p>
            <p class="h3 text-center"><input class="h3 text-center" type="number" max={{max_val}} min={{min_val}}
                                             required value name="ability_guess"/> secondi </p>

        </div>
    </div>
</div>
{{ endif }}


{{ next_button }}
<br>
<p> Se ti servono, eccoti di nuovo le istruzioni:</p>
{{ include Constants.instructions_template}}

{{ endblock }}