@php
    use Illuminate\Support\Facades\Storage;
    use App\Models\Items;

    // Initialize variables with default values
    $itemLink = $item->custom_url ?? '#';
    $imageUrl = $imageUrlLarge = $imageUrlMedium = $imageUrlMobile = '';
    $imageAlt = '';

    // Process item_id and retrieve main image
    if ($item->item_id) {
        $tileItem = Items::find($item->item_id);
        $itemLink = linker()->itemLink($tileItem);
        $mainImage = $tileItem->images()->orderBy('is_main', 'DESC')->first();

        if ($mainImage) {
            $imageUrl = $mainImage->getImagePath();
            $imageAlt = $mainImage->name;

            // Set optimized image paths
            $imageUrlLarge = $mainImage->is_optimized ? $mainImage->getImagePath('large') : $imageUrl;
            $imageUrlMedium = $mainImage->is_optimized ? $mainImage->getImagePath('medium') : $imageUrl;
            $imageUrlMobile = $mainImage->is_optimized ? $mainImage->getImagePath('mobile') : $imageUrl;
        }
    }

    // Override image paths if custom image is provided
    if ($item->image) {
        $imageUrl = imagePath('home_page/' . $item->image);
        $imageUrlLarge = imagePath('home_page/large/' . $item->image);
        $imageUrlMedium = imagePath('home_page/medium/' . $item->image);
        $imageUrlMobile = imagePath('home_page/mobile/' . $item->image);
        $imageAlt = $item->image;
    }
@endphp
<div class="b_home_category__wrapper col-sm-6 col-xs-12" style="padding: 0;">
    <a class="b_home_category" href="{{ $itemLink }}">
        <div class="b_home_category__image">
            <img
                    src="{{ $imageUrl }}"
                    srcset="{{ $imageUrlLarge . ' 860w' }},{{ $imageUrlMedium . ' 640w' }},{{ $imageUrlMobile . ' 420w' }}"
                    alt="{{ $imageAlt }}"
                    title="{{ $item->heading }}"
            >
        </div>
        <div class="b_home_category__description">
            <h2 class="product-title"
                style="text-align:center; color: #373838; border-top: none; font-size: 14px; font-weight: bold; margin-top: 10px; margin-bottom: 0;">{{ strtoupper($item->heading) }}</h2>
        </div>
    </a>
</div>