@extends('layouts.dashboard')
@section('title', __('Cash Flow'))
@section('page_title', __('Cash Flow'))

@section('content')
    @include('accounting::partials.nav', ['active' => 'report-cf'])
    <div class="d-flex flex-wrap justify-content-between align-items-center mb-2 gap-2">
        <h5 class="mb-0">{{ __('Cash Flow') }} <span class="text-muted fs-6 fw-normal">{{ \Carbon\Carbon::parse($from)->format('d M Y') }} – {{ \Carbon\Carbon::parse($to)->format('d M Y') }}</span></h5>
        <div class="d-flex gap-2"><a href="{{ request()->fullUrlWithQuery(['export' => 'csv']) }}" class="btn btn-sm btn-outline-secondary"><i class="bi bi-filetype-csv me-1"></i>{{ __('Export CSV') }}</a><button onclick="window.print()" class="btn btn-sm btn-outline-secondary"><i class="bi bi-printer me-1"></i>{{ __('Print') }}</button></div>
    </div>
    @include('accounting::partials.range')

    <div class="row g-3 mb-3">
        <div class="col-6 col-lg-3"><div class="card shadow-sm"><div class="card-body"><div class="small text-muted text-uppercase">{{ __('Opening cash') }}</div><div class="fs-5 fw-bold font-monospace">{{ money_signed($opening) }}</div></div></div></div>
        <div class="col-6 col-lg-3"><div class="card shadow-sm"><div class="card-body"><div class="small text-muted text-uppercase">{{ __('Inflow') }}</div><div class="fs-5 fw-bold font-monospace text-success">{{ money($inflow) }}</div></div></div></div>
        <div class="col-6 col-lg-3"><div class="card shadow-sm"><div class="card-body"><div class="small text-muted text-uppercase">{{ __('Outflow') }}</div><div class="fs-5 fw-bold font-monospace text-danger">{{ money($outflow) }}</div></div></div></div>
        <div class="col-6 col-lg-3"><div class="card shadow-sm"><div class="card-body"><div class="small text-muted text-uppercase">{{ __('Closing cash') }}</div><div class="fs-5 fw-bold font-monospace">{{ money_signed($closing) }}</div></div></div></div>
    </div>

    <div class="card shadow-sm">
        <div class="card-header bg-white fw-semibold">{{ __('By source') }}</div>
        <table class="table table-sm mb-0">
            <thead class="table-light"><tr><th>{{ __('Source') }}</th><th class="text-end">{{ __('In') }}</th><th class="text-end">{{ __('Out') }}</th><th class="text-end">{{ __('Net') }}</th></tr></thead>
            <tbody>
            @forelse($by_source as $r)
                <tr><td>{{ status_label($r->source) }}</td><td class="text-end font-monospace">{{ money_blank($r->inflow) }}</td><td class="text-end font-monospace">{{ money_blank($r->outflow) }}</td><td class="text-end font-monospace fw-semibold">{{ money_signed($r->inflow - $r->outflow) }}</td></tr>
            @empty
                <tr><td colspan="4" class="text-center text-muted py-3">{{ __('No cash movement in this range.') }}</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
@endsection