{{-- <!-- Basic Info --> --}}
<div class="accordion-item rounded mb-3">
    <div class="accordion-header">
        <a class="accordion-button accordion-custom-button bg-white rounded fw-medium text-dark" data-bs-toggle="collapse" data-bs-target="#basic">
            <span class="avatar avatar-md rounded text-dark border me-2"><i class="fa fa-info fs-20"></i></span>
            Basic Info
        </a>
    </div>
    <div class="accordion-collapse collapse {{ $accordion === 'basic' ? 'show' : '' }}" id="basic" data-bs-parent="#main_accordion">
        <div class="accordion-body border-top">
            <div class="row">
                <div class="col-md-6 mb-3">
                    <label class="col-form-label">First Name <span class="text-danger">*</span></label>
                    <input type="text" wire:model="form.first_name" class="form-control">
                    @error('form.first_name')
                    <div class="error text-danger mt-1">{{ $message }}</div>
                    @enderror
                </div>

                <div class="col-md-6 mb-3">
                    <label class="col-form-label">Last Name <span class="text-danger">*</span></label>
                    <input type="text" wire:model="form.last_name" class="form-control">
                    @error('form.last_name')
                    <div class="error text-danger mt-1">{{ $message }}</div>
                    @enderror
                </div>

                @if($collection_columns && $collection_columns->count() > 0)
                    @foreach($collection_columns as $key => $column)
                        @php
                            $column_field = $collection_fields[$column->field->slug];
                            $options_array = $this->collection_fields[$column->field->slug]['options'];
                        @endphp
                        <div class="col-md-6 mb-3">
                            <label class="col-form-label">{{ $column_field['label'] }} {!! $column_field['required'] ? '<span class="text-danger">*</span>':'' !!}</label>
                            @if($column->field->type == 'text')
                                <input type="text" name="form.custom_fields.{{ $column->field->slug }}" wire:model="form.custom_fields.{{ $column->field->slug }}" class="form-control" {{ $column_field['required'] ? 'required':'' }} />
                            @elseif($column->field->type == 'email')
                                <input type="email" name="form.custom_fields.{{ $column->field->slug }}" wire:model="form.custom_fields.{{ $column->field->slug }}" class="form-control" {{ $column_field['required'] ? 'required':'' }} />
                            @elseif($column->field->type == 'date')
                                {{-- <input type="text" name="form.custom_fields.{{ $column->field->slug }}" wire:model="form.custom_fields_{{ $column->field->slug }}" class="form-control" {{ $column_field['required'] ? 'required':'' }} wire:ignore />--}}
                                <input type="text" name="form.custom_fields.{{ $column->field->slug }}" wire:model="form.custom_fields.{{ $column->field->slug }}" class="form-control" {{ $column_field['required'] ? 'required': '' }} x-data placeholder="dd/mm/yyyy"
                                       x-init="let mask = IMask($el, { mask: '00/00/0000' });mask.on('accept', () => {$el.dispatchEvent(new Event('input'));});" />
                            @elseif($column->field->type == 'textarea')
                                <textarea name="form.custom_fields.{{ $column->field->slug }}" wire:model="form.custom_fields.{{ $column->field->slug }}" class="form-control" {{ $column_field['required'] ? 'required':'' }}></textarea>
                            @elseif($column->field->type == 'select')
                                <select name="form.custom_fields.{{ $column->field->slug }}" wire:model="form.custom_fields.{{ $column->field->slug }}" class="form-control" {{ $column_field['required'] ? 'required':'' }}>
                                    <option value="">Select {{ $column_field['label'] }}</option>
                                    @foreach($options_array as $key => $value)
                                        <option value="{{ $key }}">{{ $value }}</option>
                                    @endforeach
                                </select>
                            @elseif($column->field->type == 'radio')
                                @foreach($options_array as $key => $value)
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" wire:key="{{ $loop->index }}" name="form.custom_fields.{{ $column->field->slug }}[]" wire:model="form.custom_fields.{{ $column->field->slug }}" value="{{ $key }}">
                                        <label class="form-check" for="inlineRadio{{ $loop->index }}">{{ $value }}</label>
                                    </div>
                                @endforeach
                            @elseif($column->field->type == 'checkbox')
                                @foreach($options_array as $key => $value)
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="checkbox" wire:key="{{ $loop->index }}" name="form.custom_fields.{{ $column->field->slug }}[]" wire:model="form.custom_fields.{{ $column->field->slug }}" value="{{ $key }}">
                                        <label class="form-check">{{ $value }}</label>
                                    </div>
                                @endforeach
                            @endif
                            @error('form.custom_fields.{{ $column->field->slug }}')
                            <div class="error text-danger mt-1">{{ $message }}</div> @enderror
                        </div>
                    @endforeach
                @endif
            </div>
        </div>
    </div>
</div>
{{-- /Basic Info --}}