@props(['name', 'label'])

<div class="mb-2">
    <label for="{{ $name }}" class="label">{{ $label }}</label>
</div>
<div class="card card-border h-36 p-0 overflow-hidden relative image-upload-wrapper" data-input="{{ $name }}">
    <input type="file" name="{{ $name }}" id="{{ $name }}" class="hidden image-upload-input" accept="image/*">
    <div class="card-body flex items-center justify-center cursor-pointer">
        <img id="preview_{{ $name }}" class="max-h-full max-w-full object-contain hidden" />
        <span id="placeholder_{{ $name }}" class="text-gray-400">Klik untuk upload gambar</span>
    </div>
</div>