@php
    $cards = [
        ['label' => 'Registered Property Owners', 'icon' => 'bx bx-group', 'variant' => 'info', 'data' => $owners, 'prefix' => '', 'url' => route('property-owners.index')],
        ['label' => 'Registered Properties', 'icon' => 'bx bx-buildings', 'variant' => 'success', 'data' => $properties, 'prefix' => '', 'url' => url('/property/view')],
        ['label' => 'Total Orders', 'icon' => 'bx bx-cart', 'variant' => 'primary', 'data' => $orders, 'prefix' => ''],
        ['label' => 'Completed Orders', 'icon' => 'bx bx-check-circle', 'variant' => 'accent', 'data' => $completedOrders, 'prefix' => '', 'url' => url('/property/list/orders?status=2')],
        ['label' => 'Order Value', 'icon' => 'bx bx-wallet', 'variant' => 'secondary', 'data' => $orderValue, 'prefix' => 'TZS '],
        ['label' => 'Completed Order Amount', 'icon' => 'bx bx-money', 'variant' => 'warning', 'data' => $completedOrderValue, 'prefix' => 'TZS '],
    ];
@endphp

@foreach ($cards as $card)
    <div class="col-lg-4 col-sm-6 mb-3">
        <div class="mlk-stat-card">
            <div class="mlk-stat-icon variant-{{ $card['variant'] }}">
                <i class="{{ $card['icon'] }}"></i>
            </div>
            <div class="mlk-stat-body">
                <div class="d-flex align-items-center justify-content-between mb-2">
                    <h5 class="mlk-stat-label mb-0">{{ $card['label'] }}</h5>
                    @if(isset($card['url']))
                        <a href="{{ $card['url'] }}" class="mlk-view-more small text-nowrap ml-2" aria-label="View all {{ strtolower($card['label']) }}">View all</a>
                    @endif
                </div>
                <div class="row no-gutters">
                    <div class="col-6">
                        <div class="mlk-stat-value">{{ $card['prefix'] }}{{ number_format($card['data']['this_year'], 0, '.', ',') }}</div>
                        <div class="mlk-stat-caption">This Year</div>
                    </div>
                    <div class="col-6">
                        <div class="mlk-stat-value">{{ $card['prefix'] }}{{ number_format($card['data']['period'], 0, '.', ',') }}</div>
                        <div class="mlk-stat-caption">This Month</div>
                    </div>
                </div>
                <div class="mlk-stat-delta {{ $card['data']['delta'] >= 0 ? 'up' : 'down' }}">
                    <i class="bx {{ $card['data']['delta'] >= 0 ? 'bx-up-arrow-alt' : 'bx-down-arrow-alt' }}"></i>
                    {{ abs($card['data']['delta']) }}% vs last year
                </div>
            </div>
        </div>
    </div>
@endforeach