@php $item_settings = isset($item->settings) ? unserialize($item->settings) : [];@endphp
<div data-repeater-item class="draggable-field checklist-item" data-id="{{isset($item->id) ? $item->id : 0}}" data-index="0">

    <div class="flex flex-col gap-4">

        <div class="flex items-center gap-1">
            <textarea autoComplete='off' class="flex-1 form-input text-md-medium text-custom-grey-900 one-line-textarea overflow-hidden"
                placeholder="{{__('forms.lbl_name')}}" name="name" rows="1"
                >{{isset($item->title) ? $item->title : ''}}</textarea>

            <a class="btn-tertiary-sm p-2 btn-change-choices" data-toggle="choices" href="javascript:;">
                <x-svg-icon icon="icon-settings" width="24" height="24" />
            </a>
            <a class="btn-tertiary-sm p-2 btn-change-attachments" data-toggle="attachments" href="javascript:;">
                <x-svg-icon icon="icon-attachment" width="24" height="24" />
            </a>

            <button data-repeater-delete type="button"
                data-uri="{{(isset($item) && isset($item->id)? url('settings/checklists/'.$task->id.'/items/'.$item->id) : '')}}"
                class="btn-tertiary-sm p-2 repeater-delete-btn delete-item" data-menu="checklistItem">
                <x-svg-icon icon="icon-trash" width="24" height="24" />
            </button>
            <button data-repeater-duplicate class="btn-tertiary-sm p-2 btn-duplicate-pattern" type="button">
                <x-svg-icon icon="icon-copy" width="24" height="24" />
            </button>

        </div>

        <div class="flex items-start gap-2 choice-settings">
            <a class="mt-2" type="button">
                <x-svg-icon icon="icon-drag" width="24" height="24" />
            </a>

            <div class="w-full flex flex-col gap-4">
                <div class="grid grid-cols-1 lg:grid-cols-3 gap-2 p-3 w-full border border-custom-blue-100 rounded-lg">

                    <div class="w-full flex flex-col gap-2">
                        <input type="text" autoComplete='off' class="w-full form-input text-sm-medium text-custom-grey-900 focus:outline-none focus:ring-4 focus:ring-custom-orange-50 px-2.5 py-1.5 rounded-md"
                            placeholder="{{__('forms.lbl_yes')}}" name="title_yes"
                            value="{{isset($item_settings['title_yes']) ? $item_settings['title_yes'] : ($edit ? '' : __('forms.lbl_yes'))}}">

                        <div class="flex items-center gap-2 text-sm-regular text-custom-grey-500">
                            <input class="px-2" name="reason_yes"
                                    type="checkbox"
                                    value="1"
                                    {{$edit && isset($item_settings['reason_yes']) && $item_settings['reason_yes'] ? 'checked' : ''}}
                            />
                            {{__('forms.lbl_allow_reason')}}
                        </div>
                    </div>

                    <div class="w-full flex flex-col gap-2">
                        <input type="text" autoComplete='off' class="w-full form-input text-sm-medium text-custom-grey-900 focus:outline-none focus:ring-4 focus:ring-custom-orange-50 px-2.5 py-1.5 rounded-md"
                            placeholder="{{__('forms.lbl_no')}}" name="title_no"
                            value="{{isset($item_settings['title_no']) ? $item_settings['title_no'] : ($edit ? '' : __('forms.lbl_no'))}}">

                        <div class="flex items-center gap-2 text-sm-regular text-custom-grey-500">
                            <input
                                name="reason_no"
                                    type="checkbox"
                                    value="1"
                                    {{isset($item_settings['reason_no']) && $item_settings['reason_no'] ? 'checked' : ($edit ? '' : 'checked')}}
                            />
                            {{__('forms.lbl_allow_reason')}}
                        </div>
                    </div>

                    <div class="w-full flex flex-col gap-2">
                        <input type="text" autoComplete='off' class="w-full form-input text-sm-medium text-custom-grey-900 focus:outline-none focus:ring-4 focus:ring-custom-orange-50 px-2.5 py-1.5 rounded-md"
                            placeholder="{{__('forms.lbl_irrelevant')}}" name="title_irrelavent"
                            value="{{isset($item_settings['title_irrelavent']) ? $item_settings['title_irrelavent'] : ''}}">

                        <div class="flex items-center gap-2 text-sm-regular text-custom-grey-500">
                            <input name="reason_irrelavent"
                                type="checkbox"
                                value="1"
                                {{$edit && isset($item_settings['reason_irrelavent']) && $item_settings['reason_irrelavent'] ? 'checked' : ''}}
                            />
                            {{__('forms.lbl_allow_reason')}}
                        </div>
                    </div>
                </div>

                <input type="hidden" name="id" value="{{isset($item->id) ? $item->id : ''}}">

                <input type="hidden" class="order" name="order" value="{{isset($item->order) ? $item->order : (!$edit ? 1 : 0 )}}">

                <hr />
            </div>
        </div>
        <div class="attachment-div hidden">
            <div class="flex items-start gap-2">
                <div class="w-6"></div>
                <div class="w-full flex flex-col gap-4">
                    <div class="form-label text-sm-semibold w-full lg:col-span-3">{{trans("title.lbl_attachments")}}</div>
                    <div class="w-full lg:col-span-6">
                        <div class="file-upload-wrapper">
                            <div id="fileuploader-{{isset($item->id) ? $item->id:1}}" class="fileuploader"
                                data-category="{{isset($item->id) ? $itemKey : 0}}"
                                data-types="jpg,jpeg,png,gif,pdf,mp4,mpeg,avi,m4v,mov,docs,docx,doc,xlsx,xls"
                                data-accepted="image/png,image/jpg,image/jpeg,image/gif,.doc,.docx,video/*,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/pdf"
                                data-assets="{{(isset($item->id) ? route('settings.checklists.item.assets', [$item->id]) : '')}}">{{trans("onboarding.upload_button")}}
                            </div>
                        </div>
                    </div>
                    <hr />
                </div>
            </div>
        </div>

    </div>

</div>