@extends('admin.admin_dashboard')
@section('admin')

<div class="page-content">
    <x-chm.layout.page :title="$workplan->title" :subtitle="$workplan->department->name.' · FY '.$workplan->financial_year" icon="bx bx-target-lock">
        <x-slot:breadcrumb>
            <x-chm.breadcrumb-item :href="route('planning.workplans.index')">Workplans</x-chm.breadcrumb-item>
            <x-chm.breadcrumb-item :active="true">{{ $workplan->financial_year }}</x-chm.breadcrumb-item>
        </x-slot:breadcrumb>

        <x-slot:actions>
            @can('update', $workplan)
                <x-chm.button variant="outline-primary" icon="bx bx-edit" :href="route('planning.workplans.edit', $workplan)">Edit</x-chm.button>
            @endcan
            @can('approve', $workplan)
                @if($workplan->status === \App\Enums\WorkplanStatus::Draft)
                    <form method="post" action="{{ route('planning.workplans.approve', $workplan) }}" class="d-inline">@csrf
                        <button class="btn btn-success"><i class="bx bx-check"></i> Approve</button>
                    </form>
                @endif
            @endcan
            @can('create', App\Models\FundsRequisition::class)
                <x-chm.button variant="primary" icon="bx bx-plus" :href="route('planning.requisitions.create', ['workplan_id' => $workplan->id, 'department_id' => $workplan->department_id])">New requisition</x-chm.button>
            @endcan
        </x-slot:actions>

        <div class="row row-cols-2 row-cols-md-5 g-3 mb-4">
            <x-chm.stat-card label="Status" :value="$workplan->status->label()" icon="bx bx-info-circle" color="primary" />
            <x-chm.stat-card label="Planned budget" :value="number_format($budgetSummary['planned'])" icon="bx bx-wallet" color="info" />
            <x-chm.stat-card label="Committed" :value="number_format($budgetSummary['committed'])" icon="bx bx-lock" color="warning" />
            <x-chm.stat-card label="Spent" :value="number_format($budgetSummary['actual'])" icon="bx bx-money" color="success" />
            <x-chm.stat-card label="Utilization" :value="$budgetSummary['utilization_pct'].'%'" icon="bx bx-trending-up" color="secondary" />
        </div>

        @can('update', $workplan)
            @include('admin.planning.workplans.partials.structure-forms')
        @endcan

        <x-chm.card title="Workplan hierarchy" class="mt-4">
            @forelse($workplan->strategicGoals as $kra)
                <div class="border rounded p-3 mb-3">
                    <h6 class="mb-1">{{ $kra->name }}</h6>
                    @if($kra->description)<p class="small text-muted mb-2">{{ $kra->description }}</p>@endif
                    @foreach($kra->objectives as $objective)
                        <div class="ms-3 mt-2">
                            <strong>{{ $objective->display_title }}</strong>
                            @foreach($objective->strategies as $strategy)
                                <div class="ms-3 small mt-1">
                                    <em>{{ $strategy->display_title }}</em>
                                    @foreach($strategy->activities as $activity)
                                        @include('admin.planning.workplans.partials.activity-node', ['activity' => $activity, 'workplan' => $workplan])
                                    @endforeach
                                </div>
                            @endforeach
                        </div>
                    @endforeach
                </div>
            @empty
                <x-chm.empty-state message="No key result areas yet. Add one below to build the hierarchy." />
            @endforelse
        </x-chm.card>
    </x-chm.layout.page>
</div>

@endsection