@extends("pages.evaluate.evaluate-layout")
@section('content-questions')
<div class="row mt-5 justify-content-md-center">
    <div class="col-md-6 col-sm-12 text-center">
        <div class="question ml-5 text-left">
            <p class="m-Si"><span class="question-number evaluate-text-color font-weight-bold">12 <i class="fa-solid fa-arrow-right fa-2xs"></i></span>¿Consideras que hace falta incluir en esta herramienta algún tema de inclusión, diversidad y/o
                equidad de género?</p>
            <div class="bd-example mt-3 text-left ml-25">
                <div class="mt-2">
                    <button class="btn btn-outline-warning question-button-text button-number-evaluate font-weight-bold" onclick="clickOption('Si')" id="opt-Si">Si</button>
                </div>
                <div class="mt-1">
                    <button class="btn btn-outline-warning question-button-text button-number-evaluate font-weight-bold" onclick="clickOption('No')" id="opt-No">No</button>
                </div>
            </div>
            <div class="question mt-5 ml-5 text-left">
                <p class="m-0"><span class="question-number evaluate-text-color font-weight-bold">13 <i class="fa-solid fa-arrow-right fa-2xs"></i></span>Si tu respuesta fue SI, Menciona cuál es la información que consideras que falta</p>
                <input type="text" class="mt-4 custom-input-text evaluate-text-color" id="evaluate-q3" placeholder="Escribe tu respuesta acá">
            </div>
            <div class="text-center mt-5">
                <a href="{{ url('evaluar/q4')}}" type="button " class="btn btn-light send-button font-weight-bold">Anterior</a>
                <button type="button " class="btn btn-light send-button font-weight-bold" onclick="saveQuestion(10)">Enviar respuestas</button>
                <div class="text-left">
                    <p class="m-0 text-secondary">
                        Recuerde que <br>
                        <ol class="text-secondary">
                            <li>Si decide enviar las respuestas, su identidad quedará anónima. Los resultados
                                solo servirán para la mejora empresarial en temas equidad de género e inclusión.</li>
                            <li>Después de enviar las respuestas, tiene la opción de descargarlas.</li>
                        </ol>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection