@extends('layouts.app')
@section('title', 'Finance Reports')
@section('content')
<div class="card">
    <h2 style="font-size:17px;color:#0b4f2c;margin-bottom:16px;">Financial Report</h2>
    <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:14px;">
        <div class="card" style="margin:0;"><div style="font-size:11px;color:#777;">Total Invoiced</div><div style="font-size:20px;font-weight:bold;">₦{{ number_format($total_invoiced, 2) }}</div></div>
        <div class="card" style="margin:0;"><div style="font-size:11px;color:#777;">Total Collected</div><div style="font-size:20px;font-weight:bold;color:#0b4f2c;">₦{{ number_format($total_collected, 2) }}</div></div>
        <div class="card" style="margin:0;"><div style="font-size:11px;color:#777;">Outstanding</div><div style="font-size:20px;font-weight:bold;color:#a33;">₦{{ number_format($outstanding, 2) }}</div></div>
    </div>
    <p style="font-size:12px;color:#777;margin-top:14px;">See <a href="{{ url('/finance/debtors') }}" style="color:#0b4f2c;">Debtors Report</a> and <a href="{{ url('/finance/income-report') }}" style="color:#0b4f2c;">Income Report</a> for further breakdowns.</p>
</div>
@endsection