@props([
    'name',
    'label',
    'current' => null,   // nilai mentah kolom (URL atau path) untuk input URL
    'preview' => null,   // URL ter-resolve untuk pratinjau (accessor model)
    'accept' => 'image/*',
    'isPdf' => false,
    'help' => null,
])

{{-- Field media hybrid: upload file ATAU tempel URL. File menang bila keduanya diisi. --}}
<div class="space-y-2">
    <label class="label">{{ $label }}</label>

    @if($preview)
        <div class="flex items-center gap-3">
            @if($isPdf)
                <a href="{{ $preview }}" target="_blank" class="inline-flex items-center gap-1 text-sm text-qr-accent underline">📄 Lihat file saat ini</a>
            @else
                <img src="{{ $preview }}" class="h-16 w-24 rounded border border-qr-border object-cover" alt="pratinjau {{ $label }}">
            @endif
        </div>
    @endif

    <input type="file" name="{{ $name }}_file" accept="{{ $accept }}" class="field text-sm file:mr-3 file:rounded file:border-0 file:bg-qr-surface2 file:px-3 file:py-1.5 file:text-qr-text">
    <x-input-error :messages="$errors->get($name.'_file')" class="mt-1" />

    <input name="{{ $name }}" value="{{ old($name, $current) }}" class="field text-sm" placeholder="atau tempel URL {{ $isPdf ? 'PDF' : 'gambar' }} di sini">
    <x-input-error :messages="$errors->get($name)" class="mt-1" />

    <p class="text-xs text-qr-muted">{{ $help ?? 'Upload file (maks '.($isPdf ? '20MB PDF' : '2MB gambar').') atau tempel URL. Jika upload, file diutamakan.' }}</p>
</div>