@php
    $oldImages = old("form_detail.$formDetail->id", []);
    $storedImages = json_decode($item->itemDetails->where('form_detail_id', $formDetail->id)->value('value'), true) ?? [];
    $imagePaths = array_unique(!empty($oldImages) ? $oldImages : $storedImages);
@endphp
<!--begin::Row-->
<div class="row mb-3">
    <!--begin::Label-->
    <label for="form_detail_{{ $formDetail->id }}" class="col-lg-3 col-form-label fw-semibold fs-6 required">{{ $formDetail->name }}</label>
    <!--end::Label-->
    <!--begin::Col-->
    <div class="col-lg-8">
        <!-- Dropzone Section (appears below the image) -->
        <div class="dropzone dropzone-image" id="dzFormDetail-{{ $formDetail->id }}" data-id="{{ $formDetail->id }}">
            <!--begin::Message-->
            <div class="dz-message needsclick">
                <i class="ki-duotone ki-picture fs-3x"><span class="path1"></span><span class="path2"></span></i>
                <!--begin::Info-->
                <div class="ms-4">
                    <h3 class="fs-5 fw-bold text-gray-900 mb-1">Drop files here or click to
                        upload.</h3>
                    <span class="fs-7 fw-semibold text-gray-500">Upload file</span>
                </div>
                <!--end::Info-->
            </div>
            <!--end::Message-->
            @if (!empty($imagePaths))
                @foreach ($imagePaths as $image)
                    <input type="hidden" name="form_detail[{{ $formDetail->id }}][]" value="{{ $image }}" 
                        class="uploaded-image" data-link="{{ assetFile($image) }}">
                @endforeach
            @endif
        </div>
        <small class="text-muted">(Support JPEG/JPG/PNG format only, with Maximum size of 2MB per image)</small>
        <!-- Show Images -->
        @if (!empty($imagePaths))
            <div class="image-container">
                @foreach ($imagePaths as $image)
                    <img src="{{ assetFile($image) }}" class="border p-2 rounded bg-light"
                            width="200" height="200" alt="{{ $formDetail->name }}"
                            style="object-fit: contain;">
                @endforeach
            </div>
        @endif
        @error("form_detail.$formDetail->id")
            <span class="text-sm text-danger">
                {{ $message }}
            </span>
        @enderror
    </div>
    <!--end::Col-->
</div>
<!--end::Row-->