@if ($is_label)
    {{-- titre --}}
    @if ($item->type == 'heading')
        {!! "<{$item->option('heading_level')}>{$item->title}</{$item->option('heading_level')}>" !!}
    @endif

    {{-- Zone de texte --}}
    @if ($item->type == 'text_field')
        {!! $item->html !!}
    @endif

    {{-- Texte de fin --}}
    @if ($item->type == 'ending_text')
    <div class="dgc-question fs-4 text-center">
        {!! $item->html !!}
    </div>
    @endif
@else
    @php($answers = isset($child_question->id) ? $child_question->answers : $item->answers)
    @php($name = isset($id_child) && $id_child ? 'reply' . $id_child : 'reply')
    <div class="dgc-form-input">
        {{-- Choix unique --}}
        @if ($item->type == 'unique_choice')
            @foreach ($answers as $key => $answer)
                <label for="qest_{{ $item->id }}_{{ $answer->id }}_{{ $name }}" class="form-check"
                    data-position="{{ $key + 1 }}">
                    <input type="radio" name="{{ $name }}"
                        id="qest_{{ $item->id }}_{{ $answer->id }}_{{ $name }}"
                        class="form-input form-check-input" value="{{ $answer->id }}">
                    <span class="form-check-label">{{ $answer->answer }}</span>

                    @include('quiz.answers.condition', [
                        'item' => $item,
                        'answer' => $answer,
                        'for_question' => false,
                        'id_child' => $id_child,
                    ])
                </label>
            @endforeach

            @include('quiz.answers.other_answer', [
                'item' => $item,
                'name' => $name,
                'id_child' => $id_child,
            ])
        @endif

        @if ($item->type == 'yes_no')
            <label for="qest_{{ $item->id }}_yes" class="form-check">
                <input type="radio" name="{{ $name }}" id="qest_{{ $item->id }}_yes"
                    class="form-input form-check-input" value="yes">
                <span class="form-check-label">{{ __('bdd.common.yes') }}</span>

                @include('quiz.answers.condition', [
                    'item' => $item,
                    'answer' => 'yes',
                    'for_question' => true,
                    'id_child' => $id_child,
                ])
            </label>


            <label for="qest_{{ $item->id }}_no" class="form-check">
                <input type="radio" name="{{ $name }}" id="qest_{{ $item->id }}_no"
                    class="form-input form-check-input" value="no">
                <span class="form-check-label">{{ __('bdd.common.no') }}</span>

                @include('quiz.answers.condition', [
                    'item' => $item,
                    'answer' => 'no',
                    'for_question' => true,
                    'id_child' => $id_child,
                ])
            </label>
        @endif

        @if ($item->type == 'multiple_choice')
            <input type="hidden" class="qest_{{ $item->id }} minimum_answers_required"
                value="{{ $item?->option('minimum_answers_required') }}">
            <input type="hidden" class="qest_{{ $item->id }} maximum_answers_required"
                value="{{ $item?->option('maximum_answers_required') }}">

            @foreach ($answers as $key => $answer)
                <label for="qest_{{ $item->id }}_{{ $answer->id }}_{{ $name }}" class="form-check"
                    data-position="{{ $key + 1 }}">
                    <input type="checkbox" name="{{ $name }}[]"
                        id="qest_{{ $item->id }}_{{ $answer->id }}_{{ $name }}"
                        class="form-input form-check-input multiple_answer" value="{{ $answer->id }}">
                    <span class="form-check-label">{{ $answer->answer }}</span>

                    @include('quiz.answers.condition', [
                        'item' => $item,
                        'answer' => $answer,
                        'for_question' => false,
                        'id_child' => $id_child,
                    ])
                </label>
            @endforeach

            @include('quiz.answers.other_answer', [
                'item' => $item,
                'answer' => $answer,
                'name' => $name,
                'id_child' => $id_child,
            ])
        @endif

        @if ($item->type == 'date')
            <div class="form-group">
                <input type="text" id="qest_{{ $item->id }}" name="{{ $name }}"
                    class="form-control quiz-date-question qest_{{ $item->id }}"
                    data-format="{{ $item->option('input_model') }}"
                    placeholder="{{ $item?->option('input_model') }}">

                @if ($item?->option('input_model') !== null)
                    @include('quiz.answers.answer_hint', [
                        'message' => __('labels.LbDateExpectedFormat', [
                            'format' => $item?->option('input_model'),
                        ]),
                    ])
                @endif

            </div>
            <div class="mt-3">
                @include('quiz.answers.condition', [
                    'item' => $item,
                    'answer' => null,
                    'for_question' => true,
                    'id_child' => $id_child,
                ])
            </div>
        @endif

        @if ($item->type == 'numeric')
            <div class="form-group">
                @php($min_max = $item->getMinMaxValues())
                <input type="number" id="qest_{{ $item->id }}" name="{{ $name }}"
                    placeholder="{{trans('labels.LbCommonPlaceholder')}}"
                    class="form-control quiz-numeric-question qest_{{ $item->id }} " min="{{ $min_max['min'] }}"
                    max="{{ $min_max['max'] }}" @if ($item?->option('allow_decimals')) step=".01" @endif>

                @include('quiz.answers.answer_hint', [
                    'message' => \App\Models\Question::mapQuestionsWithType($item)->getHint(),
                ])

            </div>
            <div class="mt-3">
                @include('quiz.answers.condition', [
                    'item' => $item,
                    'answer' => null,
                    'for_question' => true,
                    'id_child' => $id_child,
                ])
            </div>
        @endif

        @if ($item->type == 'scale')
            @component('components.forms.range-with-steps', [
                'name' => $name,
                'min' => $item?->option('minimum_value'),
                'max' => $item?->option('maximum_value'),
                'step' => $item?->option('step_value'),
                'showDegrees' => true,
                'displayMode' => $item?->option('display_all_values'),
                'scale_style' => $item?->option('scale_style'),
                'message' => [
                    'start' => $item?->option('scale_labels_start'),
                    'middle' => $item?->option('scale_labels_middle'),
                    'last' => $item?->option('scale_labels_end'),
                ],
            ])
            @endcomponent

            @include('quiz.answers.condition', [
                'item' => $item,
                'answer' => null,
                'for_question' => true,
                'id_child' => $id_child,
            ])
        @endif

        @if ($item->type == 'ranking')
            @if (!empty($item->option('message')))
                <div class="dgc-form-alert dgc-form-alert-info ">
                    <span>{!! $item->option('message') !!}</span>
                </div>
            @endif

            @component('components.forms.ranking', [
                'create_mode' => true,
                'item' => $item,
                'choices' => $item->answers,
                'inputName' => $name,
                'maximumChoicesAllowed' => $item->option('maximum_answers_required'),
                'minimumChoicesAllowed' => $item->option('maximum_answers_required'),
                'other_answer' => $item->option('other_answer'),
                'id_child' => $id_child,
            ])
            @endcomponent
        @endif

        @if ($item->type == 'free_text')
            @php($input_model = $item?->option('input_model'))
            <div>
                @component('components.forms.input', [
                    'name' => $name,
                    'required' => true,
                    'type' => 'text',
                    'placeholder' => $customPlaceholder ?? strip_tags($item->title),
                    'rows' => 4,
                    'class' => 'm-0',
                ])
                @endcomponent

                @if (isset($input_model))
                    @include('quiz.answers.answer_hint', [
                        'message' => __('labels.LbQuestionInputModelHint2', [
                            'input_model' => $input_model,
                        ]),
                    ])
                @endif
            </div>

            <div class="mt-3">
                @include('quiz.answers.condition', [
                    'item' => $item,
                    'answer' => null,
                    'for_question' => true,
                    'id_child' => $id_child,
                ])
            </div>
        @endif

        @if ($item->type == 'terms_condition')
            @if (!empty($item->html))
                <div class="paragraph-terms-description-truncate">
                    {!! $item->html !!}
                </div>
                <span class="btn btn-link paragraph-read-more-button d-none">
                    {{ __('labels.LbTermsConsditionTermsReadMore') }}
                </span>
            @endif
            @if (!empty($item->option('agreement_text')))
                <div class="btn-terms-condition-button text-center">
                    <input type="checkbox" class="btn-terms-condition"
                    id="btn-terms-condition-{{ $item->id }}" required autocomplete="off">
                    <label class=""
                        for="btn-terms-condition-{{ $item->id }}">{!! $item->option('agreement_text') !!}</label>
                </div>
            @endif
        @endif

        @if (in_array($item->type, $item::$question_choices))
            <div class="d-none othe-answer-text-field pt-2">
                @component('components.forms.input', [
                    'type' => 'text',
                    'name' => 'other-asnwer',
                    'class' => 'other-asnwer',
                    'placeholder' => ' ', //__('labels.LbQuestionOtherAnswer'),
                    'rows' => 4,
                ])
                @endcomponent
            </div>
        @endif
    </div>
@endif