@extends('layouts.app')
@section('title', 'Cash book')

@section('content')
<x-page-header title="Cash book" :subtitle="$from->format('d M Y').' – '.$to->format('d M Y')">
    <button class="btn btn-ghost d-print-none" type="button" onclick="window.print()"><i class="bi bi-printer" aria-hidden="true"></i> Print</button>
</x-page-header>
@include('reports._range', ['export' => true])

<div class="row g-3 mb-3 stagger">
    @foreach ([
        ['Opening balance', $opening, '', 'safe', ''],
        ['Money in', $totalIn, 'text-success', 'arrow-down-left-circle', 'chip-success'],
        ['Money out', $totalOut, 'text-danger', 'arrow-up-right-circle', 'chip-danger'],
        ['Closing balance', $closing, $closing < 0 ? 'text-danger' : '', 'wallet', 'chip-violet'],
    ] as [$label, $value, $class, $icon, $chip])
        <div class="col-6 col-xl-3"><div class="card card-body py-3"><div class="d-flex align-items-center gap-3"><span class="icon-chip {{ $chip }}"><i class="bi bi-{{ $icon }}"></i></span><div class="min-w-0"><div class="stat-label">{{ $label }}</div><div class="stat-value stat-sm {{ $class }}">{{ money($value) }}</div></div></div></div></div>
    @endforeach
</div>

@if (count($chart['labels']) > 1)
<div class="card mb-3">
    <div class="card-header"><span class="card-title">Cash balance</span><span class="card-sub">End of day</span></div>
    <div class="card-body"><div class="chart-box h-sm"><canvas data-chart='@json($chart, JSON_HEX_APOS | JSON_HEX_AMP)' role="img" aria-label="Line chart of the running cash balance"></canvas></div></div>
</div>
@endif

<div class="card">
    <div class="table-wrap">
        <table class="table table-modern table-cards table-sm align-middle">
            <thead><tr><th>Date</th><th>Type</th><th>Party</th><th>Details</th><th>Method</th><th class="num">In</th><th class="num">Out</th><th class="num">Balance</th></tr></thead>
            <tbody>
                <tr class="d-none d-md-table-row"><td colspan="7" class="fw-semibold text-muted">Opening balance</td><td class="num fw-semibold">{{ money($opening) }}</td></tr>
            @forelse ($entries as $e)
                <tr>
                    <td class="cell-title" data-label="Date"><a href="{{ $e['url'] }}" class="cell-main text-decoration-none">{{ $e['date']->format('d M Y') }}</a></td>
                    <td data-label="Type"><span class="badge-soft badge-soft-{{ $e['type'] === 'Receipt' ? 'success' : ($e['type'] === 'Expense' ? 'warning' : 'danger') }}">{{ $e['type'] }}</span></td>
                    <td data-label="Party">{{ $e['party'] }}</td>
                    <td data-label="Details"><span class="cell-clip" style="max-width:260px">{{ $e['detail'] ?: '—' }}</span></td>
                    <td data-label="Method">{{ \App\Models\Payment::METHODS[$e['method']] ?? $e['method'] }}</td>
                    <td class="num money-in" data-label="In">{{ $e['in'] ? money($e['in']) : '' }}</td>
                    <td class="num money-out" data-label="Out">{{ $e['out'] ? money($e['out']) : '' }}</td>
                    <td class="num fw-semibold {{ $e['balance'] < 0 ? 'text-danger' : '' }}" data-label="Balance">{{ money($e['balance']) }}</td>
                </tr>
            @empty
                <tr class="empty-row"><td colspan="8"><x-empty icon="journal-text" title="No transactions in this period" text="Try a wider date range." /></td></tr>
            @endforelse
            </tbody>
            <tfoot><tr><td colspan="5">Totals · closing balance</td><td class="num money-in">{{ money($totalIn) }}</td><td class="num money-out">{{ money($totalOut) }}</td><td class="num {{ $closing < 0 ? 'text-danger' : '' }}">{{ money($closing) }}</td></tr></tfoot>
        </table>
    </div>
    <div class="card-footer">Includes client receipts, vendor payments and operating expenses, whether cash, bank or UPI.</div>
</div>
@endsection