@php
// Closure to convert string to array for radios/selects
$convertStringToArray = function($string) {
    $result = [];
    if(!empty($string)){
        foreach(explode(',', $string) as $part){
            $values = explode('##', $part);
            if(count($values) === 2){
                $result[] = [
                    'value' => $values[0],
                    'label' => ucfirst($values[1])
                ];
            }
        }
    }
    return $result;
};

// Group fields by group_id
$formGroups = [];
foreach($formList as $field){
    $formGroups[$field->group_id][] = $field;
}

@endphp

<form class="custom form needs-validation" name="applicationForm" id="applicationForm" method="POST" action="{{ route('storeFormData') }}" enctype="multipart/form-data" novalidate>
    @csrf

    @if(isset($course))
        <input type="hidden" name="course_id" value="{{$course->id}}">
        <input type="hidden" name="course_type" value="{{$course->type}}">
    @endif

    @if(isset($page))
        <input type="hidden" name="page_id" value="{{$page->id}}">
        <input type="hidden" name="page_type" value="{{$page->page_type}}">
    @endif

    @foreach($formGroups as $groupId => $fields)
        @php
            $firstField = $fields[0];
            $repeatClass = ($firstField->repeat === 'Y') ? ' repeatIt'.$groupId : '';
        @endphp

        {{-- Form Group Title --}}
        <div class="row mt-2 mb-3">
            <div class="col-lg-12">
                <div class="applyFormTitle p-3 rounded-top" id="title_{{$groupId}}" @if($groupId === '0249478671') style="display:none;" @endif >
                    {{$firstField->name}}
                    <input type="hidden" name="{{$groupId}}_group_id" value="{{$groupId}}">
                    <input type="hidden" name="form_group[]" value="{{$groupId}}">
                </div>
            </div>
        </div>

        <div class="row formGroupBox{{$repeatClass}}" id="group_{{$groupId}}" @if($groupId === '0249478671') style="display:none;" @endif >
            @foreach($fields as $field)
                @php
                    $fromInputValue = $allFormData->{$field->fname} ?? '';
                @endphp

                {{-- Field Types --}}
                @if($field->ftype == 'FR')
                    @php $options = $convertStringToArray($field->foption_value); @endphp
                    <div class="{{$field->fclass}}">
                        <div class="form-group FR">
                            {{-- <label class="form-label">{!! $field->flabel !!} @if($field->frequired=='1') <span class="required">*</span> @endif</label><br> --}}
                            @foreach($options as $rKey => $opt)
                                <input type="radio" id="{{$groupId}}_radio{{$rKey}}" name="{{$groupId}}_{{$field->fname}}" value="{{$opt['value']}}">
                                <label for="{{$groupId}}_radio{{$rKey}}" class="form-label">{{$opt['label']}}</label>
                            @endforeach
                        </div>
                    </div>

                @elseif($field->ftype == 'FK')
                    <div class="{{$field->fclass}}">
                        <div class="form-group FK">
                            <input type="{{$inputType[$field->ftype] ?? 'checkbox'}}" class="" id="{{$groupId}}_{{$field->fid}}" name="{{$groupId}}_{{$field->fname}}" value="{{$fromInputValue}}" @if($field->frequired=='1') required @endif autocomplete="off">
                            <label for="{{$field->fid}}" class="form-label">{!! $field->flabel !!} @if($field->frequired=='1') <span class="required">*</span> @endif</label>
                        </div>
                    </div>

                @elseif($field->ftype == 'FS')
                    @php $options = !empty($field->foption_value) ? $convertStringToArray($field->foption_value) : []; @endphp
                    <div class="{{$field->fclass}}">
                        <div class="form-group FS">
                            <label class="form-label">{!! $field->flabel !!} @if($field->frequired=='1') <span class="required">*</span> @endif</label>
                            <select class="form-control" name="{{$groupId}}_{{$field->fname}}" id="{{$groupId}}_{{$field->fid}}" @if($field->frequired=='1') required @endif>
                                @foreach($options as $opt)
                                    <option value="{{$opt['value']}}" @if($fromInputValue==$opt['value']) selected @endif>{{$opt['label']}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                @elseif($field->ftype == 'TA')
                    <div class="{{$field->fclass}}">
                        <div class="form-group basicInfo">
                            <label class="form-label">{!! $field->flabel !!} @if($field->frequired=='1') <span class="required">*</span> @endif</label>
                            <textarea class="form-control" style="height:130px;" id="{{$groupId}}_{{$field->fid}}" name="{{$groupId}}_{{$field->fname}}" placeholder="{{$field->flabel}}" @if($field->frequired=='1') required @endif autocomplete="off">{{$fromInputValue}}</textarea>
                        </div>
                    </div>

                @elseif($field->ftype == 'IM')
                <div class="{{$field->fclass}}">
                    <div class="form-group basicInfo">
                        <img src="{{$field->fdefault_value}}" style="max-width:100%" />
                    </div>
                </div>
                @elseif($field->ftype == 'FI')
                <div class="{{$field->fclass}}">
                    <div class="form-group basicInfo">
                        {{$field->fdefault_value}}
                    </div>
                </div>

                @else
                    <div class="{{$field->fclass}}">
                        <div class="form-group basicInfo">
                            <label class="form-label">{!! $field->flabel !!} @if($field->frequired=='1') <span class="required">*</span> @endif</label>
                            <input type="{{$inputType[$field->ftype] ?? 'text'}}" class="form-control" id="{{$groupId}}_{{$field->fid}}" name="{{$groupId}}_{{$field->fname}}" value="{{$fromInputValue}}" placeholder="{{$field->flabel}}" @if($field->frequired=='1') required @endif autocomplete="off">
                        </div>
                    </div>
                @endif

            @endforeach
        </div>

        {{-- Repeat button if applicable --}}
        @if($firstField->repeat === 'Y')
            <button type="button" class="btn btn-success addNewSet" data-group-id="{{$groupId}}">Add New Set</button>
        @endif

    @endforeach

    <div class="row mb-5">
        <div class="col-lg-12">
            <button type="submit" class="btn btn-success btn-lg pull-right formSubmit">SUBMIT APPLICATION</button>
        </div>
    </div>
</form>