@extends('layouts.app')

@section('content')

<div class="row g-3">

    <div class="col-md-4">
        <div class="card p-3">
            <h3>{{ $totalCustomers }}</h3>
            <p>Total Customers</p>
        </div>
    </div>

    <div class="col-md-4">
        <div class="card p-3">
            <h3>{{ $activeCustomers }}</h3>
            <p>Active Customers</p>
        </div>
    </div>

    <div class="col-md-4">
        <div class="card p-3">
            <h3>৳ {{ $monthlyCollection }}</h3>
            <p>Monthly Collection</p>
        </div>
    </div>

</div>

@endsection