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

    $itemLink = '#';
    $imageUrl = '';
    $imageAlt = '';
    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;
        }
    }
    if ($item->custom_url) {
        $itemLink = $item->custom_url;
    }
    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="{{ $item->custom_url }}">
        <div class="b_home_category__image">
            <img
                    width="420" height="420"
                    src="{{$imageUrlMobile}}"
                    srcset="{{$imageUrlMobile . ' 860w'}},{{$imageUrlMobile . ' 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>