@extends("pages.diagnose.diagnose-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-center">
            <p class="m-0 text-left"><span class="question-number diagnose-text-color font-weight-bold">5 <i class="fa-solid fa-arrow-right fa-2xs"></i></span>¿Qué tan cómoda se siente usted discutiendo temas relacionados con la equidad de
                género y la inclusión con sus colegas y superiores? </p>
            <p class="m-0 text-secondary">Marca un número de 1 a 10, siendo 0 poco cómoda y 10 demasiado cómoda</p>
            <div class="bd-example mt-3 text-center">

                <button class="btn btn-outline-warning question-button-number button-number-diagnose" onclick="clickOption(0)" id="opt-0">0</button>
                <button class="btn btn-outline-warning question-button-number button-number-diagnose" onclick="clickOption(1)" id="opt-1">1</button>
                <button class="btn btn-outline-warning question-button-number button-number-diagnose" onclick="clickOption(2)" id="opt-2">2</button>
                <button class="btn btn-outline-warning question-button-number button-number-diagnose" onclick="clickOption(3)" id="opt-3">3</button>
                <button class="btn btn-outline-warning question-button-number button-number-diagnose" onclick="clickOption(4)" id="opt-4">4</button>
                <button class="btn btn-outline-warning question-button-number button-number-diagnose" onclick="clickOption(5)" id="opt-5">5</button>
                <button class="btn btn-outline-warning question-button-number button-number-diagnose" onclick="clickOption(6)" id="opt-6">6</button>
                <button class="btn btn-outline-warning question-button-number button-number-diagnose" onclick="clickOption(7)" id="opt-7">7</button>
                <button class="btn btn-outline-warning question-button-number button-number-diagnose" onclick="clickOption(8)" id="opt-8">8</button>
                <button class="btn btn-outline-warning question-button-number button-number-diagnose" onclick="clickOption(9)" id="opt-9">9</button>
                <button class="btn btn-outline-warning question-button-number button-number-diagnose" onclick="clickOption(10)" id="opt-10">10</button>
                
            </div>
            <div class="text-center mt-5">
                <a href="{{ url('diagnosticar/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(5)">Siguiente</button>
            </div>
            

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

@endsection