@php
    $canEdit = false;
    $canEditDeclined = false;
    $lastReturnRemark = $lastReturnRemark ?? null;
    $workflowHistory = $workflowHistory ?? [];
    $departmentNames = ($departmentNames ?? null) instanceof \Illuminate\Support\Collection ? $departmentNames : collect();
    $allSchemes = $plan->latestVersion?->schemes ?? collect();
    $declinedSchemes = ($declinedSchemes ?? null) instanceof \Illuminate\Support\Collection ? $declinedSchemes : $allSchemes->filter(fn ($s) => filled($s->rd_rejected_at ?? null))->values();
    $planMeta = $planMeta ?? [
        'region_label' => plan_region_label_for_plan($plan),
        'created_by_display' => $plan->creator->name ?? '—',
        'consolidated_by_label' => $plan->consolidatedSourcePlanIds() !== [] ? ($plan->creator->name ?? '—') : '—',
        'plan_type_label' => match ($plan->plan_type ?? '') {
            'RVP' => 'Regular Visit Plan (RVP)',
            'CVP' => 'Compliance Visit Plan (CVP)',
            'SVP' => 'Special Visit Plan (SVP)',
            'DRP' => 'Desk Review Plan (DRP)',
            'ERP' => 'Evaluation Plan (ERP)',
            'PMP' => 'Project Monitoring Plan (PMP)',
            default => $plan->plan_type ?? 'Plan',
        },
    ];
    $periodLabel = \Carbon\Carbon::create()->month((int) $plan->month)->format('F').' '.$plan->year;
    $accordionDomId = 'reportPlanSchemesAccordion-'.$plan->id;
    $schemeNameColorClassByProjectId = is_array($schemeNameColorClassByProjectId ?? null)
        ? $schemeNameColorClassByProjectId
        : [];
@endphp

<div class="plan-details-modal">
    <div class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-end mb-4 pb-3 border-bottom">
        <div>
            <span class="badge badge-primary mb-2">{{ $planMeta['plan_type_label'] }}</span>
            <span class="text-muted small ml-2">Plan ID: #{{ $plan->id }}</span>
            <h5 class="mt-2 mb-1 font-weight-bold">Visit Report Details</h5>
            <div class="small text-muted">
                <i class="fas fa-calendar-alt mr-1"></i>{{ $periodLabel }}
            </div>
        </div>
        <div class="mt-2 mt-md-0 d-flex flex-wrap align-items-center plan-details-action-buttons">
            <button type="button" class="btn btn-primary btn-sm" id="report-scheme-generate-btn">
                <i class="fas fa-file-alt mr-1"></i>Generate Report
            </button>
        </div>
    </div>

    <div class="card border mb-4 plan-detail-meta-card">
        <div class="card-body py-3">
            <div class="row small">
                <div class="col-6 col-md-3 mb-2 mb-md-0">
                    <span class="text-muted text-uppercase font-weight-bold d-block" style="font-size: 0.65rem; letter-spacing: 0.04em;">Created by</span>
                    <span class="font-weight-bold">{{ $planMeta['created_by_display'] }}</span>
                </div>
                <div class="col-6 col-md-3 mb-2 mb-md-0">
                    <span class="text-muted text-uppercase font-weight-bold d-block" style="font-size: 0.65rem; letter-spacing: 0.04em;">Consolidated by</span>
                    <span class="font-weight-bold">{{ $planMeta['consolidated_by_label'] }}</span>
                </div>
                <div class="col-6 col-md-3 mb-2 mb-md-0">
                    <span class="text-muted text-uppercase font-weight-bold d-block" style="font-size: 0.65rem; letter-spacing: 0.04em;">Division</span>
                    <span class="font-weight-bold">{{ $planMeta['region_label'] }}</span>
                </div>
                <div class="col-6 col-md-3 mb-2 mb-md-0">
                    <span class="text-muted text-uppercase font-weight-bold d-block" style="font-size: 0.65rem; letter-spacing: 0.04em;">Plan type</span>
                    <span class="font-weight-bold">{{ $plan->plan_type ?? '—' }}</span>
                </div>
            </div>
        </div>
    </div>

    @if($plan->status === 'rejected')
        @php
            $lastDeclineEntry = collect($workflowHistory)->where('action', 'rejected')->last();
            $declineReason = $lastReturnRemark ?? ($lastDeclineEntry['remarks'] ?? '');
        @endphp
        <div class="alert plan-rejected-alert mb-3" role="alert">
            <div class="d-flex align-items-start">
                <span class="plan-rejected-icon mr-2"><i class="fas fa-times"></i></span>
                <div>
                    <h6 class="alert-heading font-weight-bold text-danger mb-1">Plan declined</h6>
                    <p class="mb-0 small">{{ plan_declined_status_label($plan) }}</p>
                    <p class="mb-0 small">Reason: {{ $declineReason !== '' ? $declineReason : '—' }}</p>
                </div>
            </div>
        </div>
    @elseif($plan->status === 'returned')
        @php
            $lastReturnEntry = collect($workflowHistory)->where('action', 'returned')->last();
            $returnReason = $lastReturnRemark ?? ($lastReturnEntry['remarks'] ?? '');
            $rdSchemeFlaggedCount = $declinedSchemes->count();
        @endphp
        <div class="alert plan-rejected-alert mb-3" role="alert">
            <div class="d-flex align-items-start">
                <span class="plan-rejected-icon mr-2"><i class="fas fa-undo"></i></span>
                <div>
                    <h6 class="alert-heading font-weight-bold text-warning mb-1">Plan returned</h6>
                    <p class="mb-0 small">{{ plan_returned_status_label($plan) }}</p>
                    <p class="mb-0 small">Reason: {{ $returnReason !== '' ? $returnReason : '—' }}</p>
                    @if($rdSchemeFlaggedCount > 0)
                        <p class="mb-0 small mt-2"><strong>{{ $rdSchemeFlaggedCount }}</strong> scheme(s) were flagged individually for revision (see each scheme below).</p>
                    @endif
                </div>
            </div>
        </div>
    @endif

    @if(! empty($workflowHistory))
        <div class="card plan-history-card mb-3">
            <div class="card-body">
                <h6 class="font-weight-bold mb-3">Plan History</h6>
                <ul class="list-unstyled plan-workflow-timeline mb-0">
                    @foreach($workflowHistory as $idx => $entry)
                        @php
                            $actionLabel = match ($entry['action']) {
                                'submitted' => 'Submitted',
                                'forwarded' => 'Forwarded',
                                'returned' => 'Returned',
                                'approved' => 'Approved',
                                'rejected' => 'Declined',
                                default => ucfirst($entry['action']),
                            };
                            $timestamp = $entry['action_date']->format('d M Y').' • '.$entry['action_date']->format('H:i');
                            $isLast = $idx === count($workflowHistory) - 1;
                        @endphp
                        <li class="plan-history-item {{ $isLast ? '' : 'plan-history-item-connector' }}">
                            <div class="d-flex">
                                <span class="plan-history-bullet flex-shrink-0"></span>
                                <div class="plan-history-content">
                                    <div class="font-weight-bold">{{ $actionLabel }}</div>
                                    <div class="small text-muted">{{ $entry['routing_line'] ?? (($entry['from_user_label'] ?? $entry['from_user_name']).' → '.($entry['to_user_label'] ?? $entry['to_user_name'])) }}</div>
                                    <div class="small text-muted">{{ $timestamp }}</div>
                                    @if(filled($entry['remarks'] ?? null))
                                        <div class="small mt-1">
                                            <span class="text-muted font-weight-bold">Note:</span>
                                            <span>{!! nl2br(e((string) $entry['remarks'])) !!}</span>
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </li>
                    @endforeach
                </ul>
            </div>
        </div>
    @endif

    @php
        $planSchemesOrdered = $allSchemes->values();
    @endphp

    <h6 class="text-uppercase text-muted small font-weight-bold mb-3">Plan schemes ({{ $planSchemesOrdered->count() }})</h6>

    @if($planSchemesOrdered->isEmpty())
        <p class="text-muted mb-0">No schemes in this plan.</p>
    @else
        <div class="accordion" id="{{ $accordionDomId }}">
            @foreach($planSchemesOrdered as $idx => $scheme)
                @php
                    $schemeNameToneClass = trim((string) ($schemeNameColorClassByProjectId[(int) ($scheme->scheme_id ?? 0)] ?? ''));
                    $isDeclined = filled($scheme->rd_rejected_at ?? null);
                    $p = $projectsMap->get($scheme->scheme_id);
                    $schemeCode = $p ? ($p->code ?? '') : '';
                    $schemeName = $p ? ($p->name ?? '') : '';
                    $deptLabel = ($p && filled($p->department_id)) ? ($departmentNames->get((int) $p->department_id) ?? '—') : '—';
                    $visitTeamNames = $scheme->visitingTeams->map(fn ($t) => $t->user->name ?? '')->filter()->values()->implode(', ');
                    $additionalDates = $scheme->dates->map(fn ($d) => $d->visit_date?->format('d-m-Y'))->filter()->values();
                    $physical = $scheme->physical_progress !== null ? (float) $scheme->physical_progress : null;
                    $financial = $scheme->financial_progress !== null ? (float) $scheme->financial_progress : null;
                    $effectiveMoId = $scheme->effectiveMonitoringOfficerUserId($plan);
                    $monitoringOfficerDisplay = '—';
                    if ($effectiveMoId > 0) {
                        if ((int) ($scheme->monitoring_officer_id ?? 0) > 0 && $scheme->monitoringOfficer) {
                            $monitoringOfficerDisplay = $scheme->monitoringOfficer->name ?? '—';
                        } elseif ((int) ($plan->created_by ?? 0) === $effectiveMoId && $plan->creator) {
                            $monitoringOfficerDisplay = $plan->creator->name ?? '—';
                        } else {
                            $monitoringOfficerDisplay = optional(\App\Models\PC\User::find($effectiveMoId))->name ?? ('User #'.$effectiveMoId);
                        }
                    }
                    $isFirst = $idx === 0;
                    $collapseDomId = 'report-scheme-collapse-'.$plan->id.'-'.(int) ($scheme->id ?? 0).'-'.$idx;
                    $headingDomId = 'report-scheme-heading-'.$plan->id.'-'.$idx;
                @endphp

                @if($isDeclined)
                    <div class="card mb-2 border-warning shadow-sm" data-report-plan-scheme-id="{{ $scheme->id }}">
                        <div class="card-header p-3 {{ $isFirst ? '' : 'collapsed' }}" role="button" data-toggle="collapse" data-target="#{{ $collapseDomId }}" aria-expanded="{{ $isFirst ? 'true' : 'false' }}" aria-controls="{{ $collapseDomId }}" id="{{ $headingDomId }}">
                            <div class="d-flex justify-content-between align-items-start flex-wrap">
                                <div class="min-w-0 text-left">
                                    <div class="d-flex flex-wrap align-items-center mb-1" style="gap: 0.35rem;">
                                        <span class="badge badge-warning text-dark">Declined</span>
                                        <span class="badge badge-light border small font-weight-normal text-muted">Pending correction</span>
                                        @if(filled($scheme->mo_assignment_banner ?? null))
                                            <span class="badge badge-info" title="{{ e(\Illuminate\Support\Str::limit((string) $scheme->mo_assignment_banner, 220)) }}">MO reassigned</span>
                                        @endif
                                    </div>
                                    <span class="text-primary small font-weight-bold">Scheme {{ str_pad((string) ($idx + 1), 2, '0', STR_PAD_LEFT) }}</span>
                                    <h6 class="mb-0 font-weight-bold">{{ $schemeCode ?: 'Scheme #'.($idx + 1) }}</h6>
                                    <p class="mb-0 small scheme-name-display {{ $schemeNameToneClass !== '' ? $schemeNameToneClass : 'text-muted' }}">{{ $schemeName }}</p>
                                    @if($p)
                                        <div class="row small mt-2 gx-2 scheme-report-profile-strip">
                                            <div class="col-6 col-md-4 mb-1">
                                                <span class="text-muted text-uppercase d-block font-weight-bold" style="font-size: 0.6rem; letter-spacing: 0.04em;">ADP #</span>
                                                <span class="font-weight-bold">{{ ($adpLabel = \App\Support\MecReportAdpFiscalYear::displayForUnsavedPlan($plan ?? null, $p)) !== '' ? $adpLabel : '—' }}</span>
                                            </div>
                                            <div class="col-6 col-md-4 mb-1">
                                                <span class="text-muted text-uppercase d-block font-weight-bold" style="font-size: 0.6rem; letter-spacing: 0.04em;">UID</span>
                                                <span class="font-weight-bold text-monospace">{{ $schemeCode !== '' ? $schemeCode : '—' }}</span>
                                            </div>
                                            <div class="col-12 col-md-4 mb-1">
                                                <span class="text-muted text-uppercase d-block font-weight-bold" style="font-size: 0.6rem; letter-spacing: 0.04em;">Department</span>
                                                <span class="font-weight-bold">{{ $deptLabel }}</span>
                                            </div>
                                        </div>
                                    @endif
                                    @if(filled($scheme->rd_rejection_remarks ?? null))
                                        <p class="mb-0 small text-danger mt-2"><strong>Reason:</strong> {{ \Illuminate\Support\Str::limit((string) $scheme->rd_rejection_remarks, 160) }}</p>
                                    @endif
                                </div>
                                <div class="ml-auto d-flex align-items-center">
                                    @if(! $isFirst && ($physical !== null || $financial !== null))
                                        <span class="small text-muted mr-2">
                                            @if($physical !== null){{ $physical }}% Physical @endif
                                            @if($physical !== null && $financial !== null) · @endif
                                            @if($financial !== null){{ $financial }}% Financial @endif
                                        </span>
                                    @endif
                                    <i class="fas fa-chevron-down collapse-icon"></i>
                                </div>
                            </div>
                        </div>
                        <div id="{{ $collapseDomId }}" class="collapse {{ $isFirst ? 'show' : '' }}" aria-labelledby="{{ $headingDomId }}" data-parent="#{{ $accordionDomId }}">
                            <div class="card-body small text-left">
                                @if(filled($scheme->rd_rejection_remarks ?? null))
                                    <p class="mb-2"><strong>RD note:</strong> {{ $scheme->rd_rejection_remarks }}</p>
                                @endif
                                <label class="small text-uppercase text-muted font-weight-bold d-block">Visit Location</label>
                                <p class="mb-3">{{ $scheme->visit_location ?: '—' }}</p>
                                <label class="small text-uppercase text-muted font-weight-bold d-block">Monitoring Officer</label>
                                <p class="mb-3 mb-md-0">{{ $monitoringOfficerDisplay }}</p>
                                @if($scheme->visit_date)
                                    <div class="small text-muted">
                                        <strong>Visit Date:</strong> {{ $scheme->visit_date->format('d M Y') }}
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                @else
                    <div class="card mb-2" data-report-plan-scheme-id="{{ $scheme->id }}">
                        <div class="card-header p-3 {{ $isFirst ? '' : 'collapsed' }}" role="button" data-toggle="collapse" data-target="#{{ $collapseDomId }}" aria-expanded="{{ $isFirst ? 'true' : 'false' }}" aria-controls="{{ $collapseDomId }}" id="{{ $headingDomId }}">
                            <div class="d-flex justify-content-between align-items-start flex-wrap">
                                <div class="text-left">
                                    <div class="d-flex flex-wrap align-items-center mb-1" style="gap: 0.35rem;">
                                        <span class="text-primary small font-weight-bold">Scheme {{ str_pad((string) ($idx + 1), 2, '0', STR_PAD_LEFT) }}</span>
                                        @if(filled($scheme->mo_assignment_banner ?? null))
                                            <span class="badge badge-info" title="{{ e(\Illuminate\Support\Str::limit((string) $scheme->mo_assignment_banner, 220)) }}">MO reassigned</span>
                                        @endif
                                    </div>
                                    <h6 class="mb-0 font-weight-bold">{{ $schemeCode ?: 'Scheme #'.($idx + 1) }}</h6>
                                    <p class="mb-0 small scheme-name-display {{ $schemeNameToneClass !== '' ? $schemeNameToneClass : 'text-muted' }}">{{ $schemeName }}</p>
                                    @if($p)
                                        <div class="row small mt-2 gx-2 scheme-report-profile-strip">
                                            <div class="col-6 col-md-4 mb-1">
                                                <span class="text-muted text-uppercase d-block font-weight-bold" style="font-size: 0.6rem; letter-spacing: 0.04em;">ADP #</span>
                                                <span class="font-weight-bold">{{ ($adpLabel = \App\Support\MecReportAdpFiscalYear::displayForUnsavedPlan($plan ?? null, $p)) !== '' ? $adpLabel : '—' }}</span>
                                            </div>
                                            <div class="col-6 col-md-4 mb-1">
                                                <span class="text-muted text-uppercase d-block font-weight-bold" style="font-size: 0.6rem; letter-spacing: 0.04em;">UID</span>
                                                <span class="font-weight-bold text-monospace">{{ $schemeCode !== '' ? $schemeCode : '—' }}</span>
                                            </div>
                                            <div class="col-12 col-md-4 mb-1">
                                                <span class="text-muted text-uppercase d-block font-weight-bold" style="font-size: 0.6rem; letter-spacing: 0.04em;">Department</span>
                                                <span class="font-weight-bold">{{ $deptLabel }}</span>
                                            </div>
                                        </div>
                                    @endif
                                </div>
                                <div class="ml-auto d-flex align-items-center">
                                    @if(! $isFirst && ($physical !== null || $financial !== null))
                                        <span class="small text-muted mr-2">
                                            @if($physical !== null){{ $physical }}% Physical @endif
                                            @if($physical !== null && $financial !== null) · @endif
                                            @if($financial !== null){{ $financial }}% Financial @endif
                                        </span>
                                    @endif
                                    <i class="fas fa-chevron-down collapse-icon"></i>
                                </div>
                            </div>
                        </div>
                        <div id="{{ $collapseDomId }}" class="collapse {{ $isFirst ? 'show' : '' }}" aria-labelledby="{{ $headingDomId }}" data-parent="#{{ $accordionDomId }}">
                            <div class="card-body text-left">
                                @if($p && (filled($p->estimated_amount) || filled($p->approved_amount)))
                                    <div class="row small mb-3 pb-3 border-bottom">
                                        @if(filled($p->estimated_amount))
                                            <div class="col-md-6 mb-2 mb-md-0">
                                                <span class="text-muted text-uppercase font-weight-bold d-block" style="font-size: 0.65rem;">Estimated amount</span>
                                                <span class="font-weight-bold">{{ number_format((float) $p->estimated_amount, 2) }}</span>
                                            </div>
                                        @endif
                                        @if(filled($p->approved_amount))
                                            <div class="col-md-6">
                                                <span class="text-muted text-uppercase font-weight-bold d-block" style="font-size: 0.65rem;">Approved amount</span>
                                                <span class="font-weight-bold">{{ number_format((float) $p->approved_amount, 2) }}</span>
                                            </div>
                                        @endif
                                    </div>
                                @endif
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label class="small text-uppercase text-muted font-weight-bold d-block">Visit Location</label>
                                            <p class="mb-0">{{ $scheme->visit_location ?: '—' }}</p>
                                        </div>
                                        <div class="mb-3">
                                            <label class="small text-uppercase text-muted font-weight-bold d-block">Visiting Team</label>
                                            <p class="mb-0 small">{{ $visitTeamNames ?: '—' }}</p>
                                        </div>
                                        <div class="mb-3 mb-md-0">
                                            <label class="small text-uppercase text-muted font-weight-bold d-block">Monitoring Officer</label>
                                            <p class="mb-0">{{ $monitoringOfficerDisplay }}</p>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        @if($physical !== null || $financial !== null)
                                            <div class="mb-3">
                                                @if($physical !== null)
                                                    <div class="mb-2">
                                                        <div class="d-flex justify-content-between small mb-1">
                                                            <span class="text-muted font-weight-bold">Physical</span>
                                                            <span class="text-success font-weight-bold">{{ $physical }}%</span>
                                                        </div>
                                                        <div class="progress" style="height: 8px;">
                                                            <div class="progress-bar bg-success" role="progressbar" style="width: {{ min(100, $physical) }}%"></div>
                                                        </div>
                                                    </div>
                                                @endif
                                                @if($financial !== null)
                                                    <div>
                                                        <div class="d-flex justify-content-between small mb-1">
                                                            <span class="text-muted font-weight-bold">Financial</span>
                                                            <span class="text-primary font-weight-bold">{{ $financial }}%</span>
                                                        </div>
                                                        <div class="progress" style="height: 8px;">
                                                            <div class="progress-bar bg-primary" role="progressbar" style="width: {{ min(100, $financial) }}%"></div>
                                                        </div>
                                                    </div>
                                                @endif
                                            </div>
                                        @endif
                                    </div>
                                    <div class="col-md-3">
                                        @if($additionalDates->isNotEmpty())
                                            <div class="border rounded p-2 bg-light">
                                                <label class="small text-uppercase text-muted font-weight-bold d-block mb-2">Additional Dates</label>
                                                @foreach($additionalDates as $dt)
                                                    <div class="small">{{ $dt }}</div>
                                                @endforeach
                                            </div>
                                        @endif
                                    </div>
                                </div>
                                @if($scheme->visit_date)
                                    <div class="small text-muted mt-2">
                                        <strong>Visit Date:</strong> {{ $scheme->visit_date->format('d M Y') }}
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                @endif
            @endforeach
        </div>
    @endif
</div>

<style>
.plan-details-action-buttons { gap: 1rem; }
.plan-details-action-buttons .btn { margin-bottom: 0.25rem; }
.plan-details-modal .card-header[data-toggle="collapse"] { cursor: pointer; }
.plan-details-modal .card-header .collapse-icon { transition: transform 0.2s; }
.plan-details-modal .card-header:not(.collapsed) .collapse-icon { transform: rotate(180deg); }

.plan-rejected-alert {
    background-color: #fdf2f2;
    border: 1px solid #fecaca;
    border-left: 4px solid #dc3545;
    border-radius: 4px;
    color: #1f2937;
}
.plan-rejected-icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #dc3545;
    color: #dc3545;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

.plan-history-card {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
}
.plan-workflow-timeline {
    padding-left: 0;
}
.plan-history-item {
    position: relative;
    padding-bottom: 1rem;
}
.plan-history-item:last-child {
    padding-bottom: 0;
}
.plan-history-item-connector::before {
    content: '';
    position: absolute;
    left: 5px;
    top: 14px;
    bottom: 0;
    width: 1px;
    background: #d1d5db;
}
.plan-history-bullet {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #9ca3af;
    margin-top: 5px;
    margin-right: 12px;
}
.plan-history-content {
    flex: 1;
}
.plan-history-content .font-weight-bold {
    margin-bottom: 2px;
}
.plan-history-content .small:last-child {
    margin-top: 2px;
}

.plan-details-modal .scheme-name-display.pms-scheme-name--approved-plan {
    color: #0d6efd !important;
    font-weight: 600;
}
.plan-details-modal .scheme-name-display.pms-scheme-name--report-sat {
    color: #198754 !important;
    font-weight: 600;
}
.plan-details-modal .scheme-name-display.pms-scheme-name--report-unsat {
    color: #b55555 !important;
    font-weight: 600;
}
body.dark-mode .plan-details-modal .scheme-name-display.pms-scheme-name--approved-plan {
    color: #6ea8fe !important;
}
body.dark-mode .plan-details-modal .scheme-name-display.pms-scheme-name--report-sat {
    color: #75b798 !important;
}
body.dark-mode .plan-details-modal .scheme-name-display.pms-scheme-name--report-unsat {
    color: #e08a8a !important;
}
</style>