@extends('layouts.app', ['title' => 'Dashboard'])
@section('content')
@php $money = app(\App\Services\CurrencyFormatter::class); @endphp
<div class="grid cards">
    <div class="card"><h3>Clients</h3><div class="metric">{{ number_format($cards['clients']) }}</div></div>
    <div class="card"><h3>Stations</h3><div class="metric">{{ number_format($cards['stations']) }}</div></div>
    <div class="card"><h3>Open Shifts</h3><div class="metric">{{ number_format($cards['open_shifts']) }}</div></div>
    <div class="card"><h3>Flagged Reports</h3><div class="metric">{{ number_format($cards['flagged_reports']) }}</div></div>
    <div class="card"><h3>Today Expected Revenue</h3><div class="metric">{{ $money->ngn($cards['today_expected']) }}</div></div>
    <div class="card"><h3>Today POS Revenue</h3><div class="metric">{{ $money->ngn($cards['today_pos']) }}</div></div>
    <div class="card"><h3>Today Blind Cash</h3><div class="metric">{{ $money->ngn($cards['today_cash']) }}</div></div>
    <div class="card"><h3>Today Variance</h3><div class="metric">{{ $money->ngn($cards['today_variance']) }}</div></div>
</div>
<div class="grid" style="grid-template-columns:2fr 1fr;margin-top:16px">
    <div class="card"><canvas id="trendChart" class="chart"></canvas></div>
    <div class="card"><h3>Quick Actions</h3>
        <p><a class="btn" href="{{ route('management.create','shifts') }}">Create Shift</a></p>
        <p><a class="btn secondary" href="{{ route('management.create','readings') }}">Enter Reading</a></p>
        <p><a class="btn secondary" href="{{ route('management.create','blind-cash-declarations') }}">Declare Blind Cash</a></p>
        <p><a class="btn green" href="{{ route('reports.index') }}">Generate Report</a></p>
    </div>
</div>
<div class="grid" style="grid-template-columns:1fr 1fr;margin-top:16px">
    <div class="card"><h3>Recent Reports</h3>
        <table class="table"><tr><th>Date</th><th>Station</th><th>Status</th><th>Variance</th></tr>
        @forelse($recentReports as $r)<tr><td>{{ $r->report_date?->format('d-M-Y') }}</td><td>{{ $r->station?->station_name }}</td><td><span class="badge {{ $r->variance_status }}">{{ $r->variance_status }}</span></td><td>{{ $money->ngn($r->total_variance_ngn) }}</td></tr>@empty<tr><td colspan="4">No reports yet.</td></tr>@endforelse</table>
    </div>
    <div class="card"><h3>Recent Shifts</h3>
        <table class="table"><tr><th>Date</th><th>Station</th><th>Shift</th><th>Status</th></tr>
        @forelse($recentShifts as $s)<tr><td>{{ $s->shift_date?->format('d-M-Y') }}</td><td>{{ $s->station?->station_name }}</td><td>{{ $s->shift_number }}</td><td>{{ $s->status }}</td></tr>@empty<tr><td colspan="4">No shifts yet.</td></tr>@endforelse</table>
    </div>
</div>
@endsection
@push('scripts')
<script>
const trendLabels = @json($trend->pluck('report_date')->map(fn($d)=>\Carbon\Carbon::parse($d)->format('d M'))->values());
const trendValues = @json($trend->pluck('expected')->map(fn($v)=>(float)$v)->values());
drawBarChart('trendChart', trendLabels, trendValues);
</script>
@endpush