<?php $attributes ??= new \Illuminate\View\ComponentAttributeBag;

$__newAttributes = [];
$__propNames = \Illuminate\View\ComponentAttributeBag::extractPropNames(([
    /** Los productos a pintar. Colección o array de modelos con `name` e `image_url`. */
    'products' => [],
    /** Texto cuando no hay ninguno. Un guion por defecto: ocupa menos que una frase. */
    'empty' => '—',
]));

foreach ($attributes->all() as $__key => $__value) {
    if (in_array($__key, $__propNames)) {
        $$__key = $$__key ?? $__value;
    } else {
        $__newAttributes[$__key] = $__value;
    }
}

$attributes = new \Illuminate\View\ComponentAttributeBag($__newAttributes);

unset($__propNames);
unset($__newAttributes);

foreach (array_filter(([
    /** Los productos a pintar. Colección o array de modelos con `name` e `image_url`. */
    'products' => [],
    /** Texto cuando no hay ninguno. Un guion por defecto: ocupa menos que una frase. */
    'empty' => '—',
]), 'is_string', ARRAY_FILTER_USE_KEY) as $__key => $__value) {
    $$__key = $$__key ?? $__value;
}

$__defined_vars = get_defined_vars();

foreach ($attributes->all() as $__key => $__value) {
    if (array_key_exists($__key, $__defined_vars)) unset($$__key);
}

unset($__defined_vars, $__key, $__value); ?>


<?php
    $lista = collect($products)->values();
?>

<div <?php echo e($attributes->merge(['class' => 'flex items-center'])); ?>>
    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__empty_1 = true; $__currentLoopData = $lista; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $indice => $producto): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
        <div class="group relative flex-none"
             style="z-index:<?php echo e($lista->count() - $indice); ?>; <?php echo e($indice > 0 ? 'margin-left:-8px;' : ''); ?>">
            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($producto->image_url ?? null): ?>
                <img src="<?php echo e($producto->image_url); ?>" alt="<?php echo e($producto->name); ?>" title="<?php echo e($producto->name); ?>"
                     class="h-8 w-8 rounded-full border-2 bg-white object-contain transition-colors"
                     style="border-color:var(--border-default);"
                     onmouseover="this.style.borderColor='var(--orange-500)'"
                     onmouseout="this.style.borderColor='var(--border-default)'">
            <?php else: ?>
                <span title="<?php echo e($producto->name); ?>"
                      class="flex h-8 w-8 items-center justify-center rounded-full border-2 text-[11px] font-bold"
                      style="border-color:var(--border-default); background:var(--surface-brand-subtle); color:var(--orange-600);">
                    <?php echo e(Str::upper(Str::substr($producto->name, 0, 2))); ?>

                </span>
            <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
        </div>
    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
        <span class="text-[11.5px]" style="color:var(--text-subtle);"><?php echo e($empty); ?></span>
    <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
</div>
<?php /**PATH /var/www/html/resources/views/components/product-icons.blade.php ENDPATH**/ ?>