@php
    $thumbnailUrl = '';
    if (!empty($value) && is_numeric($value)) {
        $media = \Illuminate\Support\Facades\DB::table('v2_gallery_media')->where('id', $value)->first();
        if ($media) {
            /** @var \V2\Services\Storage\StorageService $storageService */
            $storageService = app(\V2\Services\Storage\StorageService::class);
            $thumbnailUrl = $storageService->url($media->file_path);
        }
    }
@endphp
<div class="image-picker-container" data-input-id="{{ $inputId }}">
    <label class="form-label fw-bold">{{ $label }}</label>
    <div class="input-group">
        <input type="hidden" name="{{ $name }}" value="{{ $value }}" id="{{ $inputId }}">
        <input type="text" class="form-control" id="{{ $inputId }}-preview-text" value="{{ $value ? 'Imagem Selecionada (ID: '.$value.')' : 'Nenhuma imagem selecionada' }}" readonly>
        <button class="btn btn-primary btn-select-image d-inline-flex align-items-center gap-1 fw-bold" type="button" data-input-id="{{ $inputId }}">
            <i class="bi bi-image"></i> Selecionar
        </button>
        <button class="btn btn-danger btn-clear-image d-inline-flex align-items-center justify-content-center" type="button" data-input-id="{{ $inputId }}" {{ !$value ? 'disabled' : '' }}>
            <i class="bi bi-x-lg"></i>
        </button>
    </div>
    <div class="image-preview-thumbnail" id="{{ $inputId }}-thumbnail" style="margin-top: 10px;">
        @if($thumbnailUrl)
            <img src="{{ $thumbnailUrl }}" class="img-thumbnail" style="max-height: 80px; margin-top: 5px;" alt="Prévia da imagem selecionada">
        @endif
    </div>
</div>