{{ block content }}
    <!-- Version 1.0 -->
    <link rel="stylesheet" href="{{ static 'global/base.css' }}">
    <div class="row">
        <div class="container-fluid">
            <div class="row text-center mt-5">
                <div class="alert alert-info" role="alert">
                    <h2>Consentimiento Informado</h2>
                </div>
            </div>
            <div id="slide1" class="row my-3">
                <div class="card">
                    <div class="card-body">
                        <p align="justify">El fin de esta investigación es entender cómo las personas toman decisiones.
                            Esta investigación hace parte de la tesis de maestría de Douglas Rodríguez. El estudio será llevado a cabo por el Laboratorio Experimental de la Universidad de los Andes (UniandesME-Lab), bajo la supervisión del profesor Tomás Rodríguez Barraquer.
                            Usted debe ser mayor de edad para poder participar en el estudio. Todas las interacciones en la sesión serán anónimas y se harán a través del computador.</ptext>
                        <p align="justify">La presente investigación se clasifica como una en la que la participación no genera riesgos presentes o posteriores a la investigación. Al participar en esta investigación usted será acreedor/a de una compensación monetaria por su tiempo. Esta compensación depende de su desempeño en el ejercicio y las decisiones que tome.</p>
                        <p align="justify">Antes de comenzar, le pedimos que no hable con otros participantes durante la sesión. Si tiene alguna pregunta, levante la mano y con gusto atenderemos su consulta en privado. Si no cumple con esta regla, nos veremos obligados a excluirlo de la sesión. Apreciamos su cooperación.</p>
                    </div>
                </div>
            </div>
            <div id="slide2" class="row my-3 d-none">
                <div class="card">
                    <div class="card-body">
                        <p align="justify">Su participación es completamente voluntaria y puede retirarse en el momento que desee. Así mismo, si usted desea dejar sin respuestas algunas de las preguntas, está en completa libertad de hacerlo.
                            No obstante, los investigadores a cargo le agradeceríamos que responda todas las preguntas y permanezca durante la duración total del estudio.</ptext>
                        <p align="justify">De igual manera, de acuerdo con la ley estatutaria 1581 de 2012, los datos que usted provea durante la sesión serán manejados de acuerdo con los principios para el trato de datos personales de la presente ley.
                        Esto significa que: 1) Todos los datos recopilados durante el estudio se almacenarán en un servidor al que solo pueden acceder los investigadores.
                        2) Toda la información personal recolectada (nombres, documentos de identificación, género, etc.) durante el estudio es estrictamente confidencial y se utilizará únicamente con fines del presente ejercicio.
                        3) Su nombre no será usado en publicaciones científicas. En todas las etapas del estudio, usted será identificado/a como un número/código y su identidad será conocida solamente por el investigador.</p>
                        <p align="justify">Al dar click en "Continuar" usted declara que ha sido debidamente informado y que participa en esta investigación de manera voluntaria.</p>
                    </div>
                </div>
            </div>
            <div class="row justify-content-center">
                <div id="back_div" class="col-3 text-center d-none">
                    <button type="button" id="back" class="btn btn-primary">Retroceder</button>
                </div>
                <div class="col-3 text-center">
                    <button type="button" id="next" class="btn btn-primary">Continuar</button>
                </div>
            </div>
            <div class="row d-none">
                <button id="submit">Next Page</button>
            </div>
        </div>
    </div>
    <script src="{{ static 'global/animation.js' }}"></script>
    <script>
        let idx = 1;
        document.getElementById("back").onclick = () => {
            if (idx != 1){
                let prev = document.getElementById("slide"+idx)
                let next = document.getElementById("slide"+(idx-1))
                fade(prev, next);
                if (idx == 2){
                    fade_out(document.getElementById("back_div"));
                }
                idx--;
            }
        };
        document.getElementById("next").onclick = () => {
            if (idx == 2){
                document.getElementById("submit").click();
                return null;
            }
            let prev = document.getElementById("slide"+idx)
            let next = document.getElementById("slide"+(idx+1))
            fade(prev, next);
            if (idx == 1){
                fade_in(document.getElementById("back_div"));
            }
            idx++;
        };
    </script>
{{ endblock }}