@extends('layouts.admin')

@section('title', 'Finance Reports')

@section('content')
<x-ui.page-header
    title="Finance Reports"
    subtitle="Filter collections, invoices, receipts, and refunds."
    :breadcrumbs="[
        ['label' => 'Home', 'href' => route('dashboard')],
        ['label' => 'Student Finance', 'href' => route('finance.dashboard')],
        ['label' => 'Reports'],
    ]"
/>

@include('institution.partials.flash')

<div class="row g-4">
    <div class="col-lg-4">
        <x-ui.card title="Date range">
            <form method="GET" action="{{ route('finance.reports.index') }}">
                <div class="row g-3">
                    <div class="col-12">
                        <div class="bv-form-group">
                            <div class="bv-form-group__field">
                                <i class="bv-form-group__icon bi bi-calendar"></i>
                                <div class="form-floating">
                                    <input type="date" name="from" class="form-control bv-form-control" value="{{ $filters['from'] ?? '' }}">
                                    <label>From</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="bv-form-group">
                            <div class="bv-form-group__field">
                                <i class="bv-form-group__icon bi bi-calendar-check"></i>
                                <div class="form-floating">
                                    <input type="date" name="to" class="form-control bv-form-control" value="{{ $filters['to'] ?? '' }}">
                                    <label>To</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="mt-3">
                    <x-ui.button type="submit" variant="primary" icon="bi-funnel">Run report</x-ui.button>
                </div>
            </form>
        </x-ui.card>
    </div>
    <div class="col-lg-8">
        <div class="row g-4">
            <div class="col-6 col-lg-4">
                <x-ui.stat-card label="Payments total" :counter="number_format((float) ($summary['payments_total'] ?? 0), 2)" icon="bi-cash-coin" />
            </div>
            <div class="col-6 col-lg-4">
                <x-ui.stat-card label="Payments count" :counter="$summary['payments_count'] ?? 0" icon="bi-list-ol" />
            </div>
            <div class="col-6 col-lg-4">
                <x-ui.stat-card label="Invoices total" :counter="number_format((float) ($summary['invoices_total'] ?? 0), 2)" icon="bi-receipt" />
            </div>
            <div class="col-6 col-lg-4">
                <x-ui.stat-card label="Invoices count" :counter="$summary['invoices_count'] ?? 0" icon="bi-file-earmark-text" />
            </div>
            <div class="col-6 col-lg-4">
                <x-ui.stat-card label="Receipts" :counter="$summary['receipts_count'] ?? 0" icon="bi-receipt-cutoff" />
            </div>
            <div class="col-6 col-lg-4">
                <x-ui.stat-card label="Refunds total" :counter="number_format((float) ($summary['refunds_total'] ?? 0), 2)" icon="bi-arrow-counterclockwise" />
            </div>
        </div>
    </div>
</div>
@endsection