@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-Si"><span class="question-number diagnose-text-color font-weight-bold">4 <i class="fa-solid fa-arrow-right fa-2xs"></i></span>¿Ha experimentado o presenciado personalmente algún caso de discriminación o prejuicio
                de género en su lugar de trabajo?</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-diagnose 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-diagnose font-weight-bold" onclick="clickOption('No')" id="opt-No">No</button>
                </div>

            </div>
            <div class="text-center mt-5">
                <a href="{{ url('diagnosticar/q3')}}" 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(4)">Siguiente</button>
            </div>
        </div>
    </div>
</div>

@endsection