@props(['item' => new \App\Models\Item()])

<div class="card mt-4">
    <div class="card-header d-flex">
        <h3 class="fw-bold w-100 mt-4">{{ $alphabet[$alphabetIndex] }}. {{ $formSection->section_name }}</h3>
    </div>
    <div class="col-md-12 mt-4">
        <div class="card-body">
            @foreach ($formSection->formSubSections->sortBy('order_index') ?? [] as $formSubSection)
                @php
                    if ($formSubSection->formDetails->count() == 0 && !($formSubSection->section_name == 'Service Classification' || $formSubSection->section_name == 'Product Classification')) {
                        continue;
                    }
                @endphp
                <div class="card mb-5">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <h6 class="mb-0">{{ $formSubSection->section_name }}</h6>
                    </div>

                    <div class="card-body">
                        @if ($formSubSection->section_name == 'Service Classification' || $formSubSection->section_name == 'Product Classification')
                            <div class="row">
                                <label class="col-lg-3 col-form-label fw-semibold fs-6 text-gray-600">Category</label>
                                <div class="col-lg-8">
                                    <p class="form-control form-control-transparent mb-0">
                                        {{ $application->product_group->parent->parent->name }}</p>
                                </div>
                            </div>
                            <div class="row">
                                <label class="col-lg-3 col-form-label fw-semibold fs-6 text-gray-600">Sub Category</label>
                                <div class="col-lg-8">
                                    <p class="form-control form-control-transparent mb-0">
                                        {{ $application->product_group->parent->name }}</p>
                                </div>
                            </div>
                            <div class="row">
                                <label class="col-lg-3 col-form-label fw-semibold fs-6 text-gray-600">Product Group</label>
                                <div class="col-lg-8">
                                    <p class="form-control form-control-transparent mb-0">
                                        {{ $application->product_group->name }}</p>
                                </div>
                            </div>
                        @else
                            @foreach ($formSubSection->formDetails->where('is_deprecated', false)->sortBy('order_index') as $formDetail)
                                @if (View::exists('pages.apps.evaluation.form-input.input.' . $formDetail->input_type))
                                    @include('pages.apps.evaluation.form-input.input.' . $formDetail->input_type)
                                @elseif ($formDetail->input_type == 'image')
                                    {{-- Do Nothing --}}
                                @else
                                    @include('pages.apps.evaluation.form-input.input.common')
                                @endif
                            @endforeach
                        @endif
                    </div>
                    @php
                        $evaluatorReview = $evaluator_reviews->where(
                            'type',
                            $item->id . '_section_' . $formSubSection->id,
                        )
                        ->first();
                    @endphp
                    <div class="bg-light text-success p-8">
                        <div class="row">
                            <label class="col-lg-3 col-form-label fw-semibold fs-6 text-success">Evaluator Review</label>
                            <div class="col-lg-8">
                                <p class="form-control form-control-transparent mb-0 text-success">
                                    <span id="is_comply">
                                        {{ $evaluatorReview?->is_comply == 1 ? 'Comply' : 'Not Comply' }}
                                    </span>
                                </p>
                            </div>
                            <div class="row">
                                <label class="col-lg-3 col-form-label fw-semibold fs-6 text-success">Comply Remarks</label>
                                <div class="col-lg-8">
                                    <p class="form-control form-control-transparent mb-0 text-success">
                                        <span id="remarks">{{ $evaluatorReview?->remarks ?? '-' }}</span>
                                    </p>
                                </div>
                            </div>
                            <div class="row">
                                <label class="col-lg-3 col-form-label fw-semibold fs-6 text-success">
                                    {{ $formSubSection->section_name }} Notes
                                </label>
                                <div class="col-lg-8">
                                    <p class="form-control form-control-transparent mb-0 text-success">
                                        <span id="notes">{{ $evaluatorReview?->notes ?? '-' }}</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                @php
                    $plReview = null;
                    if ($application_section && $application_section->review) {
                        $plReview = $application_section->review
                            ->where(
                                'type',
                                $item->id . '_section_' . $formSubSection->id,
                            )
                            ->first();
                    }
                @endphp
                <div class="card">
                    <div class="card-header bg-light-success d-flex">
                        <h5 class="fw-bold w-100 mt-4">Project Leader Review</h5>
                    </div>
                    <div class="card-body">
                        <div class="mt-2 mb-4">
                            <label class="form-label text-muted">
                                Review Status
                            </label>
                            <div class="d-flex align-items-center gap-2">
                                <span id="is_comply" class="{{ $plReview?->is_comply == 1 ? 'text-success' : 'text-danger' }}">
                                    {{ $plReview?->is_comply == 1 ? 'Comply' : 'Not Comply' }}
                                </span>
                            </div>
                        </div>

                        <div class="mb-3">
                            <label id="plReview_remarksLabel" class="form-label text-muted">
                                {{ 'Remarks' }}
                            </label>
                            <div class="d-flex align-items-center gap-2">
                                <span id="remarks">{{ $plReview->remarks ?? '' }}</span>
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
</div>