{{-- Child Question  --}}


<div class="steps-sec-onbrd response-holder question-col @if (isset($trigger) && !empty($trigger) && $trigger == true) child col-lg-10 @else col-lg-12 @endif"
    data-input-type="ranking" data-logic-trigger="{{ $polling_question->logic_trigger }}">
    <div class="steps-cont-onbrd">
        <div class="row justify-content-center">
            <div class="col-lg-8">
                <div class="top-poll-step-cont">
                    <h1>candidate survey poll</h1>
                    <p>
                        {{$user->bio}}
                    </p>
                </div>
                <div class="quest-wrap">
                    <div class="question-type-poll">
                        <h5 class="label_question_number">question {{ $key + 1 }}</h5>
                        <h3 class="question-title">
                            {{ ucwords($polling_question->question) }}
                        </h3>
                        <h5>Drag the options to rank them</h5>
                        <div class="ques-step-poll-wrap d-flex flex-wrap rankingcontainer r-ranking">
                            @foreach (json_decode($polling_question->questionResponse->response) as $index => $response_value)
                                <div class="form-check form-check-drag px-0 w-100 closest_to_option ranking-response-list-item ranking-draggable-item"
                                    draggable="true" data-index="{{ $polling_question->id }}{{ $index }}">
                                    <span>{{ $index + 1 }}.</span>
                                    <input class="form-check-input created-response check_it{{ $polling_question->id }}{{ $index }}" type="text" name="RankingResponse[][{{ $polling_question->id }}]" id="t_ones_{{ $polling_question->id }}{{ $index }}" value="{{ $response_value }}" />
                                    <label class="form-check-label" for="t_ones_{{ $polling_question->id }}{{ $index }}" readonly>
                                        {{ $response_value }}
                                    </label>
                                    <span draggable="true" class="draggable-img"><img src="{{ asset('assets/images/icon-drag-poll.svg') }}" alt="" /></span>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>

                @include('poll.components.child_questions')

                <div class="btn-wrap-poll my-5">
                    <button type="button" class="btn btn-inverse btn-prim w-50 me-3 prev-step" counter="{{ $key }}">
                        previous question
                    </button>
                    <button type="button" class="btn btn-prim px-3 next-step w-50 ms-3 jump_step">
                        next question
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>