{{-- resources/views/admin/client-projects/index.blade.php --}}
@extends('admin.layouts.admin')
@section('title','Client Projects')
@section('page-title','Client Projects')
@section('admin-content')
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;">
    <p style="font-size:0.82rem;color:#9ca3af;">{{ $projects->total() }} total projects</p>
    <a href="{{ route('admin.client-projects.create') }}" class="btn btn-primary">+ New Project</a>
</div>
<div class="admin-card" style="padding:0;overflow:hidden;">
    <table class="data-table">
        <thead><tr><th>Project</th><th>Client</th><th>Status</th><th>Progress</th><th>Deadline</th><th>Actions</th></tr></thead>
        <tbody>
            @forelse($projects as $p)
            <tr>
                <td style="font-weight:600;font-size:0.82rem;">{{ Str::limit($p->title,36) }}</td>
                <td style="font-size:0.78rem;color:#6b7280;">{{ $p->client->display_name }}</td>
                <td><span class="pill" style="background:{{ $p->status_color }}18;color:{{ $p->status_color }};font-size:0.62rem;">{{ ucfirst(str_replace('_',' ',$p->status)) }}</span></td>
                <td>
                    <div style="display:flex;align-items:center;gap:0.4rem;">
                        <div style="width:60px;height:4px;background:#f3f4f6;border-radius:999px;overflow:hidden;">
                            <div style="height:100%;width:{{ $p->progress }}%;background:{{ $p->status_color }};"></div>
                        </div>
                        <span style="font-size:0.7rem;color:#374151;">{{ $p->progress }}%</span>
                    </div>
                </td>
                <td style="font-size:0.75rem;color:{{ $p->deadline?->isPast() && $p->status!=='completed' ? '#dc2626' : '#6b7280' }};">
                    {{ $p->deadline?->format('d M Y') ?? '—' }}
                </td>
                <td>
                    <div style="display:flex;gap:0.4rem;">
                        <a href="{{ route('admin.client-projects.show',$p) }}" class="btn btn-outline btn-sm">Manage</a>
                        <a href="{{ route('admin.client-projects.edit',$p) }}" class="btn btn-outline btn-sm">Edit</a>
                    </div>
                </td>
            </tr>
            @empty
            <tr><td colspan="6" style="text-align:center;padding:3rem;color:#9ca3af;">No projects yet.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>
@if($projects->hasPages())<div style="margin-top:1rem;">{{ $projects->links() }}</div>@endif
@endsection