@props(['cards'])

<div class="row mb-4">
    @foreach($cards as $card)
        <div class="col-lg-3 col-md-6 mb-3">
            <x-kpi-card 
                :label="$card['label'] ?? $card['title'] ?? ''" 
                :value="$card['value'] ?? '0'" 
                :color="$card['color'] ?? 'info'" 
                :icon="$card['icon'] ?? 'fas fa-chart-bar'"
                :url="$card['url'] ?? null"
                :filter="$card['filter'] ?? null"
                :tableId="$card['tableId'] ?? 'tablaClientes'"
            />
        </div>
    @endforeach
</div>