{{-- @if (isset($name) && !empty($name) && isset($answers) && !empty($answers) && isset($sortable_id) && !empty($sortable_id)) --}}
@php($create_mode = !isset($display))
@php($data = old($sortable_id) && count(old($sortable_id)) ? old($sortable_id) : (isset($answers) && !empty($answers) ? $answers : null))
{{-- @php($for_answers = isset($answers) && !empty($answers)) --}}



@if (isset($name) && !empty($name) && isset($sortable_id) && !empty($sortable_id))
    @php($type = $type ?? 'text')
    <div class="dgc-copy-line-table input_dragndrop-group">
        @if (isset($label) && !empty($label) && $create_mode)
            <div class="head d-flex align-items-center">
                <label for="{{ $name }}"
                    class="form-label flex-grow-1 p-2 ps-0 @if (isset($required) && $required != false) required @endif">{{ $label }}</label>

                <span class="input_dragndrop-add text-primary p-2">{!! config('dgc-icons.plus') !!}</span>
            </div>
        @endif

        <div id="dragndrop-group-{{ rand() }}" class="input_dragndrop-draggable pt-2">


            @if (isset($data) && !empty($data))
                @php($pos = 0)
                @foreach ($data as $key => $ans)
                    @php($pos += 1)
                    <div class="d-flex align-items-center input_dragndrop-draggable-row ">
                        <div class="input_dragndrop-handle p-2 ps-0">
                            <span class="align-middle">{!! config('dgc-icons.list') !!}</span>
                        </div>

                        <div class="flex-grow-1 input_dragndrop-answer p-2">
                            @if ($create_mode)
                                <input id="{{ $name }}_{{ $key }}" name="{{ $name . "[$key]" }}" type="{{ $type }}"
                                    value="{{ $ans ?? '' }}" class="form-control @error($name) is-invalid @enderror"
                                    aria-describedby="@if (isset($label) && !empty($label)) {{ $label }}@else{{ $name }} @endif"
                                    placeholder="@if (isset($placeholder) && !empty($placeholder)) {{ $placeholder }}@elseif(isset($label) && !empty($label)){{ $label }}@else{{ $name }} @endif"
                                    data-key="{{ $key }}" data-id="{{ $key }}"
                                    data-position="{{ $pos }}"
                                    @if (isset($readonly) && $readonly != false) readonly @endif>
                            @else
                                <label for="qest_{{ $name }}_{{ $randid }}"
                                    data-position="{{ $pos }}">
                                    <input id="qest_{{ $name }}_{{ $randid }}"
                                        name="{{ $name }}" type="{{ $type }}"
                                        value="{{ $key ?? $ans }}"
                                        class="form-input {{ $class }} @error($name) is-invalid @enderror form-check-input"
                                        data-key="{{ $key }}" data-id="{{ $key }}"
                                        data-position="{{ $pos }}">
                                    {{ isset($ans->answer) ? $ans->answer : $ans }}
                                </label>

                                @if (isset($key) && $for_answers)
                                    @include('quiz.answers.condition', [
                                        'item' => Answer::find($key),//$item,
                                        'answer' => $ans,
                                        'for_question' => false,
                                    ])
                                @endif
                            @endif




                            @if (isset($hint) && !empty($hint))
                                <small class="form-text">{!! $hint !!}</small>
                            @endif

                            {{-- @error($name)
                                <small class="invalid-feedback">{{ $message }}</small>
                            @enderror --}}
                        </div>
                        @if ($create_mode)
                            <div class="text-danger input_dragndrop-delete p-2">{!! config('dgc-icons.delete') !!}</div>
                        @endif
                    </div>
                @endforeach

                @if (isset($item) && $for_answers)
                    @include('quiz.answers.other_answer', [
                        'item' => Answer::find($key),//$item,
                        'drag_n_drop' => true,
                    ])
                @endif
            @else {{-- no data --}}
                <div class="d-flex align-items-center input_dragndrop-draggable-row">
                    <div class="input_dragndrop-handle p-2">
                        <span class="align-middle">{!! config('dgc-icons.list') !!}</span>
                    </div>
                    <div class="flex-grow-1 input_dragndrop-answer p-2">
                        <input id="{{ $name }}_new-row-0" name="{{ $name . "[new-row-0]" }}" type="{{ $type }}" 
                            value="" class="form-control @error($name) is-invalid @enderror"
                            aria-describedby="@if (isset($label) && !empty($label)) {{ $label }}@else{{ $name }} @endif"
                            placeholder="@if (isset($placeholder) && !empty($placeholder)) {{ $placeholder }}@elseif(isset($label) && !empty($label)){{ $label }}@else{{ $name }} @endif"
                            @if (isset($readonly) && $readonly != false) readonly @endif
                            data-key="new-row-0" data-id="new-row-0">

                        @if (isset($hint) && !empty($hint))
                            <small class="form-text">{!! $hint !!}</small>
                        @endif
                        {{-- @error($name)
                            <small class="invalid-feedback">{{ $message }}</small>
                        @enderror --}}
                    </div>
                    <div class="text-danger input_dragndrop-delete p-2">{!! config('dgc-icons.delete') !!}</div>
                </div>

                <div class="d-flex align-items-center input_dragndrop-draggable-row">
                    <div class="input_dragndrop-handle p-2">
                        <span class="align-middle">{!! config('dgc-icons.list') !!}</span>
                    </div>
                    <div class="flex-grow-1 input_dragndrop-answer p-2">
                        <input id="{{ $name }}_new-row-1" name="{{ $name . "[new-row-1]" }}" type="{{ $type }}" 
                            value="" class="form-control @error($name) is-invalid @enderror"
                            aria-describedby="@if (isset($label) && !empty($label)) {{ $label }}@else{{ $name }} @endif"
                            placeholder="@if (isset($placeholder) && !empty($placeholder)) {{ $placeholder }}@elseif(isset($label) && !empty($label)){{ $label }}@else{{ $name }} @endif"
                            @if (isset($readonly) && $readonly != false) readonly @endif
                            data-key="new-row-1" data-id="new-row-1">

                        @if (isset($hint) && !empty($hint))
                            <small class="form-text">{!! $hint !!}</small>
                        @endif
                        {{-- @error($name)
                            <small class="invalid-feedback">{{ $message }}</small>
                        @enderror --}}
                    </div>
                    <div class="text-danger input_dragndrop-delete p-2">{!! config('dgc-icons.delete') !!}</div>
                </div>
            @endif
        </div>

        {{-- @dump($errors->all()) --}}
        @php($flattened_name = str_replace(['[', ']'], '', $name) /* retourne le nom du champs sans les '[]' pour affichage des errors*/)
        @if ($errors->has($name))
            @error($name)
                <small class="text-danger">{{ $message }}</small>
            @enderror
        @elseif($errors->has($flattened_name))
            @error($flattened_name)
                <small class="text-danger">{{ $message }}</small>
            @enderror
        @endif
    </div>
@endif