@props(['label' => 'Image', 'name' => 'image', 'currentUrl' => null])

@php
    $preview = null;
    if ($currentUrl) {
        $preview = str_starts_with($currentUrl, 'http') ? $currentUrl : asset(ltrim($currentUrl, '/'));
    }
@endphp

<div class="form-group">
    <label for="{{ $name }}">{{ $label }}</label>
    @if($preview)
        <div class="admin-image-preview" style="margin-bottom:0.75rem">
            <img src="{{ $preview }}" alt="" style="max-width:220px;max-height:140px;border-radius:8px;object-fit:cover;border:1px solid #e5e7eb">
        </div>
        <p style="font-size:0.8rem;color:#6b7280;margin:0 0 0.5rem">Image actuelle — sélectionnez un fichier pour la remplacer.</p>
    @endif
    <input type="file" id="{{ $name }}" name="{{ $name }}" accept="image/jpeg,image/png,image/webp,image/gif">
    <p style="font-size:0.75rem;color:#9ca3af;margin:0.35rem 0 0">JPG, PNG, WebP ou GIF — max. 5 Mo</p>
    @error($name)<span style="color:#dc2626;font-size:0.8rem;display:block;margin-top:0.35rem">{{ $message }}</span>@enderror
</div>