@extends('layouts.app')
@section('title','Daily Reports')
@section('page-title','Daily Site Reports')
@section('content')
<div class="page-header d-flex justify-content-between align-items-center">
  <h5 class="mb-0"><i class="bi bi-clipboard-check me-2"></i>Daily Site Reports</h5>
  <a href="{{ route('daily-reports.create') }}" class="btn btn-primary btn-sm"><i class="bi bi-plus-lg me-1"></i>New Report</a>
</div>
<div class="card stat-card"><div class="table-responsive"><table class="table table-hover mb-0">
  <thead><tr><th>Date</th><th>Project</th><th>Workers</th><th>Weather</th><th>Submitted By</th><th>Status</th><th></th></tr></thead>
  <tbody>
    @forelse($reports as $r)
    <tr>
      <td class="small fw-semibold">{{ $r->date->format('d M Y') }}</td>
      <td class="small">{{ $r->project->name ?? '-' }}</td>
      <td class="small text-center">{{ $r->workers_present }}</td>
      <td class="small">{{ $r->weather ?? '-' }}</td>
      <td class="small">{{ $r->submitter->name ?? '-' }}</td>
      <td><span class="badge bg-{{ $r->status==='approved'?'success':($r->status==='submitted'?'info':'secondary') }}">{{ $r->status }}</span></td>
      <td class="d-flex gap-1">
        <a href="{{ route('daily-reports.show',$r) }}" class="btn btn-xs btn-outline-primary" style="font-size:.75rem;padding:.15rem .4rem"><i class="bi bi-eye"></i></a>
        @if($r->status==='submitted')<form method="POST" action="{{ route('daily-reports.approve',$r) }}">@csrf @method('PATCH')<button class="btn btn-xs btn-success" style="font-size:.75rem;padding:.15rem .4rem">Approve</button></form>@endif
      </td>
    </tr>
    @empty<tr><td colspan="7" class="text-center py-4 text-muted">No reports.</td></tr>
    @endforelse
  </tbody>
</table></div><div class="card-footer bg-white">{{ $reports->links() }}</div></div>
@endsection