@php
    $value = $item->itemDetails->where('form_detail_id', $formDetail->id)->value('value');
    $isNotApplicable = false;
    if (is_string($value) && str_starts_with($value, '{')) {
        $decoded = json_decode($value, true);
        $isNotApplicable = $decoded['not_applicable'] ?? false;
    }
@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 {{ $formDetail->is_required ? 'required' : '' }}">{{ $formDetail->name }}</label>
    <!--end::Label-->
    <!--begin::Col-->
    <div class="col-lg-8">
        <!-- Dropzone Section (appears below the image) -->
        <div class="dropzone dropzone-file" id="dzFormDetail-{{ $formDetail->id }}" style="margin-top: 5px;" data-id="{{ $formDetail->id }}">
            <!--begin::Message-->
            <div class="dz-message needsclick">
                <button type="button" class="btn btn-sm btn-secondary">Choose File</button>
                <span class="align-self-center text-muted ms-2">No file selected</span>
            </div>
            <!--end::Message-->
        </div>
        <small class="text-muted">(Support PDF format only with max size of 10MB)</small>
        <input type="hidden" name="form_detail[{{ $formDetail->id }}]" id="form_detail_{{ $formDetail->id }}" 
            value="{{ old('form_detail.'.$formDetail->id, $value) }}"
            data-link="{{ assetFile($value) }}">
        <br>
        @error('form_detail.' . $formDetail->id)
            <span class="text-sm text-danger">
                {{ $message }}
            </span>
        @enderror
        <div class="form-check form-check-custom form-check-xs form-check-success mb-2">
            <input class="form-check-input not-applicable-checkbox" type="checkbox" name="form_detail_{{ $formDetail->id }}_not_applicable" id="form_detail_{{ $formDetail->id }}_not_applicable"
                @checked(old('form_detail.'.$formDetail->id.'_not_applicable', $isNotApplicable))>
            <label class="form-check-label" for="form_detail_{{ $formDetail->id }}_not_applicable">Not Applicable</label>
        </div>
    </div>
    <!--end::Col-->
</div>
<!--end::Row-->
@push('scripts')
    <script>
        $(document).ready(function () {
            $('.not-applicable-checkbox').on('change', function () {
                var formDetailId = $(this).attr('id').replace('_not_applicable', '');
                var $hiddenInput = $('#' + formDetailId);

                if ($(this).is(':checked')) {
                    $hiddenInput.val(JSON.stringify({ not_applicable: true }));
                } else {
                    $hiddenInput.val('');
                }
            });
        });
    </script>
@endpush