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

<div class="page-content">
    <x-chm.layout.page title="Workplans" subtitle="Department workplans & budget lines" icon="bx bx-target-lock">
        <x-slot:breadcrumb>
            <x-chm.breadcrumb-item :href="route('admin.dashboard')">Home</x-chm.breadcrumb-item>
            <x-chm.breadcrumb-item :href="route('planning.dashboard')">Planning</x-chm.breadcrumb-item>
            <x-chm.breadcrumb-item :active="true">Workplans</x-chm.breadcrumb-item>
        </x-slot:breadcrumb>

        <x-slot:actions>
            @can('create', App\Models\Workplan::class)
                <x-chm.button variant="primary" icon="bx bx-plus" :href="route('planning.workplans.create')">New workplan</x-chm.button>
            @endcan
        </x-slot:actions>

        <form method="get" class="row g-2 mb-3">
            <div class="col-md-3">
                <select name="department_id" class="form-select">
                    <option value="">All departments</option>
                    @foreach($departments as $dept)
                        <option value="{{ $dept->id }}" @selected(request('department_id') == $dept->id)>{{ $dept->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2">
                <input type="text" name="financial_year" class="form-control" placeholder="FY e.g. 2025/26" value="{{ request('financial_year') }}">
            </div>
            <div class="col-md-2">
                <select name="status" class="form-select">
                    <option value="">All statuses</option>
                    @foreach(\App\Enums\WorkplanStatus::cases() as $status)
                        <option value="{{ $status->value }}" @selected(request('status') === $status->value)>{{ $status->label() }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-auto">
                <button class="btn btn-primary">Filter</button>
            </div>
        </form>

        <x-chm.card>
            <div class="table-responsive">
                <table class="table align-middle mb-0">
                    <thead>
                        <tr>
                            <th>Title</th>
                            <th>Department</th>
                            <th>FY</th>
                            <th>Status</th>
                            <th>Created</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($workplans as $wp)
                            <tr>
                                <td><a href="{{ route('planning.workplans.show', $wp) }}">{{ $wp->title }}</a></td>
                                <td>{{ $wp->department->name ?? '—' }}</td>
                                <td>{{ $wp->financial_year }}</td>
                                <td><span class="badge bg-light text-dark border">{{ $wp->status->label() }}</span></td>
                                <td>{{ $wp->created_at?->format('d M Y') }}</td>
                                <td class="text-end">
                                    <a href="{{ route('planning.workplans.show', $wp) }}" class="btn btn-sm btn-outline-primary">Open</a>
                                </td>
                            </tr>
                        @empty
                            <tr><td colspan="6"><x-chm.empty-state message="No workplans found." /></td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            <div class="mt-3">{{ $workplans->links() }}</div>
        </x-chm.card>
    </x-chm.layout.page>
</div>

@endsection