@extends('admin.layout.app')
@section('body')
    <div class="container py-4">
        <h4>Summary</h4>

        <form class="row g-2 mb-3" method="GET">
            <div class="col-auto"><input type="date" class="form-control" name="from" value="{{ $from }}"></div>
            <div class="col-auto"><input type="date" class="form-control" name="to" value="{{ $to }}"></div>
            <div class="col-auto"><button class="btn btn-primary">Filter</button></div>
        </form>

        <div class="row g-3">
            <div class="col-md-4">
                <div class="card p-3">
                    <div>Total Income</div>
                    <h5 class="mb-0">{{ number_format($total_income, 2) }}</h5>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card p-3">
                    <div>Total Expenses</div>
                    <h5 class="mb-0">{{ number_format($total_expenses, 2) }}</h5>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card p-3">
                    <div>Profit</div>
                    <h5 class="mb-0">{{ number_format($profit, 2) }}</h5>
                </div>
            </div>
        </div>
    </div>
@endsection