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

$__newAttributes = [];
$__propNames = \Illuminate\View\ComponentAttributeBag::extractPropNames(([
    'product' => null,
    'image' => null,
    'context' => 'listing', // 'listing' | 'detail' - listing uses small/medium, detail uses large
    'alt' => '',
    'class' => '',
]));

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(([
    'product' => null,
    'image' => null,
    'context' => 'listing', // 'listing' | 'detail' - listing uses small/medium, detail uses large
    'alt' => '',
    'class' => '',
]), '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
    $img = $image ?? ($product?->image ?? null);
    $altText = $alt ?: ($product?->name ?? 'Product image');
    $hasMultipleSizes = $img && is_array($img) && isset($img['small']) && isset($img['large']) && ($img['small'] ?? '') !== ($img['large'] ?? '');
?>

<?php if($img && is_array($img)): ?>
    <?php if($hasMultipleSizes): ?>
        <picture>
            <source media="(max-width: 480px)" srcset="<?php echo e($img['small'] ?? $img['original']); ?>">
            <source media="(max-width: 768px)" srcset="<?php echo e($img['medium'] ?? $img['small'] ?? $img['original']); ?>">
            <img src="<?php echo e($img['large'] ?? $img['original']); ?>"
                 alt="<?php echo e($altText); ?>"
                 loading="lazy"
                 decoding="async"
                 class="<?php echo e($class); ?>"
                 <?php echo e($attributes); ?>>
        </picture>
    <?php else: ?>
        <img src="<?php echo e($img['original'] ?? $img['large'] ?? $img['small'] ?? $img['thumb'] ?? ''); ?>"
             alt="<?php echo e($altText); ?>"
             loading="lazy"
             decoding="async"
             class="<?php echo e($class); ?>"
             <?php echo e($attributes); ?>>
    <?php endif; ?>
<?php elseif($product && $product->image_path): ?>
    <img src="<?php echo e(asset('storage/' . $product->image_path)); ?>"
         alt="<?php echo e($altText); ?>"
         loading="lazy"
         decoding="async"
         class="<?php echo e($class); ?>"
         <?php echo e($attributes); ?>>
<?php else: ?>
    <?php echo e($slot ?? ''); ?>

<?php endif; ?>
<?php /**PATH /var/www/html/shaa_jewels/live/resources/views/components/product-image.blade.php ENDPATH**/ ?>