@if(count($customFields))
    <div class="card card-flush mt-5 shadow-none">
        <div class="card-header">
            <div class="card-title">
                <h2>{{ __('backend.custom_fields') }}</h2>
            </div>
        </div>

        <div class="card-body pt-0">
            @php

                $fields_html = '';
                foreach ($customFields as $field) {

                    $model_value = $customFieldsValues[$field->id]??null;


                    $fieldType = strtolower($field->field_type);
                    $fieldName = str_replace(' ', '_', $field->field_name); // Replace spaces with underscores
                    $fieldName = preg_replace('/[^A-Za-z0-9_]/', '', $fieldName); // Remove other special characters

                    $fieldValue = (!empty($field->field_values) && $field->field_values != '[]') ? json_decode($field->field_values, true) : null;

                    $attributes = $fieldType == 'dropdown' ? 'class="form-select "' :'class="form-control "'; // Initialize empty string for attributes
                    if (!empty($custom_attr)) {
                        foreach ($custom_attr as $key => $value) {
                            $attributes .= " $key='$value'"; // Build attribute string
                        }
                    }

                    $fields_html .= '<div class="mb-10 fv-row form-group">';
                    $fields_html .= '<label class="form-label"> '.ucfirst($field->field_name).' </label>';


                    switch ($fieldType) {
                        case 'dropdown':

                            $model_value = ($model_value)? json_decode($model_value,1):'';
                            // Implement your dropdown logic here, including options based on $fieldValue
                            $fields_html .= '<select '.$attributes.' id="custom_'.$fieldName.'" name="custom_fields['.$field->id.'][]">';
                            $fields_html .= '<option value="" >Select dropdown</option>';

                            foreach ($fieldValue as $key => $value) {
                                $selected = ($model_value)?in_array($value,$model_value)?'selected':'':'';
                                $fields_html .= '<option value="'.$value.'" '.$selected.'>'.$value.'</option>';
                            }

                            $fields_html .= "</select>";
                            break;

                        case 'checkbox':
                            // Implement your dropdown logic here, including options based on $fieldValue
                            $fields_html .= '<div class="mb-10 d-flex">';
                            $model_value  = json_decode($model_value,1);

                            foreach ($fieldValue as $key => $value) {
                                $selected     = isset($model_value[$value]) ?'checked':'';


                                $fields_html .= '<label class="form-check form-check-custom form-check-solid me-10">
                                                    <input '.$selected.' type="checkbox" id="custom_'.$value.'" name="custom_fields['.$field->id.']['.$value.']" class="form-check-input" '.$attributes.'/>
                                                    <span class="form-check-label text-gray-600">'.ucfirst($value).'</span>
                                                </label>';
                            }

                            $fields_html .= "</div>";
                            break;

                        default:
                            $fields_html .= '<input value="'.$model_value.'" '.$attributes.' type="'.$fieldType.'" id="custom_'.$fieldName.'" name="custom_fields['.$field->id.']" placeholder="write '.$fieldType.'">';
                    }
                    $fields_html .= '</div>';
                }

            @endphp
            {!! $fields_html !!}

        </div>
    </div>
@endif