@extends('layouts.finance')

@section('title', 'Cash Flow')
@section('subtitle', 'Inflows and outflows over time')

@section('content')
    <div class="grid grid-3 mb">
        @include('finance.partials.kpi', ['label' => 'Cash In', 'value' => $metrics->money($cashflow['cash_in']), 'color' => '#10b981'])
        @include('finance.partials.kpi', ['label' => 'Cash Out', 'value' => $metrics->money($cashflow['cash_out']), 'color' => '#ef4444'])
        @include('finance.partials.kpi', ['label' => 'Net Cash Flow', 'value' => $metrics->money($cashflow['net']), 'color' => $cashflow['net'] >= 0 ? '#10b981' : '#ef4444'])
    </div>
    <section class="card mb">
        <div class="section-head"><h2>Cash Flow Trend</h2></div>
        <table>
            <thead><tr><th>Month</th><th class="right">Cash In</th><th class="right">Cash Out</th><th class="right">Net</th></tr></thead>
            <tbody>
            @foreach($trend['labels'] as $i => $label)
                <tr>
                    <td>{{ $label }}</td>
                    <td class="right">{{ $metrics->money($trend['revenue'][$i]) }}</td>
                    <td class="right">{{ $metrics->money($trend['expenses'][$i]) }}</td>
                    <td class="right">{{ $metrics->money($trend['revenue'][$i] - $trend['expenses'][$i]) }}</td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </section>
    <section class="card card-pad">
        <h2 style="margin-top:0">Notes</h2>
        <p class="muted">Cash flow is computed from posted transaction rows. Income increases cash, expenses decrease cash, and transfers should be entered as paired rows or managed through the ledger flow.</p>
    </section>
@endsection