{{ block content }}

<style>
    .otree-body {
        max-width:1350px
    }
</style>


<div class="tab">
    <p>
          <h2> <span style="font-size:18pt"> Instrucciones </span> </h2>

       Has completado la Etapa 1. En la siguiente página empezará la Etapa 2.
          </p>
    <p>
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        <button type="button" class="btn btn-primary btn-tab" data-offset="1">Continua</button>
    </p>
</div>

<div class="tab">
    <p>
       <h2> <span style="font-size:18pt"> Etapa 2 </span> </h2>

        <h2> <span style="font-size:16pt">Tarea 1</span> </h2>
        En la primera tarea, recibirás 10 €. Tu decisión consistirá en decidir cómo quieres dividir esos 10 € entre tú y la ONG <b>Reforesta</b>.
        Es decir, puedes donar cualquier cantidad de los 10 € a Reforesta. Por ejemplo, puedes donar 0 € a Reforesta y quedarte con los 10 €.
        Puedes donar 10 € a Reforesta y quedarte con 0 €. Puedes donar cualquier cantidad entre 0 y 10 € a Reforesta y quedarte con el resto. Todos los participantes de la sesión toman la misma decisión.
        <br>
        <br>
        Reforesta es una asociación sin ánimo de lucro fundada en 1991 y declarada de Utilidad Pública. Se dedica a la promoción del desarrollo sostenible y contribuye a la lucha contra la desertificación, evitando la degradación de la tierra y de los bosques. Desde su fundación, Reforesta ha plantado más de sesenta mil árboles y ha participado en 33 proyectos de reforestación.
        <br>
        <br>
        Para darte una idea del impacto de tus donaciones a Reforesta, por cada euro donado a Reforesta contribuye a la reducción de Co2 equivalente a evitar conducir un coche de gasolina durante 4.5 km al año.
        <br>
        <br>
        <b>Importante</b>: Las donaciones realizadas por los participantes del estudio serán realmente donadas a Reforesta. Una vez terminado el estudio, recibirás un documento acreditando que los investigadores han efectuado dichas donaciones.
        <br>
        <br>
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
    &nbsp &nbsp &nbsp &nbsp &nbsp
        <button type="button" class="btn btn-primary btn-tab" data-offset="1">Continua</button>
    </p>
</div>


<div class="tab">
    <p>
       <h2> <span style="font-size:18pt"> Etapa 2 </span> </h2>

        <h2> <span style="font-size:16pt">Tarea 1</span> </h2>
        En la primera tarea, recibirás 10 €. Tu decisión consistirá en decidir cómo quieres dividir esos 10 € entre tú y la ONG <b>Reforesta</b>.
        Es decir, puedes donar cualquier cantidad de los 10 € a Reforesta. Por ejemplo, puedes donar 0 € a Reforesta y quedarte con los 10 €.
        Puedes donar 10 € a Reforesta y quedarte con 0 €. Puedes donar cualquier cantidad entre 0 y 10 € a Reforesta y quedarte con el resto. Todos los participantes de la sesión toman la misma decisión.
        <br>
        <br>
        Reforesta es una asociación sin ánimo de lucro fundada en 1991 y declarada de Utilidad Pública. Se dedica a la promoción del desarrollo sostenible y contribuye a la lucha contra la desertificación, evitando la degradación de la tierra y de los bosques. Desde su fundación, Reforesta ha plantado más de sesenta mil árboles y ha participado en 33 proyectos de reforestación.
        <br>
        <br>
        Para darte una idea del impacto de tus donaciones a Reforesta, por cada euro donado a Reforesta contribuye a la reducción de Co2 equivalente a evitar conducir un coche de gasolina durante 4.5 km al año.
        <br>
        <br>
        <b>Importante</b>: Las donaciones realizadas por los participantes del estudio serán realmente donadas a Reforesta. Una vez terminado el estudio, recibirás un documento acreditando que los investigadores han efectuado dichas donaciones.
        <br>
        <br>
        En la primera tarea has donado <b>{{player.contribution1}}</b> a Reforesta. Eso equivale a la reducción de Co2 equivalente a dejar de recorrer <b>{{player.effect|to2}}</b> kilómetros al año con un coche de gasolina.
        <br>
        <br>
        Los otros participantes de la sesión han donado <b>{{player.average_others1}} €</b> a Reforesta en promedio. Eso equivale a la reducción de Co2 equivalente a dejar de recorrer <b>{{player.others_effect|to2}}</b> kilómetros al año con un coche de gasolina.  (<b>Mensaje addicional si el individuo está en la Condición 2</b>)
        <br>
        <br>
        En esta sesión hay un total de {{player.group.NSize}} participantes. Si todos los participantes de tu sesión hubieran realizado tu misma donación, la donación total a Reforesta sería de {{player.group.NSize}} * {{player.contribution1}} = <b>{{player.kantian}} €</b>. Eso equivale a la reducción de Co2 equivalente a dejar de recorrer <b>{{player.kantian_effect|to2}}</b> kilómetros al año con un coche de gasolina. (<b>Mensaje addicional si el individuo está en la Condición 3</b>)
        <br>
        <br>
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
    &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        <button class="btn btn-primary">Continuar</button>
    </p>
</div>

<script>

    let activeTab = 0;

    function showCurrentTabOnly() {
        let tabIndex = 0;
        for (let tab of document.getElementsByClassName('tab')) {
            tab.style.display = tabIndex === activeTab ? 'block' : 'none';
            tabIndex++;
        }
    }

    showCurrentTabOnly();
    for (let btn of document.getElementsByClassName('btn-tab')) {
        btn.onclick = function () {
            activeTab += parseInt(btn.dataset.offset);
            showCurrentTabOnly();
            scroll_Top()
        }
    }
    function scroll_Top() {
        window.scrollTo(0,0)
    }
</script>

{{ endblock }}