@php
    $totalScooters   = $row->scooters()->count();
    $totalRides      = $row->rides()->count();
    $totalSettlements = $row->settlements()->count();
    $pendingSettlements = $row->settlements()->where('status', 'pending')->count();
@endphp

<div class="content-body">
    <div class="row mb-4">

        <div class="col-xl-4 col-lg-4 col-md-6 col-12">
            <div class="card">
                <div class="card-body">
                    <div class="card-title d-flex align-items-start justify-content-between">
                        <div class="avatar flex-shrink-0">
                            <div class="avatar-initial bg-primary rounded">
                                <i class="feather icon-battery text-white"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <span class="fw-bold d-block mb-1">{{ __('admin.scooters') }}</span>
                        <h3 class="card-title mb-2">{{ $totalScooters }}</h3>
                        <small class="text-primary fw-bold">
                            <i class="feather icon-trending-up"></i> {{ __('admin.assigned_scooters') }}
                        </small>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-xl-4 col-lg-4 col-md-6 col-12">
            <div class="card">
                <div class="card-body">
                    <div class="card-title d-flex align-items-start justify-content-between">
                        <div class="avatar flex-shrink-0">
                            <div class="avatar-initial bg-success rounded">
                                <i class="feather icon-map text-white"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <span class="fw-bold d-block mb-1">{{ __('admin.rides') }}</span>
                        <h3 class="card-title mb-2">{{ $totalRides }}</h3>
                        <small class="text-success fw-bold">
                            <i class="feather icon-trending-up"></i> {{ __('admin.rides_count') }}
                        </small>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-xl-4 col-lg-4 col-md-6 col-12">
            <div class="card">
                <div class="card-body">
                    <div class="card-title d-flex align-items-start justify-content-between">
                        <div class="avatar flex-shrink-0">
                            <div class="avatar-initial bg-warning rounded">
                                <i class="feather icon-dollar-sign text-white"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <span class="fw-bold d-block mb-1">{{ __('admin.settlements') }}</span>
                        <h3 class="card-title mb-2">{{ $totalSettlements }}</h3>
                        <small class="text-warning fw-bold">
                            <i class="feather icon-clock"></i>
                            {{ $pendingSettlements }} {{ __('admin.pending') }}
                        </small>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>