@props([
    'src',
    'alt' => '',
    'class' => '',
    'loading' => null,
    'fetchpriority' => null,
    'width' => null,
    'height' => null,
])

@php
    $webpSrc = preg_replace('/\.(png|jpe?g)$/i', '.webp', $src);
    $webpPath = public_path(ltrim(parse_url($webpSrc, PHP_URL_PATH) ?: $webpSrc, '/'));
    $hasWebp = is_file($webpPath);
@endphp

@if($hasWebp)
<picture>
    <source srcset="{{ $webpSrc }}" type="image/webp">
    <img
        src="{{ $src }}"
        alt="{{ $alt }}"
        @if($class) class="{{ $class }}" @endif
        @if($loading) loading="{{ $loading }}" @endif
        @if($fetchpriority) fetchpriority="{{ $fetchpriority }}" @endif
        @if($width) width="{{ $width }}" @endif
        @if($height) height="{{ $height }}" @endif
        {{ $attributes->except(['src', 'alt', 'class', 'loading', 'fetchpriority', 'width', 'height']) }}
    >
</picture>
@else
<img
    src="{{ $src }}"
    alt="{{ $alt }}"
    @if($class) class="{{ $class }}" @endif
    @if($loading) loading="{{ $loading }}" @endif
    @if($fetchpriority) fetchpriority="{{ $fetchpriority }}" @endif
    @if($width) width="{{ $width }}" @endif
    @if($height) height="{{ $height }}" @endif
    {{ $attributes->except(['src', 'alt', 'class', 'loading', 'fetchpriority', 'width', 'height']) }}
>
@endif