@extends('layouts.app')
@section('title','Reports')
@section('page-title','Reports Centre')
@section('content')
<h5 class="mb-4"><i class="bi bi-bar-chart me-2"></i>Reports Centre</h5>
<div class="row g-3">
  <div class="col-md-4"><div class="card stat-card p-3"><div class="fw-semibold mb-1"><i class="bi bi-cash-coin text-primary me-2"></i>Expenditure Report</div><p class="small text-muted mb-2">Full breakdown of all expenditures by category, project, and date range.</p><a href="{{ route('reports.expenditure') }}" class="btn btn-sm btn-primary w-100">Open Report</a></div></div>
  <div class="col-md-4"><div class="card stat-card p-3"><div class="fw-semibold mb-1"><i class="bi bi-person-check text-success me-2"></i>Attendance Report</div><p class="small text-muted mb-2">Staff attendance records and labour cost summary.</p><a href="{{ route('reports.attendance') }}" class="btn btn-sm btn-success w-100">Open Report</a></div></div>
  <div class="col-md-4"><div class="card stat-card p-3"><div class="fw-semibold mb-1"><i class="bi bi-box-seam text-warning me-2"></i>Stock Report</div><p class="small text-muted mb-2">Current stock levels and low stock alerts.</p><a href="{{ route('reports.stock') }}" class="btn btn-sm btn-warning w-100">Open Report</a></div></div>
  <div class="col-md-4"><div class="card stat-card p-3"><div class="fw-semibold mb-1"><i class="bi bi-person-gear text-info me-2"></i>Subcontractor Report</div><p class="small text-muted mb-2">Payment status and outstanding balances per subcontractor.</p><a href="{{ route('reports.subcontractors') }}" class="btn btn-sm btn-info w-100">Open Report</a></div></div>
  <div class="col-md-4"><div class="card stat-card p-3"><div class="fw-semibold mb-1"><i class="bi bi-people text-secondary me-2"></i>Labour Cost Report</div><p class="small text-muted mb-2">Total labour costs by worker and by date range.</p><a href="{{ route('reports.labour') }}" class="btn btn-sm btn-secondary w-100">Open Report</a></div></div>
</div>
@endsection