@extends('adminlte::page')

@section('title', 'Project Management')

@include('partials.ui-polish')

@php
    $currentSection = $sections[$section] ?? $sections['dashboard'];
    $money = fn ($value) => number_format((float) $value, 0);
    $badgeThemes = [
        'Active' => 'success',
        'Planning' => 'warning',
        'Planned' => 'secondary',
        'Scheduled' => 'primary',
        'On Track' => 'success',
        'Watch' => 'warning',
        'In Progress' => 'info',
        'Due Soon' => 'warning',
        'Open' => 'danger',
        'Monitoring' => 'warning',
        'Recorded' => 'info',
        'Draft' => 'secondary',
        'In Review' => 'primary',
        'On Hold' => 'warning',
        'Completed' => 'success',
        'Closed' => 'dark',
        'Cancelled' => 'danger',
    ];
    $badge = fn ($status) => $badgeThemes[$status] ?? 'secondary';
    $projectStatuses = ['Planning', 'Active', 'On Hold', 'Completed', 'Closed'];
    $activityStatuses = ['Planned', 'Scheduled', 'Active', 'In Progress', 'Completed', 'On Hold', 'Cancelled'];
    $donorStatuses = ['Planning', 'Active', 'On Hold', 'Completed', 'Closed'];
    $workPlanStatuses = ['Planning', 'Planned', 'On Track', 'Watch', 'In Progress', 'Completed', 'On Hold', 'Cancelled'];
    $editableProjects = $projects->filter(fn ($project) => ! empty($project['id']));
    $editableDonors = $donors->filter(fn ($donor) => ! empty($donor['id']));
    $editableBudgets = $budgets->filter(fn ($budget) => ! empty($budget['id']));
    $editableWorkPlans = $workPlans->filter(fn ($plan) => ! empty($plan['id']));
    $editableActivities = $activities->filter(fn ($activity) => ! empty($activity['id']));
@endphp

@section('content_header')
    <div class="d-flex align-items-center justify-content-between flex-wrap">
        <div>
            <h1 class="m-0">Project Management</h1>
            <span class="text-muted">{{ $currentSection['label'] }} for projects, donors, budgets, activities, M&E, and reports</span>
        </div>
        <div class="module-actions mt-2 mt-sm-0">
            @can('projects.manage')
                @if($section === 'projects')
                    <button type="button" class="btn btn-success btn-sm" data-toggle="collapse" data-target="#project-create-panel">
                        <i class="fas fa-plus mr-1"></i> Add Project
                    </button>
                @elseif($section === 'donors')
                    <button type="button" class="btn btn-success btn-sm" data-toggle="collapse" data-target="#donor-create-panel">
                        <i class="fas fa-plus mr-1"></i> Add Donor
                    </button>
                @elseif($section === 'budgets')
                    <button type="button" class="btn btn-success btn-sm" data-toggle="collapse" data-target="#budget-create-panel">
                        <i class="fas fa-plus mr-1"></i> Add Budget Line
                    </button>
                @elseif($section === 'work-plans')
                    <button type="button" class="btn btn-success btn-sm" data-toggle="collapse" data-target="#work-plan-create-panel">
                        <i class="fas fa-plus mr-1"></i> Add Work Plan
                    </button>
                @elseif($section === 'activities')
                    <button type="button" class="btn btn-success btn-sm" data-toggle="collapse" data-target="#activity-create-panel">
                        <i class="fas fa-plus mr-1"></i> Add Activity
                    </button>
                @endif
            @endcan
            <a href="{{ route('projects.index', ['section' => 'projects']) }}" class="btn btn-outline-primary btn-sm">
                <i class="fas fa-project-diagram mr-1"></i> Projects
            </a>
            <a href="{{ route('projects.index', ['section' => 'financial-reports']) }}" class="btn btn-outline-success btn-sm">
                <i class="fas fa-chart-line mr-1"></i> Financial Reports
            </a>
            <a href="{{ route('projects.index', ['section' => 'project-reports']) }}" class="btn btn-primary btn-sm">
                <i class="fas fa-file-alt mr-1"></i> Project Reports
            </a>
        </div>
    </div>
@stop

@section('content')
    @push('css')
        <style>
            .project-nav {
                display: flex;
                gap: .5rem;
                overflow-x: auto;
                padding-bottom: .75rem;
                margin-bottom: 1rem;
            }

            .project-nav .btn {
                border-radius: 999px;
                flex: 0 0 auto;
                font-weight: 600;
            }

            .project-overview-card {
                border-left: 4px solid #007bff;
            }

            .project-progress {
                min-width: 140px;
            }

            .project-progress .progress {
                height: .5rem;
                border-radius: 999px;
                background: #e8edf4;
            }

            .section-empty {
                color: #6b778c;
                padding: 3rem 1rem;
                text-align: center;
            }

            .project-manage-card .form-group label {
                color: #4b5b73;
                font-size: .78rem;
                font-weight: 700;
                text-transform: uppercase;
            }

            .project-actions-cell {
                min-width: 92px;
            }

            @media (max-width: 767.98px) {
                .content-header .module-actions {
                    justify-content: flex-start;
                    width: 100%;
                }
            }
        </style>
    @endpush

    @if(session('status'))
        <x-adminlte-alert theme="success" title="Done" dismissable>
            {{ session('status') }}
        </x-adminlte-alert>
    @endif

    @if($errors->any())
        <x-adminlte-alert theme="danger" title="Please check the form" dismissable>
            {{ $errors->first() }}
        </x-adminlte-alert>
    @endif

    <div class="project-nav">
        @foreach($sections as $key => $item)
            <a href="{{ route('projects.index', ['section' => $key]) }}" class="btn btn-sm {{ $section === $key ? 'btn-primary' : 'btn-light border' }}">
                <i class="{{ $item['icon'] }} mr-1"></i> {{ $item['label'] }}
            </a>
        @endforeach
    </div>

    @if($section === 'dashboard')
        <div class="row">
            <div class="col-lg-3 col-6">
                <x-adminlte-info-box title="Active Projects" text="{{ $metrics['activeProjects'] }}" icon="fas fa-project-diagram" theme="primary"/>
            </div>
            <div class="col-lg-3 col-6">
                <x-adminlte-info-box title="Donors" text="{{ $metrics['donors'] }}" icon="fas fa-handshake" theme="success"/>
            </div>
            <div class="col-lg-3 col-6">
                <x-adminlte-info-box title="Portfolio Budget" text="{{ $money($metrics['totalBudget']) }}" icon="fas fa-wallet" theme="warning"/>
            </div>
            <div class="col-lg-3 col-6">
                <x-adminlte-info-box title="Timesheet Hours" text="{{ number_format((float) $metrics['timesheetHours'], 2) }}" icon="fas fa-clock" theme="info"/>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-8">
                <x-adminlte-card title="Project Portfolio" icon="fas fa-project-diagram" theme="primary" class="project-overview-card">
                    <div class="table-responsive">
                        <table class="table table-sm table-hover mb-0">
                            <thead>
                                <tr>
                                    <th>Project</th>
                                    <th>Donor</th>
                                    <th>Manager</th>
                                    <th>Status</th>
                                    <th class="text-right">Budget</th>
                                    <th>Progress</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($projects as $project)
                                    <tr>
                                        <td>
                                            <strong>{{ $project['name'] }}</strong>
                                            <div class="text-muted small">{{ $project['code'] }}</div>
                                        </td>
                                        <td>{{ $project['donor'] }}</td>
                                        <td>{{ $project['manager'] }}</td>
                                        <td><span class="badge badge-{{ $badge($project['status']) }}">{{ $project['status'] }}</span></td>
                                        <td class="text-right">{{ $money($project['budget']) }}</td>
                                        <td class="project-progress">
                                            <div class="d-flex justify-content-between small mb-1">
                                                <span>{{ $project['progress'] }}%</span>
                                                <span class="text-muted">{{ $money($project['spent']) }} spent</span>
                                            </div>
                                            <div class="progress">
                                                <div class="progress-bar bg-primary" style="width: {{ min((int) $project['progress'], 100) }}%"></div>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </x-adminlte-card>
            </div>
            <div class="col-lg-4">
                <x-adminlte-card title="Upcoming Activities" icon="fas fa-tasks" theme="success">
                    <div class="list-group list-group-flush">
                        @foreach($activities as $activity)
                            <div class="list-group-item px-0">
                                <div class="d-flex justify-content-between">
                                    <strong>{{ $activity['activity'] }}</strong>
                                    <span class="badge badge-{{ $badge($activity['status']) }}">{{ $activity['status'] }}</span>
                                </div>
                                <div class="text-muted small">{{ $activity['project'] }} - {{ $activity['location'] }} - {{ \Illuminate\Support\Carbon::parse($activity['date'])->format('M d, Y') }}</div>
                            </div>
                        @endforeach
                    </div>
                </x-adminlte-card>

                <x-adminlte-card title="Open Risks & Issues" icon="fas fa-exclamation-triangle" theme="warning">
                    <div class="list-group list-group-flush">
                        @foreach($risks as $risk)
                            <div class="list-group-item px-0">
                                <div class="d-flex justify-content-between">
                                    <strong>{{ $risk['title'] }}</strong>
                                    <span class="badge badge-{{ $risk['severity'] === 'High' ? 'danger' : ($risk['severity'] === 'Medium' ? 'warning' : 'secondary') }}">{{ $risk['severity'] }}</span>
                                </div>
                                <div class="text-muted small">{{ $risk['project'] }} - owner: {{ $risk['owner'] }}</div>
                            </div>
                        @endforeach
                    </div>
                </x-adminlte-card>
            </div>
        </div>
    @endif

    @if($section === 'projects')
        @can('projects.manage')
            <div class="collapse {{ $errors->any() ? 'show' : '' }}" id="project-create-panel">
                <x-adminlte-card title="Add Project" icon="fas fa-plus" theme="success" class="project-manage-card">
                    <form method="POST" action="{{ route('projects.store') }}">
                        @csrf
                        <div class="row">
                            <div class="form-group col-md-2">
                                <label for="project-code">Code</label>
                                <input id="project-code" name="code" value="{{ old('code') }}" class="form-control" required>
                            </div>
                            <div class="form-group col-md-4">
                                <label for="project-name">Project Name</label>
                                <input id="project-name" name="name" value="{{ old('name') }}" class="form-control" required>
                            </div>
                            <div class="form-group col-md-3">
                                <label for="project-donor">Donor / Funding Source</label>
                                <input id="project-donor" name="donor" value="{{ old('donor') }}" class="form-control">
                            </div>
                            <div class="form-group col-md-3">
                                <label for="project-manager">Manager</label>
                                <select id="project-manager" name="manager_employee_id" class="form-control">
                                    <option value="">No manager selected</option>
                                    @foreach($employeeOptions as $employee)
                                        <option value="{{ $employee->id }}" @selected((string) old('manager_employee_id') === (string) $employee->id)>
                                            {{ $employee->full_name }}{{ $employee->employee_code ? ' - '.$employee->employee_code : '' }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-md-2">
                                <label for="project-status">Status</label>
                                <select id="project-status" name="status" class="form-control" required>
                                    @foreach($projectStatuses as $status)
                                        <option value="{{ $status }}" @selected(old('status', 'Active') === $status)>{{ $status }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-md-2">
                                <label for="project-start">Start Date</label>
                                <input id="project-start" type="date" name="start_date" value="{{ old('start_date') }}" class="form-control">
                            </div>
                            <div class="form-group col-md-2">
                                <label for="project-end">End Date</label>
                                <input id="project-end" type="date" name="end_date" value="{{ old('end_date') }}" class="form-control">
                            </div>
                            <div class="form-group col-md-2">
                                <label for="project-budget">Budget</label>
                                <input id="project-budget" type="number" step="0.01" min="0" name="budget" value="{{ old('budget', 0) }}" class="form-control">
                            </div>
                            <div class="form-group col-md-2">
                                <label for="project-spent">Spent</label>
                                <input id="project-spent" type="number" step="0.01" min="0" name="spent" value="{{ old('spent', 0) }}" class="form-control">
                            </div>
                            <div class="form-group col-md-2">
                                <label for="project-progress">Progress %</label>
                                <input id="project-progress" type="number" min="0" max="100" name="progress" value="{{ old('progress', 0) }}" class="form-control">
                            </div>
                            <div class="form-group col-12">
                                <label for="project-description">Description</label>
                                <textarea id="project-description" name="description" rows="2" class="form-control">{{ old('description') }}</textarea>
                            </div>
                        </div>
                        <div class="text-right">
                            <button type="button" class="btn btn-light border mr-2" data-toggle="collapse" data-target="#project-create-panel">Cancel</button>
                            <button type="submit" class="btn btn-success">
                                <i class="fas fa-save mr-1"></i> Save Project
                            </button>
                        </div>
                    </form>
                </x-adminlte-card>
            </div>
        @endcan

        <x-adminlte-card title="Project Register" icon="fas fa-project-diagram" theme="primary">
            <div class="table-responsive">
                <table class="table table-sm table-hover text-nowrap mb-0">
                    <thead>
                        <tr>
                            <th>Code</th>
                            <th>Project</th>
                            <th>Donor</th>
                            <th>Manager</th>
                            <th>Duration</th>
                            <th>Status</th>
                            <th class="text-right">Budget</th>
                            <th>Progress</th>
                            @can('projects.manage')
                                <th class="text-right project-actions-cell">Actions</th>
                            @endcan
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($projects as $project)
                            <tr>
                                <td>{{ $project['code'] }}</td>
                                <td><strong>{{ $project['name'] }}</strong></td>
                                <td>{{ $project['donor'] }}</td>
                                <td>{{ $project['manager'] }}</td>
                                <td>{{ \Illuminate\Support\Carbon::parse($project['start_date'])->format('M d, Y') }} - {{ \Illuminate\Support\Carbon::parse($project['end_date'])->format('M d, Y') }}</td>
                                <td><span class="badge badge-{{ $badge($project['status']) }}">{{ $project['status'] }}</span></td>
                                <td class="text-right">{{ $money($project['budget']) }}</td>
                                <td class="project-progress">
                                    <div class="progress">
                                        <div class="progress-bar bg-primary" style="width: {{ min((int) $project['progress'], 100) }}%"></div>
                                    </div>
                                    <span class="small text-muted">{{ $project['progress'] }}%</span>
                                </td>
                                @can('projects.manage')
                                    <td class="text-right">
                                        @if(! empty($project['id']))
                                            <button type="button" class="btn btn-outline-primary btn-xs" data-toggle="modal" data-target="#project-edit-{{ $project['id'] }}">
                                                <i class="fas fa-edit mr-1"></i> Edit
                                            </button>
                                            <form method="POST" action="{{ route('projects.destroy', $project['id']) }}" class="d-inline" onsubmit="return confirm('Delete this project and its activities?');">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit" class="btn btn-outline-danger btn-xs">
                                                    <i class="fas fa-trash mr-1"></i> Delete
                                                </button>
                                            </form>
                                        @else
                                            <span class="text-muted small">Demo</span>
                                        @endif
                                    </td>
                                @endcan
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </x-adminlte-card>

        @can('projects.manage')
            @foreach($editableProjects as $project)
                <div class="modal fade" id="project-edit-{{ $project['id'] }}" tabindex="-1" role="dialog" aria-labelledby="project-edit-title-{{ $project['id'] }}" aria-hidden="true">
                    <div class="modal-dialog modal-xl" role="document">
                        <div class="modal-content">
                            <form method="POST" action="{{ route('projects.update', $project['id']) }}">
                                @csrf
                                @method('PUT')
                                <div class="modal-header">
                                    <h5 class="modal-title" id="project-edit-title-{{ $project['id'] }}">Edit Project</h5>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                                <div class="modal-body project-manage-card">
                                    <div class="row">
                                        <div class="form-group col-md-2">
                                            <label>Code</label>
                                            <input name="code" value="{{ $project['code'] }}" class="form-control" required>
                                        </div>
                                        <div class="form-group col-md-4">
                                            <label>Project Name</label>
                                            <input name="name" value="{{ $project['name'] }}" class="form-control" required>
                                        </div>
                                        <div class="form-group col-md-3">
                                            <label>Donor / Funding Source</label>
                                            <input name="donor" value="{{ $project['donor'] !== 'To be assigned' ? $project['donor'] : '' }}" class="form-control">
                                        </div>
                                        <div class="form-group col-md-3">
                                            <label>Manager</label>
                                            <select name="manager_employee_id" class="form-control">
                                                <option value="">No manager selected</option>
                                                @foreach($employeeOptions as $employee)
                                                    <option value="{{ $employee->id }}" @selected((string) ($project['manager_employee_id'] ?? '') === (string) $employee->id)>
                                                        {{ $employee->full_name }}{{ $employee->employee_code ? ' - '.$employee->employee_code : '' }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="form-group col-md-2">
                                            <label>Status</label>
                                            <select name="status" class="form-control" required>
                                                @foreach($projectStatuses as $status)
                                                    <option value="{{ $status }}" @selected($project['status'] === $status)>{{ $status }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="form-group col-md-2">
                                            <label>Start Date</label>
                                            <input type="date" name="start_date" value="{{ $project['start_date'] }}" class="form-control">
                                        </div>
                                        <div class="form-group col-md-2">
                                            <label>End Date</label>
                                            <input type="date" name="end_date" value="{{ $project['end_date'] }}" class="form-control">
                                        </div>
                                        <div class="form-group col-md-2">
                                            <label>Budget</label>
                                            <input type="number" step="0.01" min="0" name="budget" value="{{ $project['budget'] }}" class="form-control">
                                        </div>
                                        <div class="form-group col-md-2">
                                            <label>Spent</label>
                                            <input type="number" step="0.01" min="0" name="spent" value="{{ $project['spent'] }}" class="form-control">
                                        </div>
                                        <div class="form-group col-md-2">
                                            <label>Progress %</label>
                                            <input type="number" min="0" max="100" name="progress" value="{{ $project['progress'] }}" class="form-control">
                                        </div>
                                        <div class="form-group col-12">
                                            <label>Description</label>
                                            <textarea name="description" rows="2" class="form-control">{{ $project['description'] }}</textarea>
                                        </div>
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <button type="submit" form="project-delete-{{ $project['id'] }}" class="btn btn-outline-danger mr-auto" onclick="return confirm('Delete this project and its activities?');">
                                        <i class="fas fa-trash mr-1"></i> Delete
                                    </button>
                                    <button type="button" class="btn btn-light border" data-dismiss="modal">Cancel</button>
                                    <button type="submit" class="btn btn-primary">
                                        <i class="fas fa-save mr-1"></i> Update Project
                                    </button>
                                </div>
                            </form>
                            <form id="project-delete-{{ $project['id'] }}" method="POST" action="{{ route('projects.destroy', $project['id']) }}">
                                @csrf
                                @method('DELETE')
                            </form>
                        </div>
                    </div>
                </div>
            @endforeach
        @endcan
    @endif

    @if($section === 'donors')
        @can('projects.manage')
            <div class="collapse {{ $errors->any() ? 'show' : '' }}" id="donor-create-panel">
                <x-adminlte-card title="Add Donor" icon="fas fa-plus" theme="success" class="project-manage-card">
                    <form method="POST" action="{{ route('projects.donors.store') }}">
                        @csrf
                        <div class="row">
                            <div class="form-group col-md-3">
                                <label for="donor-name">Donor</label>
                                <input id="donor-name" name="name" value="{{ old('name') }}" class="form-control" required>
                            </div>
                            <div class="form-group col-md-4">
                                <label for="donor-portfolio">Portfolio</label>
                                <input id="donor-portfolio" name="portfolio" value="{{ old('portfolio') }}" class="form-control">
                            </div>
                            <div class="form-group col-md-3">
                                <label for="donor-commitment">Commitment</label>
                                <input id="donor-commitment" type="number" step="0.01" min="0" name="commitment" value="{{ old('commitment', 0) }}" class="form-control">
                            </div>
                            <div class="form-group col-md-2">
                                <label for="donor-status">Status</label>
                                <select id="donor-status" name="status" class="form-control" required>
                                    @foreach($donorStatuses as $status)
                                        <option value="{{ $status }}" @selected(old('status', 'Active') === $status)>{{ $status }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <button type="submit" class="btn btn-success">
                            <i class="fas fa-save mr-1"></i> Save Donor
                        </button>
                    </form>
                </x-adminlte-card>
            </div>
        @endcan

        <x-adminlte-card title="Donor Portfolio" icon="fas fa-handshake" theme="success">
            <div class="table-responsive">
                <table class="table table-sm table-hover mb-0">
                    <thead><tr><th>Donor</th><th>Portfolio</th><th class="text-right">Projects</th><th class="text-right">Commitment</th><th>Status</th>@can('projects.manage')<th class="text-right">Action</th>@endcan</tr></thead>
                    <tbody>
                        @foreach($donors as $donor)
                            <tr>
                                <td><strong>{{ $donor['name'] }}</strong></td>
                                <td>{{ $donor['portfolio'] }}</td>
                                <td class="text-right">{{ $donor['projects'] }}</td>
                                <td class="text-right">{{ $money($donor['commitment']) }}</td>
                                <td><span class="badge badge-{{ $badge($donor['status']) }}">{{ $donor['status'] }}</span></td>
                                @can('projects.manage')
                                    <td class="text-right">
                                        @if(! empty($donor['id']))
                                            <button class="btn btn-outline-primary btn-xs" data-toggle="modal" data-target="#donor-edit-{{ $donor['id'] }}">
                                                <i class="fas fa-edit mr-1"></i> Edit
                                            </button>
                                        @else
                                            <span class="badge badge-secondary">Demo</span>
                                        @endif
                                    </td>
                                @endcan
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </x-adminlte-card>

        @can('projects.manage')
            @foreach($editableDonors as $donor)
                <div class="modal fade" id="donor-edit-{{ $donor['id'] }}" tabindex="-1" role="dialog" aria-labelledby="donor-edit-title-{{ $donor['id'] }}" aria-hidden="true">
                    <div class="modal-dialog modal-lg" role="document">
                        <div class="modal-content">
                            <form id="donor-form-{{ $donor['id'] }}" method="POST" action="{{ route('projects.donors.update', $donor['id']) }}">
                                @csrf
                                @method('PUT')
                                <div class="modal-header">
                                    <h5 class="modal-title" id="donor-edit-title-{{ $donor['id'] }}">Edit Donor</h5>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                </div>
                                <div class="modal-body">
                                    <div class="row">
                                        <div class="form-group col-md-4">
                                            <label>Donor</label>
                                            <input name="name" value="{{ $donor['name'] }}" class="form-control" required>
                                        </div>
                                        <div class="form-group col-md-4">
                                            <label>Portfolio</label>
                                            <input name="portfolio" value="{{ $donor['portfolio'] !== '-' ? $donor['portfolio'] : '' }}" class="form-control">
                                        </div>
                                        <div class="form-group col-md-2">
                                            <label>Commitment</label>
                                            <input type="number" step="0.01" min="0" name="commitment" value="{{ $donor['commitment'] }}" class="form-control">
                                        </div>
                                        <div class="form-group col-md-2">
                                            <label>Status</label>
                                            <select name="status" class="form-control" required>
                                                @foreach($donorStatuses as $status)
                                                    <option value="{{ $status }}" @selected($donor['status'] === $status)>{{ $status }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <button type="submit" form="donor-delete-{{ $donor['id'] }}" class="btn btn-outline-danger mr-auto" onclick="return confirm('Delete this donor? Existing project donor text will not be changed.');">
                                        <i class="fas fa-trash mr-1"></i> Delete
                                    </button>
                                    <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Cancel</button>
                                    <button type="submit" class="btn btn-success">
                                        <i class="fas fa-save mr-1"></i> Update Donor
                                    </button>
                                </div>
                            </form>
                            <form id="donor-delete-{{ $donor['id'] }}" method="POST" action="{{ route('projects.donors.destroy', $donor['id']) }}">
                                @csrf
                                @method('DELETE')
                            </form>
                        </div>
                    </div>
                </div>
            @endforeach
        @endcan
    @endif

    @if($section === 'budgets')
        @can('projects.manage')
            <div class="collapse {{ $errors->any() ? 'show' : '' }}" id="budget-create-panel">
                <x-adminlte-card title="Add Budget Line" icon="fas fa-plus" theme="success" class="project-manage-card">
                    @if($editableProjects->isEmpty())
                        <div class="alert alert-info mb-0">Create a saved project first, then budget lines can be assigned to it.</div>
                    @else
                        <form method="POST" action="{{ route('projects.budgets.store') }}">
                            @csrf
                            <div class="row">
                                <div class="form-group col-md-3">
                                    <label for="budget-project">Project</label>
                                    <select id="budget-project" name="project_id" class="form-control" required>
                                        <option value="">Select project</option>
                                        @foreach($editableProjects as $project)
                                            <option value="{{ $project['id'] }}" @selected((string) old('project_id') === (string) $project['id'])>{{ $project['name'] }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group col-md-3">
                                    <label for="budget-line">Budget Line</label>
                                    <input id="budget-line" name="line" value="{{ old('line') }}" class="form-control" required>
                                </div>
                                <div class="form-group col-md-2">
                                    <label for="budget-amount">Budget</label>
                                    <input id="budget-amount" type="number" step="0.01" min="0" name="budget" value="{{ old('budget', 0) }}" class="form-control">
                                </div>
                                <div class="form-group col-md-2">
                                    <label for="budget-committed">Committed</label>
                                    <input id="budget-committed" type="number" step="0.01" min="0" name="committed" value="{{ old('committed', 0) }}" class="form-control">
                                </div>
                                <div class="form-group col-md-2">
                                    <label for="budget-spent">Spent</label>
                                    <input id="budget-spent" type="number" step="0.01" min="0" name="spent" value="{{ old('spent', 0) }}" class="form-control">
                                </div>
                            </div>
                            <button type="submit" class="btn btn-success">
                                <i class="fas fa-save mr-1"></i> Save Budget Line
                            </button>
                        </form>
                    @endif
                </x-adminlte-card>
            </div>
        @endcan

        <x-adminlte-card title="Budget Lines" icon="fas fa-wallet" theme="warning">
            <div class="table-responsive">
                <table class="table table-sm table-hover mb-0">
                    <thead><tr><th>Project</th><th>Budget Line</th><th class="text-right">Budget</th><th class="text-right">Committed</th><th class="text-right">Spent</th><th class="text-right">Balance</th>@can('projects.manage')<th class="text-right">Action</th>@endcan</tr></thead>
                    <tbody>
                        @foreach($budgets as $budget)
                            @php($balance = max((float) $budget['budget'] - (float) $budget['committed'] - (float) $budget['spent'], 0))
                            <tr>
                                <td>{{ $budget['project'] }}</td>
                                <td><strong>{{ $budget['line'] }}</strong></td>
                                <td class="text-right">{{ $money($budget['budget']) }}</td>
                                <td class="text-right">{{ $money($budget['committed']) }}</td>
                                <td class="text-right">{{ $money($budget['spent']) }}</td>
                                <td class="text-right">{{ $money($balance) }}</td>
                                @can('projects.manage')
                                    <td class="text-right">
                                        @if(! empty($budget['id']))
                                            <button class="btn btn-outline-primary btn-xs" data-toggle="modal" data-target="#budget-edit-{{ $budget['id'] }}">
                                                <i class="fas fa-edit mr-1"></i> Edit
                                            </button>
                                        @else
                                            <span class="badge badge-secondary">Demo</span>
                                        @endif
                                    </td>
                                @endcan
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </x-adminlte-card>

        @can('projects.manage')
            @foreach($editableBudgets as $budget)
                <div class="modal fade" id="budget-edit-{{ $budget['id'] }}" tabindex="-1" role="dialog" aria-labelledby="budget-edit-title-{{ $budget['id'] }}" aria-hidden="true">
                    <div class="modal-dialog modal-lg" role="document">
                        <div class="modal-content">
                            <form id="budget-form-{{ $budget['id'] }}" method="POST" action="{{ route('projects.budgets.update', $budget['id']) }}">
                                @csrf
                                @method('PUT')
                                <div class="modal-header">
                                    <h5 class="modal-title" id="budget-edit-title-{{ $budget['id'] }}">Edit Budget Line</h5>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                </div>
                                <div class="modal-body">
                                    <div class="row">
                                        <div class="form-group col-md-4">
                                            <label>Project</label>
                                            <select name="project_id" class="form-control" required>
                                                @foreach($editableProjects as $project)
                                                    <option value="{{ $project['id'] }}" @selected((int) $budget['project_id'] === (int) $project['id'])>{{ $project['name'] }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="form-group col-md-4">
                                            <label>Budget Line</label>
                                            <input name="line" value="{{ $budget['line'] }}" class="form-control" required>
                                        </div>
                                        <div class="form-group col-md-4">
                                            <label>Budget</label>
                                            <input type="number" step="0.01" min="0" name="budget" value="{{ $budget['budget'] }}" class="form-control">
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label>Committed</label>
                                            <input type="number" step="0.01" min="0" name="committed" value="{{ $budget['committed'] }}" class="form-control">
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label>Spent</label>
                                            <input type="number" step="0.01" min="0" name="spent" value="{{ $budget['spent'] }}" class="form-control">
                                        </div>
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <button type="submit" form="budget-delete-{{ $budget['id'] }}" class="btn btn-outline-danger mr-auto" onclick="return confirm('Delete this budget line?');">
                                        <i class="fas fa-trash mr-1"></i> Delete
                                    </button>
                                    <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Cancel</button>
                                    <button type="submit" class="btn btn-warning">
                                        <i class="fas fa-save mr-1"></i> Update Budget Line
                                    </button>
                                </div>
                            </form>
                            <form id="budget-delete-{{ $budget['id'] }}" method="POST" action="{{ route('projects.budgets.destroy', $budget['id']) }}">
                                @csrf
                                @method('DELETE')
                            </form>
                        </div>
                    </div>
                </div>
            @endforeach
        @endcan
    @endif

    @if($section === 'work-plans')
        @can('projects.manage')
            <div class="collapse {{ $errors->any() ? 'show' : '' }}" id="work-plan-create-panel">
                <x-adminlte-card title="Add Work Plan" icon="fas fa-plus" theme="success" class="project-manage-card">
                    @if($editableProjects->isEmpty())
                        <div class="alert alert-info mb-0">Create a saved project first, then work plan milestones can be assigned to it.</div>
                    @else
                        <form method="POST" action="{{ route('projects.work-plans.store') }}">
                            @csrf
                            <div class="row">
                                <div class="form-group col-md-3">
                                    <label for="work-plan-project">Project</label>
                                    <select id="work-plan-project" name="project_id" class="form-control" required>
                                        <option value="">Select project</option>
                                        @foreach($editableProjects as $project)
                                            <option value="{{ $project['id'] }}" @selected((string) old('project_id') === (string) $project['id'])>{{ $project['name'] }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group col-md-2">
                                    <label for="work-plan-period">Period</label>
                                    <input id="work-plan-period" name="period" value="{{ old('period') }}" class="form-control" placeholder="Q1 2026" required>
                                </div>
                                <div class="form-group col-md-3">
                                    <label for="work-plan-milestone">Milestone</label>
                                    <input id="work-plan-milestone" name="milestone" value="{{ old('milestone') }}" class="form-control" required>
                                </div>
                                <div class="form-group col-md-2">
                                    <label for="work-plan-owner">Owner</label>
                                    <input id="work-plan-owner" name="owner" value="{{ old('owner') }}" class="form-control">
                                </div>
                                <div class="form-group col-md-2">
                                    <label for="work-plan-progress">Progress</label>
                                    <input id="work-plan-progress" type="number" min="0" max="100" name="progress" value="{{ old('progress', 0) }}" class="form-control">
                                </div>
                                <div class="form-group col-md-3">
                                    <label for="work-plan-status">Status</label>
                                    <select id="work-plan-status" name="status" class="form-control" required>
                                        @foreach($workPlanStatuses as $status)
                                            <option value="{{ $status }}" @selected(old('status', 'Planned') === $status)>{{ $status }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <button type="submit" class="btn btn-success">
                                <i class="fas fa-save mr-1"></i> Save Work Plan
                            </button>
                        </form>
                    @endif
                </x-adminlte-card>
            </div>
        @endcan

        <x-adminlte-card title="Work Plans" icon="fas fa-calendar-alt" theme="info">
            <div class="table-responsive">
                <table class="table table-sm table-hover mb-0">
                    <thead><tr><th>Project</th><th>Period</th><th>Milestone</th><th>Owner</th><th>Status</th><th>Progress</th>@can('projects.manage')<th class="text-right">Action</th>@endcan</tr></thead>
                    <tbody>
                        @foreach($workPlans as $plan)
                            <tr>
                                <td>{{ $plan['project'] }}</td>
                                <td>{{ $plan['period'] }}</td>
                                <td><strong>{{ $plan['milestone'] }}</strong></td>
                                <td>{{ $plan['owner'] }}</td>
                                <td><span class="badge badge-{{ $badge($plan['status']) }}">{{ $plan['status'] }}</span></td>
                                <td class="project-progress">
                                    <div class="progress"><div class="progress-bar bg-info" style="width: {{ min((int) $plan['progress'], 100) }}%"></div></div>
                                    <span class="small text-muted">{{ $plan['progress'] }}%</span>
                                </td>
                                @can('projects.manage')
                                    <td class="text-right">
                                        @if(! empty($plan['id']))
                                            <button class="btn btn-outline-primary btn-xs" data-toggle="modal" data-target="#work-plan-edit-{{ $plan['id'] }}">
                                                <i class="fas fa-edit mr-1"></i> Edit
                                            </button>
                                        @else
                                            <span class="badge badge-secondary">Demo</span>
                                        @endif
                                    </td>
                                @endcan
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </x-adminlte-card>

        @can('projects.manage')
            @foreach($editableWorkPlans as $plan)
                <div class="modal fade" id="work-plan-edit-{{ $plan['id'] }}" tabindex="-1" role="dialog" aria-labelledby="work-plan-edit-title-{{ $plan['id'] }}" aria-hidden="true">
                    <div class="modal-dialog modal-lg" role="document">
                        <div class="modal-content">
                            <form id="work-plan-form-{{ $plan['id'] }}" method="POST" action="{{ route('projects.work-plans.update', $plan['id']) }}">
                                @csrf
                                @method('PUT')
                                <div class="modal-header">
                                    <h5 class="modal-title" id="work-plan-edit-title-{{ $plan['id'] }}">Edit Work Plan</h5>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                </div>
                                <div class="modal-body">
                                    <div class="row">
                                        <div class="form-group col-md-4">
                                            <label>Project</label>
                                            <select name="project_id" class="form-control" required>
                                                @foreach($editableProjects as $project)
                                                    <option value="{{ $project['id'] }}" @selected((int) $plan['project_id'] === (int) $project['id'])>{{ $project['name'] }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="form-group col-md-2">
                                            <label>Period</label>
                                            <input name="period" value="{{ $plan['period'] }}" class="form-control" required>
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label>Milestone</label>
                                            <input name="milestone" value="{{ $plan['milestone'] }}" class="form-control" required>
                                        </div>
                                        <div class="form-group col-md-4">
                                            <label>Owner</label>
                                            <input name="owner" value="{{ $plan['owner'] !== '-' ? $plan['owner'] : '' }}" class="form-control">
                                        </div>
                                        <div class="form-group col-md-4">
                                            <label>Status</label>
                                            <select name="status" class="form-control" required>
                                                @foreach($workPlanStatuses as $status)
                                                    <option value="{{ $status }}" @selected($plan['status'] === $status)>{{ $status }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="form-group col-md-4">
                                            <label>Progress</label>
                                            <input type="number" min="0" max="100" name="progress" value="{{ $plan['progress'] }}" class="form-control">
                                        </div>
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <button type="submit" form="work-plan-delete-{{ $plan['id'] }}" class="btn btn-outline-danger mr-auto" onclick="return confirm('Delete this work plan milestone?');">
                                        <i class="fas fa-trash mr-1"></i> Delete
                                    </button>
                                    <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Cancel</button>
                                    <button type="submit" class="btn btn-info">
                                        <i class="fas fa-save mr-1"></i> Update Work Plan
                                    </button>
                                </div>
                            </form>
                            <form id="work-plan-delete-{{ $plan['id'] }}" method="POST" action="{{ route('projects.work-plans.destroy', $plan['id']) }}">
                                @csrf
                                @method('DELETE')
                            </form>
                        </div>
                    </div>
                </div>
            @endforeach
        @endcan
    @endif

    @if($section === 'activities')
        @can('projects.manage')
            <div class="collapse {{ $errors->any() ? 'show' : '' }}" id="activity-create-panel">
                <x-adminlte-card title="Add Activity" icon="fas fa-plus" theme="success" class="project-manage-card">
                    @if($editableProjects->isEmpty())
                        <div class="alert alert-info mb-0">
                            Create a saved project first, then activities can be assigned to it.
                        </div>
                    @else
                        <form method="POST" action="{{ route('projects.activities.store') }}">
                            @csrf
                            <div class="row">
                                <div class="form-group col-md-4">
                                    <label for="activity-project">Project</label>
                                    <select id="activity-project" name="project_id" class="form-control" required>
                                        <option value="">Select project</option>
                                        @foreach($editableProjects as $project)
                                            <option value="{{ $project['id'] }}" @selected((string) old('project_id') === (string) $project['id'])>
                                                {{ $project['code'] }} - {{ $project['name'] }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group col-md-2">
                                    <label for="activity-code">Code</label>
                                    <input id="activity-code" name="code" value="{{ old('code') }}" class="form-control">
                                </div>
                                <div class="form-group col-md-4">
                                    <label for="activity-name">Activity</label>
                                    <input id="activity-name" name="name" value="{{ old('name') }}" class="form-control" required>
                                </div>
                                <div class="form-group col-md-2">
                                    <label for="activity-status">Status</label>
                                    <select id="activity-status" name="status" class="form-control" required>
                                        @foreach($activityStatuses as $status)
                                            <option value="{{ $status }}" @selected(old('status', 'Planned') === $status)>{{ $status }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group col-md-3">
                                    <label for="activity-budget-line">Budget Line</label>
                                    <input id="activity-budget-line" name="budget_line" value="{{ old('budget_line') }}" class="form-control">
                                </div>
                                <div class="form-group col-md-3">
                                    <label for="activity-location">Location</label>
                                    <input id="activity-location" name="location" value="{{ old('location') }}" class="form-control">
                                </div>
                                <div class="form-group col-md-3">
                                    <label for="activity-start">Start Date</label>
                                    <input id="activity-start" type="date" name="start_date" value="{{ old('start_date') }}" class="form-control">
                                </div>
                                <div class="form-group col-md-3">
                                    <label for="activity-end">End Date</label>
                                    <input id="activity-end" type="date" name="end_date" value="{{ old('end_date') }}" class="form-control">
                                </div>
                            </div>
                            <div class="text-right">
                                <button type="button" class="btn btn-light border mr-2" data-toggle="collapse" data-target="#activity-create-panel">Cancel</button>
                                <button type="submit" class="btn btn-success">
                                    <i class="fas fa-save mr-1"></i> Save Activity
                                </button>
                            </div>
                        </form>
                    @endif
                </x-adminlte-card>
            </div>
        @endcan

        <x-adminlte-card title="Activity Register" icon="fas fa-tasks" theme="success">
            <div class="table-responsive">
                <table class="table table-sm table-hover mb-0">
                    <thead>
                        <tr>
                            <th>Date</th>
                            <th>Project</th>
                            <th>Activity</th>
                            <th>Location</th>
                            <th>Budget Line</th>
                            <th>Owner</th>
                            <th>Status</th>
                            @can('projects.manage')
                                <th class="text-right project-actions-cell">Actions</th>
                            @endcan
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($activities as $activity)
                            <tr>
                                <td>{{ \Illuminate\Support\Carbon::parse($activity['date'])->format('M d, Y') }}</td>
                                <td>{{ $activity['project'] }}</td>
                                <td><strong>{{ $activity['activity'] }}</strong></td>
                                <td>{{ $activity['location'] }}</td>
                                <td>{{ $activity['budget_line'] }}</td>
                                <td>{{ $activity['owner'] }}</td>
                                <td><span class="badge badge-{{ $badge($activity['status']) }}">{{ $activity['status'] }}</span></td>
                                @can('projects.manage')
                                    <td class="text-right">
                                        @if(! empty($activity['id']))
                                            <button type="button" class="btn btn-outline-primary btn-xs" data-toggle="modal" data-target="#activity-edit-{{ $activity['id'] }}">
                                                <i class="fas fa-edit mr-1"></i> Edit
                                            </button>
                                            <form method="POST" action="{{ route('projects.activities.destroy', $activity['id']) }}" class="d-inline" onsubmit="return confirm('Delete this activity?');">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit" class="btn btn-outline-danger btn-xs">
                                                    <i class="fas fa-trash mr-1"></i> Delete
                                                </button>
                                            </form>
                                        @else
                                            <span class="text-muted small">Demo</span>
                                        @endif
                                    </td>
                                @endcan
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </x-adminlte-card>

        @can('projects.manage')
            @foreach($editableActivities as $activity)
                <div class="modal fade" id="activity-edit-{{ $activity['id'] }}" tabindex="-1" role="dialog" aria-labelledby="activity-edit-title-{{ $activity['id'] }}" aria-hidden="true">
                    <div class="modal-dialog modal-lg" role="document">
                        <div class="modal-content">
                            <form method="POST" action="{{ route('projects.activities.update', $activity['id']) }}">
                                @csrf
                                @method('PUT')
                                <div class="modal-header">
                                    <h5 class="modal-title" id="activity-edit-title-{{ $activity['id'] }}">Edit Activity</h5>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                                <div class="modal-body project-manage-card">
                                    <div class="row">
                                        <div class="form-group col-md-6">
                                            <label>Project</label>
                                            <select name="project_id" class="form-control" required>
                                                @foreach($editableProjects as $project)
                                                    <option value="{{ $project['id'] }}" @selected((string) ($activity['project_id'] ?? '') === (string) $project['id'])>
                                                        {{ $project['code'] }} - {{ $project['name'] }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="form-group col-md-3">
                                            <label>Code</label>
                                            <input name="code" value="{{ $activity['code'] }}" class="form-control">
                                        </div>
                                        <div class="form-group col-md-3">
                                            <label>Status</label>
                                            <select name="status" class="form-control" required>
                                                @foreach($activityStatuses as $status)
                                                    <option value="{{ $status }}" @selected($activity['status'] === $status)>{{ $status }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label>Activity</label>
                                            <input name="name" value="{{ $activity['activity'] }}" class="form-control" required>
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label>Budget Line</label>
                                            <input name="budget_line" value="{{ $activity['budget_line'] !== '-' ? $activity['budget_line'] : '' }}" class="form-control">
                                        </div>
                                        <div class="form-group col-md-4">
                                            <label>Location</label>
                                            <input name="location" value="{{ $activity['location'] !== '-' ? $activity['location'] : '' }}" class="form-control">
                                        </div>
                                        <div class="form-group col-md-4">
                                            <label>Start Date</label>
                                            <input type="date" name="start_date" value="{{ $activity['start_date'] }}" class="form-control">
                                        </div>
                                        <div class="form-group col-md-4">
                                            <label>End Date</label>
                                            <input type="date" name="end_date" value="{{ $activity['end_date'] }}" class="form-control">
                                        </div>
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <button type="submit" form="activity-delete-{{ $activity['id'] }}" class="btn btn-outline-danger mr-auto" onclick="return confirm('Delete this activity?');">
                                        <i class="fas fa-trash mr-1"></i> Delete
                                    </button>
                                    <button type="button" class="btn btn-light border" data-dismiss="modal">Cancel</button>
                                    <button type="submit" class="btn btn-primary">
                                        <i class="fas fa-save mr-1"></i> Update Activity
                                    </button>
                                </div>
                            </form>
                            <form id="activity-delete-{{ $activity['id'] }}" method="POST" action="{{ route('projects.activities.destroy', $activity['id']) }}">
                                @csrf
                                @method('DELETE')
                            </form>
                        </div>
                    </div>
                </div>
            @endforeach
        @endcan
    @endif

    @if($section === 'team-members')
        <x-adminlte-card title="Project Team Members" icon="fas fa-users" theme="primary">
            <div class="table-responsive">
                <table class="table table-sm table-hover mb-0">
                    <thead><tr><th>Staff</th><th>Project</th><th>Role</th><th>Department</th><th class="text-right">Allocation</th></tr></thead>
                    <tbody>
                        @foreach($teamMembers as $member)
                            <tr>
                                <td>
                                    <strong>{{ $member['name'] }}</strong>
                                    <div class="text-muted small">{{ $member['code'] }}</div>
                                </td>
                                <td>{{ $member['project'] }}</td>
                                <td>{{ $member['role'] }}</td>
                                <td>{{ $member['department'] }}</td>
                                <td class="text-right">{{ $member['allocation'] }}%</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </x-adminlte-card>
    @endif

    @if($section === 'timesheets')
        <x-adminlte-card title="Project Timesheet Effort" icon="fas fa-clock" theme="info">
            <div class="table-responsive">
                <table class="table table-sm table-hover mb-0">
                    <thead><tr><th>Project</th><th class="text-right">Staff Charging Time</th><th class="text-right">Hours Recorded</th><th>Status</th></tr></thead>
                    <tbody>
                        @foreach($timesheetSummary as $row)
                            <tr>
                                <td><strong>{{ $row['project'] }}</strong></td>
                                <td class="text-right">{{ $row['staff_count'] }}</td>
                                <td class="text-right">{{ number_format((float) $row['hours'], 2) }}</td>
                                <td><span class="badge badge-{{ $badge($row['status']) }}">{{ $row['status'] }}</span></td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            @can('hrm.timesheets.manage')
                <a href="{{ route('hrm.timesheets.index') }}" class="btn btn-outline-info btn-sm mt-3">
                    <i class="fas fa-external-link-alt mr-1"></i> Open Timesheet Module
                </a>
            @endcan
        </x-adminlte-card>
    @endif

    @if($section === 'risks-issues')
        <x-adminlte-card title="Risks & Issues" icon="fas fa-exclamation-triangle" theme="danger">
            <div class="table-responsive">
                <table class="table table-sm table-hover mb-0">
                    <thead><tr><th>Project</th><th>Type</th><th>Title</th><th>Owner</th><th>Severity</th><th>Status</th><th>Due Date</th></tr></thead>
                    <tbody>
                        @foreach($risks as $risk)
                            <tr>
                                <td>{{ $risk['project'] }}</td>
                                <td>{{ $risk['type'] }}</td>
                                <td><strong>{{ $risk['title'] }}</strong></td>
                                <td>{{ $risk['owner'] }}</td>
                                <td><span class="badge badge-{{ $risk['severity'] === 'High' ? 'danger' : ($risk['severity'] === 'Medium' ? 'warning' : 'secondary') }}">{{ $risk['severity'] }}</span></td>
                                <td><span class="badge badge-{{ $badge($risk['status']) }}">{{ $risk['status'] }}</span></td>
                                <td>{{ \Illuminate\Support\Carbon::parse($risk['due_date'])->format('M d, Y') }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </x-adminlte-card>
    @endif

    @if($section === 'deliverables')
        <x-adminlte-card title="Deliverables" icon="fas fa-clipboard-check" theme="success">
            <div class="table-responsive">
                <table class="table table-sm table-hover mb-0">
                    <thead><tr><th>Project</th><th>Deliverable</th><th>Owner</th><th>Due Date</th><th>Status</th></tr></thead>
                    <tbody>
                        @foreach($deliverables as $deliverable)
                            <tr>
                                <td>{{ $deliverable['project'] }}</td>
                                <td><strong>{{ $deliverable['deliverable'] }}</strong></td>
                                <td>{{ $deliverable['owner'] }}</td>
                                <td>{{ \Illuminate\Support\Carbon::parse($deliverable['due_date'])->format('M d, Y') }}</td>
                                <td><span class="badge badge-{{ $badge($deliverable['status']) }}">{{ $deliverable['status'] }}</span></td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </x-adminlte-card>
    @endif

    @if($section === 'documents')
        <x-adminlte-card title="Project Documents" icon="fas fa-folder-open" theme="secondary">
            <div class="table-responsive">
                <table class="table table-sm table-hover mb-0">
                    <thead><tr><th>Project</th><th>Document</th><th>Type</th><th>Owner</th><th>Last Updated</th></tr></thead>
                    <tbody>
                        @foreach($documents as $document)
                            <tr>
                                <td>{{ $document['project'] }}</td>
                                <td><strong>{{ $document['document'] }}</strong></td>
                                <td>{{ $document['type'] }}</td>
                                <td>{{ $document['owner'] }}</td>
                                <td>{{ \Illuminate\Support\Carbon::parse($document['updated_at'])->format('M d, Y') }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </x-adminlte-card>
    @endif

    @if($section === 'indicators')
        <x-adminlte-card title="Indicators (M&E)" icon="fas fa-bullseye" theme="primary">
            <div class="table-responsive">
                <table class="table table-sm table-hover mb-0">
                    <thead><tr><th>Project</th><th>Indicator</th><th class="text-right">Target</th><th class="text-right">Actual</th><th>Unit</th><th>Status</th></tr></thead>
                    <tbody>
                        @foreach($indicators as $indicator)
                            @php($achievement = $indicator['target'] > 0 ? min(($indicator['actual'] / $indicator['target']) * 100, 100) : 0)
                            <tr>
                                <td>{{ $indicator['project'] }}</td>
                                <td><strong>{{ $indicator['indicator'] }}</strong></td>
                                <td class="text-right">{{ number_format((float) $indicator['target']) }}</td>
                                <td class="text-right">{{ number_format((float) $indicator['actual']) }}</td>
                                <td>{{ $indicator['unit'] }}</td>
                                <td>
                                    <span class="badge badge-{{ $badge($indicator['status']) }}">{{ $indicator['status'] }}</span>
                                    <div class="progress mt-1" style="height: .4rem;">
                                        <div class="progress-bar bg-primary" style="width: {{ $achievement }}%"></div>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </x-adminlte-card>
    @endif

    @if($section === 'financial-reports')
        <x-adminlte-card title="Financial Reports" icon="fas fa-chart-line" theme="success">
            <div class="table-responsive">
                <table class="table table-sm table-hover mb-0">
                    <thead><tr><th>Project</th><th class="text-right">Budget</th><th class="text-right">Spent</th><th class="text-right">Committed</th><th class="text-right">Balance</th><th class="text-right">Open Advances</th></tr></thead>
                    <tbody>
                        @foreach($financialReports as $report)
                            <tr>
                                <td><strong>{{ $report['project'] }}</strong></td>
                                <td class="text-right">{{ $money($report['budget']) }}</td>
                                <td class="text-right">{{ $money($report['spent']) }}</td>
                                <td class="text-right">{{ $money($report['committed']) }}</td>
                                <td class="text-right">{{ $money($report['balance']) }}</td>
                                <td class="text-right">{{ $money($report['advances_open']) }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </x-adminlte-card>
    @endif

    @if($section === 'project-reports')
        <x-adminlte-card title="Project Reports" icon="fas fa-file-alt" theme="primary">
            <div class="table-responsive">
                <table class="table table-sm table-hover mb-0">
                    <thead><tr><th>Report</th><th>Scope</th><th>Period</th><th>Owner</th><th>Status</th></tr></thead>
                    <tbody>
                        @foreach($projectReports as $report)
                            <tr>
                                <td><strong>{{ $report['name'] }}</strong></td>
                                <td>{{ $report['scope'] }}</td>
                                <td>{{ $report['period'] }}</td>
                                <td>{{ $report['owner'] }}</td>
                                <td><span class="badge badge-{{ $badge($report['status']) }}">{{ $report['status'] }}</span></td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </x-adminlte-card>
    @endif
@stop