@extends('layouts.app')
@section('title', 'Borang Senarai Semak')
@section('heading', 'Serahan')
@section('page-title', 'Borang Senarai Semak')
@section('subtitle', $submission->dataCentre->nama_pusat_data.' • Pelaporan '.$submission->reportingCycle->reporting_year)

@section('actions')
    <a href="{{ route('submissions.show', $submission) }}" class="btn btn-link">Lihat Ringkasan</a>
@endsection

@section('content')
@if (!$submission->isEditableByConsultant())
    <div class="alert alert-warning"><i class="bi bi-lock me-1"></i> Serahan ini telah dikunci / selesai dan tidak boleh diubah.</div>
@endif

@if ($submission->correctionRequests->where('status','!=','selesai')->count())
    <div class="alert alert-warning">
        <strong><i class="bi bi-pencil-square me-1"></i> Permohonan pembetulan daripada JPP:</strong>
        <ul class="mb-0 mt-1">
        @foreach ($submission->correctionRequests->where('status','!=','selesai') as $cr)
            <li>[m/s {{ $cr->page_reference }}] <strong>{{ $cr->location }}</strong> — {{ $cr->description }}
                <a href="{{ route('submissions.show', $submission) }}#pembetulan" class="small">jawab di sini</a></li>
        @endforeach
        </ul>
    </div>
@endif

<div class="row g-3">
    <div class="col-lg-8">
        <form method="POST" action="{{ route('submissions.update', $submission) }}" id="checklistForm">
            @csrf @method('PUT')

            @forelse ($template->sections as $section)
            <div class="card mb-3">
                <div class="card-header checklist-section-header"><span class="badge bg-success me-1">{{ $section->code }}</span> <strong>{{ $section->title }}</strong></div>
                <div class="card-body">
                    @if($section->description)<p class="small text-muted">{{ $section->description }}</p>@endif

                    @php($renderItem = function($item) use ($answers) {
                        return [$item, $answers[$item->id] ?? null];
                    })

                    {{-- Item terus di bawah seksyen (tanpa skop) --}}
                    @foreach ($section->items->whereNull('checklist_scope_id') as $item)
                        @include('submissions._item_field', ['item' => $item, 'answer' => $answers[$item->id] ?? null, 'editable' => $submission->isEditableByConsultant()])
                    @endforeach

                    {{-- Item dikumpul mengikut skop --}}
                    @foreach ($section->scopes as $scope)
                        <div class="border-start border-3 ps-3 mb-3">
                            <h6 class="mt-2"><span class="badge bg-secondary">{{ $scope->code }}</span> {{ $scope->title }}</h6>
                            @if($scope->description)<p class="small text-muted">{{ $scope->description }}</p>@endif
                            @foreach ($scope->items as $item)
                                @include('submissions._item_field', ['item' => $item, 'answer' => $answers[$item->id] ?? null, 'editable' => $submission->isEditableByConsultant()])
                            @endforeach
                        </div>
                    @endforeach
                </div>
            </div>
            @empty
                <div class="alert alert-info">Templat senarai semak tidak mempunyai seksyen.</div>
            @endforelse

            @if ($submission->isEditableByConsultant())
            <div class="d-flex gap-2 mb-4">
                <button type="submit" class="btn btn-outline-primary"><i class="bi bi-save me-1"></i> Simpan Draf</button>
                <button type="submit" formaction="{{ route('submissions.submit', $submission) }}" class="btn btn-success" data-confirm="Hantar serahan secara muktamad kepada JPP?"><i class="bi bi-send me-1"></i> Hantar Serahan</button>
            </div>
            @endif
        </form>
    </div>

    <div class="col-lg-4">
        @include('submissions._documents_panel', ['submission' => $submission])
        @include('submissions._results_panel', ['submission' => $submission])
    </div>
</div>
@endsection