@extends('layouts.app', ['title' => 'Variance Reports'])
@section('content')
@php $money = app(\App\Services\CurrencyFormatter::class); @endphp
<div class="grid" style="grid-template-columns:1fr 2fr">
    <div class="card"><h2 style="margin-top:0">Generate Shift Report</h2>
        <form method="POST" action="{{ route('reports.generate') }}">@csrf
            <div class="field"><label>Shift</label><select name="shift_id" required><option value="">-- Select Shift --</option>@foreach($shifts as $shift)<option value="{{ $shift->id }}">#{{ $shift->id }} - {{ $shift->station?->station_name }} - {{ $shift->shift_date?->format('d-M-Y') }} Shift {{ $shift->shift_number }}</option>@endforeach</select></div><br>
            <button class="btn green">Generate Report</button>
        </form>
    </div>
    <div class="card"><h2 style="margin-top:0">Reports</h2>
        <table class="table"><tr><th>ID</th><th>Date</th><th>Station</th><th>Expected</th><th>Variance</th><th>Status</th><th></th></tr>
        @forelse($reports as $report)<tr><td>{{ $report->id }}</td><td>{{ $report->report_date?->format('d-M-Y') }}</td><td>{{ $report->station?->station_name }}</td><td>{{ $money->ngn($report->total_expected_revenue_ngn) }}</td><td>{{ $money->ngn($report->total_variance_ngn) }}</td><td><span class="badge {{ $report->variance_status }}">{{ $report->variance_status }}</span></td><td><a class="btn secondary" href="{{ route('reports.show',$report) }}">Open</a></td></tr>@empty<tr><td colspan="7">No reports generated yet.</td></tr>@endforelse</table>
        <div style="margin-top:14px">{{ $reports->links() }}</div>
    </div>
</div>
@endsection