@switch($field->type)
    @case('text')
        <input type="text" class="form-control" name="responses[{{ $field->name }}]" placeholder="{{ $field->label }}" @if($field->required) required @endif>
        @if($field->required)
            @error('responses.' . $field->name)
                <span class="text-danger">{{ $message }}</span>
            @enderror
        @endif
    @break

    @case('textarea')
        <textarea class="form-control" name="responses[{{ $field->name }}]" placeholder="{{ $field->label }}"></textarea>
        @break

    @case('checkbox')
        @if (!empty($field->options))
            @foreach (explode(',', $field->options) as $option)
                <div class="form-check">
                    <input type="checkbox" class="form-check-input" name="responses[{{ $field->name }}][]" value="{{ $option }}" id="{{ $field->id . '_' . $loop->index }}">
                    <label class="form-check-label" for="{{ $field->id . '_' . $loop->index }}">{{ $option }}</label>
                </div>
            @endforeach
        @endif
        @break

    @case('dropdown')
        <select class="form-control" name="responses[{{ $field->name }}]">
            <option value="">{{ __('Select') }}</option>
            @if (!empty($field->options))
                @foreach (explode(',', $field->options) as $option)
                    <option value="{{ $option }}">{{ $option }}</option>
                @endforeach
            @endif
        </select>
        @break

    @case('radio')
        @if (!empty($field->options))
            @foreach (explode(',', $field->options) as $option)
                <div class="form-check">
                    <input type="radio" class="form-check-input" name="responses[{{ $field->name }}]" value="{{ $option }}" id="{{ $field->id . '_' . $loop->index }}">
                    <label class="form-check-label" for="{{ $field->name . '_' . $loop->index }}">{{ $option }}</label>
                </div>
            @endforeach
        @endif
    @break

    @case('date')
        <input type="date" class="form-control" name="responses[{{ $field->name }}]">
    @break

    @case('time')
        <input type="time" class="form-control" name="responses[{{ $field->name }}]">
    @break

    @case('number')
        <input type="number" class="form-control" name="responses[{{ $field->name }}]" placeholder="{{ $field->label }}" @if($field->required) required @endif>
        @if($field->required)
            @error('responses.' . $field->name)
                <span class="text-danger">{{ $message }}</span>
            @enderror
        @endif
    @break

    @case('file')
        <input type="file" class="form-control" name="responses[{{ $field->name }}]" placeholder="{{ $field->label }}">
    @break
    
    @case('business_hours')
        @php
            $days = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'];
            $times = [];

            for ($i = 0; $i < 24; $i++) {
                for ($j = 0; $j < 2; $j++) { // Loop twice for each hour (00, 30 minutes)
                    $hour = str_pad($i % 12 == 0 ? 12 : $i % 12, 2, '0', STR_PAD_LEFT);
                    $minutes = $j == 0 ? '00' : '30';
                    $suffix = $i < 12 ? 'am' : 'pm';
                    $times[] = "$hour:$minutes $suffix";
                }
            }
        @endphp
        @foreach ($days as $day)
            <div class="row">
                <div class="col-lg-2">
                    <div class="left-area">
                        <h6 class="heading">{{ __($day) }} </h6>
                    </div>
                </div>
                <div class="col-lg-5">
                    <select class="input-field" name="responses[{{ strtolower($day) }}_opening]">
                        <option value="" selected>{{ __('Opening Time') }}</option>
                        @foreach ($times as $time)
                            <option value="{{ $time }}">{{ $time }}</option>
                        @endforeach
                        <option value="closed">Closed</option>
                    </select>
                </div>
                <div class="col-lg-5">
                    <select class="input-field" name="responses[{{ strtolower($day) }}_closing]">
                        <option value="" selected>{{ __('Closing Time') }}</option>
                        @foreach ($times as $time)
                            <option value="{{ $time }}">{{ $time }}</option>
                        @endforeach
                        <option value="closed">Closed</option>
                    </select>
                </div>
            </div>
        @endforeach                
    @break

@case('amenities')
        @php
            $amenities = App\Models\Amenity::all();
        @endphp
        @if ($amenities->count())
            <div class="row">
                @foreach ($amenities as $index => $amenity)
                    <div class="col-md-3"> {{-- 4 columns in a row (12/4 = 3 per column) --}}
                        <div class="form-check">
                            <input type="checkbox" class="form-check-input" name="responses[amenities][]" value="{{ $amenity->name   }}" id="amenity_{{ $amenity->id }}">
                            <label class="form-check-label" for="amenity_{{ $amenity->id }}">{{ $amenity->name }}</label>
                        </div>
                    </div>

                    {{-- Create a new row after every 4 checkboxes --}}
                    @if (($index + 1) % 4 == 0)
                        </div><div class="row">
                    @endif
                @endforeach
            </div>
        @else
            <p>{{ __('No amenities available.') }}</p>
        @endif
        @break

@case('department')
        @php
            $departments = App\Models\Department::all();
        @endphp
        @if ($departments->count())
            <div class="row">
                @foreach ($departments as $index => $department)
                    <div class="col-md-3">
                        <div class="form-check">
                            <input type="checkbox" class="form-check-input" name="responses[department][]" value="{{ $department->name }}" id="department_{{ $department->id }}">
                            <label class="form-check-label" for="department_{{ $department->id }}">{{ $department->name }}</label>
                        </div>
                    </div>

                    @if (($index + 1) % 4 == 0)
                        </div><div class="row">
                    @endif
                @endforeach
            </div>
        @else
            <p>{{ __('No department available.') }}</p>
        @endif
    @break

    @case('degree')
        @php
            $degrees = App\Models\Degree::all();
        @endphp
        @if ($degrees->count())
            <div class="row">
                @foreach ($degrees as $index => $degree)
                    <div class="col-md-3">
                        <div class="form-check">
                            <input type="checkbox" class="form-check-input" name="responses[degree][]" value="{{ $degree->name }}" id="degree_{{ $degree->id }}">
                            <label class="form-check-label" for="degree_{{ $degree->id }}">{{ $degree->name }}</label>
                        </div>
                    </div>

                    @if (($index + 1) % 4 == 0)
                        </div><div class="row">
                    @endif
                @endforeach
            </div>
        @else
            <p>{{ __('No degree available.') }}</p>
        @endif
    @break

    @default
            <p>{{ __('Unsupported field type:') }} {{ $field->type }}</p>
    @endswitch