@php
    $webp1xExists = !empty($webpSrc) && file_exists(public_path($webpSrc));
    $webp2xExists = !empty($webpSrc2x) && file_exists(public_path($webpSrc2x));

    $srcset = asset($src);
    if (!empty($src2x)) {
        $srcset .= ' 1x, ' . asset($src2x) . ' 2x';
    }

    $webpSrcset = '';
    if ($webp1xExists) {
        $webpSrcset = asset($webpSrc);
        if ($webp2xExists) {
            $webpSrcset .= ' 1x, ' . asset($webpSrc2x) . ' 2x';
        }
    }
@endphp

<picture>
    @if ($webpSrcset)
        <source srcset="{{ $webpSrcset }}" type="image/webp"
            @if (!empty($sizes)) sizes="{{ $sizes }}" @endif>
    @endif

    <img src="{{ asset($src) }}"
        @if (!empty($src2x)) srcset="{{ asset($src) }} 1x, {{ asset($src2x) }} 2x" @endif
        @if (!empty($sizes)) sizes="{{ $sizes }}" @endif
        @if ($fetchpriority) fetchpriority="high" @endif
        @if ($loading !== false) loading="lazy" @endif decoding="async" class="{{ $class }}"
        alt="{{ $alt }}" title="{{ $title ?? $alt }}"
        @if (!empty($width)) width="{{ $width }}" @endif
        @if (!empty($height)) height="{{ $height }}" @endif>
</picture>