@extends('layouts.app')
@section('title','Night Watch Logs')
@section('page-title','Night Watch Logs')
@section('content')
<div class="page-header d-flex justify-content-between align-items-center">
  <h5 class="mb-0"><i class="bi bi-moon-stars me-2"></i>Night Watch Logs</h5>
  <a href="{{ route('night-watch.create') }}" class="btn btn-primary btn-sm"><i class="bi bi-plus-lg me-1"></i>New Log</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>Officer</th><th>Duty Start</th><th>Duty End</th><th>Incident?</th></tr></thead>
  <tbody>
    @forelse($logs as $log)
    <tr>
      <td class="small">{{ $log->date->format('d/m/Y') }}</td>
      <td class="small">{{ $log->project->name ?? '-' }}</td>
      <td class="small fw-semibold">{{ $log->officer_on_duty }}</td>
      <td class="small">{{ $log->duty_start }}</td>
      <td class="small">{{ $log->duty_end }}</td>
      <td>@if($log->any_incident)<span class="badge bg-danger"><i class="bi bi-exclamation-triangle me-1"></i>Yes</span>@else<span class="badge bg-success">None</span>@endif</td>
    </tr>
    @empty<tr><td colspan="6" class="text-center py-4 text-muted">No night watch logs.</td></tr>
    @endforelse
  </tbody>
</table></div><div class="card-footer bg-white">{{ $logs->links() }}</div></div>
@endsection