@props(['media' => null, 'alt' => '', 'sizes' => '(max-width: 768px) 100vw, 50vw', 'lazy' => true, 'class' => '', 'priority' => false])

@if($media)
@php
    $src = $media->path ? asset('storage/'.$media->path) : ($media->metadata['url'] ?? '');
    $width = $media->metadata['width'] ?? 1280;
    $height = $media->metadata['height'] ?? 720;
@endphp
<picture>
    @if(!empty($media->metadata['webp']))
        <source srcset="{{ asset('storage/'.$media->metadata['webp']) }}" type="image/webp">
    @endif
    <img src="{{ $src }}" alt="{{ $alt ?: $media->alt_text }}" width="{{ $width }}" height="{{ $height }}"
         class="max-w-full h-auto {{ $class }}"
         @if($lazy && !$priority) loading="lazy" @endif
         @if($priority) fetchpriority="high" @endif
         decoding="async">
</picture>
@endif