@extends('layouts.app')
@section('title', 'Sites / Projects')
@section('content')
<div class="card">
    <div class="card-header pb-0 d-flex justify-content-between align-items-center">
        <h6 class="mb-0">Sites / Projects <span class="text-sm text-muted">({{ $sites->total() }})</span></h6>
        <a href="{{ route('sites.create') }}" class="btn btn-sm btn-primary mb-0"><i class="bi bi-plus-lg me-1"></i>New Site</a>
    </div>
    <div class="card-body">
        <div class="table-responsive"><table class="table align-items-center mb-0">
            <thead><tr class="text-xxs text-uppercase text-secondary"><th class="ps-2">Name</th><th>Code</th><th>Client</th><th>Active Staff</th><th>Total</th><th>Status</th><th></th></tr></thead>
            <tbody>
            @forelse($sites as $site)
                <tr>
                    <td class="ps-2"><a href="{{ route('sites.show', $site) }}" class="font-weight-bold text-sm">{{ $site->name }}</a></td>
                    <td class="text-sm">{{ $site->code ?? '—' }}</td>
                    <td class="text-sm">{{ $site->client ?? '—' }}</td>
                    <td class="text-sm">{{ $site->active_staff_count }}</td>
                    <td class="text-sm">{{ $site->staff_count }}</td>
                    <td><span class="badge bg-{{ $site->active ? 'success':'secondary' }}">{{ $site->active ? 'Active':'Inactive' }}</span></td>
                    <td class="text-end pe-2"><a href="{{ route('sites.edit', $site) }}" class="text-secondary"><i class="bi bi-pencil"></i></a></td>
                </tr>
            @empty
                <tr><td colspan="7" class="text-center text-muted py-4">No sites yet.</td></tr>
            @endforelse
            </tbody>
        </table></div>
        <div class="mt-3">{{ $sites->links() }}</div>
    </div>
</div>
@endsection