@extends('layouts.app', ['title' => 'Variance Report #'.$report->id])
@section('content')
<div class="card">
    <div style="display:flex;justify-content:space-between;gap:16px;align-items:flex-start">
        <div>
            <h2 style="margin:0">Daily Petrol Station Variance Report</h2>
            <p class="muted">{{ $report->station?->station_name }} · {{ $report->report_date?->format('d-M-Y') }} · Shift {{ $report->shift_number }}</p>
        </div>
        <div class="actions no-print"><button class="btn secondary" onclick="window.print()">Print / Save PDF</button><a class="btn" href="{{ route('reports.csv',$report) }}">Export CSV</a></div>
    </div>
    <div class="grid cards" style="margin-top:16px">
        <div class="card"><h3>Expected Revenue</h3><div class="metric">{{ $money->ngn($report->total_expected_revenue_ngn) }}</div></div>
        <div class="card"><h3>POS Revenue</h3><div class="metric">{{ $money->ngn($report->total_pos_revenue_ngn) }}</div></div>
        <div class="card"><h3>Blind Cash</h3><div class="metric">{{ $money->ngn($report->total_blind_cash_declared_ngn) }}</div></div>
        <div class="card"><h3>Variance</h3><div class="metric">{{ $money->ngn($report->total_variance_ngn) }}</div><span class="badge {{ $report->variance_status }}">{{ $report->variance_status }}</span></div>
    </div>
    <h3>Line Items</h3>
    <table class="table">
        <tr><th>Tank</th><th>Product</th><th>Opening</th><th>Deliveries</th><th>Closing</th><th>Expected Vol.</th><th>POS Vol.</th><th>Price</th><th>Expected Rev.</th><th>POS Rev.</th><th>Blind Cash</th><th>Variance</th><th>%</th><th>Status</th></tr>
        @foreach($report->lines as $line)
            <tr><td>{{ $line->tank?->tank_label }}</td><td>{{ $line->tank?->product?->product_code }}</td><td>{{ number_format($line->opening_dip_litres,2) }}</td><td>{{ number_format($line->deliveries_litres,2) }}</td><td>{{ number_format($line->closing_dip_litres,2) }}</td><td>{{ number_format($line->expected_volume_litres,2) }}</td><td>{{ number_format($line->pos_volume_litres,2) }}</td><td>{{ $money->ngn($line->price_per_litre_ngn) }}</td><td>{{ $money->ngn($line->expected_revenue_ngn) }}</td><td>{{ $money->ngn($line->pos_revenue_ngn) }}</td><td>{{ $money->ngn($line->blind_cash_declared_ngn) }}</td><td>{{ $money->ngn($line->overall_variance_ngn) }}</td><td>{{ number_format($line->variance_pct,3) }}%</td><td><span class="badge {{ $line->variance_status }}">{{ $line->variance_status }}</span></td></tr>
        @endforeach
    </table>
    <div class="no-print" style="margin-top:18px">
        <form method="POST" action="{{ route('reports.approve',$report) }}">@csrf
            <div class="field"><label>Approval / Investigation Notes</label><textarea name="approval_notes">{{ $report->approval_notes }}</textarea></div><br>
            <button class="btn green">Approve / Sign Off</button>
        </form>
    </div>
</div>
@endsection