@extends('layouts.admin')
@section('title', 'Projects')
@section('actions')<a href="{{ route('admin.calendar') }}" class="btn btn-sm btn-ghost">Calendar</a><a href="{{ route('admin.projects.create') }}" class="btn btn-sm">New project</a>@endsection
@section('content')
<div class="filters">
    @foreach(['active' => 'Active', 'planning' => 'Planning', 'in_progress' => 'In progress', 'client_review' => 'Client review', 'on_hold' => 'On hold', 'completed' => 'Completed', 'all' => 'All'] as $k => $v)
        <a href="{{ route('admin.projects.index', ['status' => $k]) }}" @class(['tag', 'tag-on' => $status === $k])>{{ $v }}</a>
    @endforeach
</div>
<section class="panel">
    <div class="tbl-wrap"><table class="tbl">
        <thead><tr><th>Project</th><th>Client</th><th>Lead</th><th>Progress</th><th class="num">Tasks</th><th>Approvals</th><th>Due</th><th>Status</th></tr></thead>
        <tbody>@forelse($projects as $p)
            <tr>
                <td><a href="{{ route('admin.projects.show', $p) }}">{{ $p->name }}</a><div class="xs muted">{{ $p->code }} · {{ $p->service }}</div></td>
                <td class="small">{{ $p->client->company }}</td>
                <td class="small">{{ $p->lead?->name ?? '—' }}</td>
                <td style="min-width:140px"><div class="row" style="gap:8px;flex-wrap:nowrap"><div class="bar" style="flex:1"><span style="width:{{ $p->progress }}%"></span></div><span class="xs tnum">{{ $p->progress }}%</span></div></td>
                <td class="num">{{ $p->tasks_count }}</td>
                <td>@if($p->approvals_count)<span class="badge b-warn">{{ $p->approvals_count }} waiting</span>@else<span class="xs muted">—</span>@endif</td>
                <td class="small {{ $p->due_date && $p->due_date->isPast() && $p->status !== 'completed' ? 'b' : '' }}">{{ $p->due_date?->format('j M Y') }}</td>
                <td><x-badge :status="$p->status" :label="\App\Models\Project::STATUSES[$p->status]" /></td>
            </tr>
        @empty<tr><td colspan="8"><x-empty>No projects here.</x-empty></td></tr>@endforelse</tbody>
    </table></div>
    {{ $projects->links() }}
</section>
@endsection