@props(['name', 'type' => 'text', 'icon' => null, 'placeholder' => '', 'value' => null, 'id' => null])

@php
    $id = $id ?? $name;
    $isFile = $type === 'file';
@endphp

<div class="relative">
    @if ($icon)
        {{-- posisikan ikon tepat di tengah vertikal --}}
        <span class="absolute left-3 top-1/2 -translate-y-1/2 text-gray-400 dark:text-gray-400 select-none">
            {!! $icon !!}
        </span>
    @endif

    @if ($isFile)
        <input id="{{ $id }}" name="{{ $name }}" type="file"
            {{ $attributes->merge(['class' => 'w-full border rounded-lg p-2 h-12 bg-white dark:bg-gray-800 dark:text-gray-100 placeholder-gray-500']) }} />
    @else
        <input id="{{ $id }}" name="{{ $name }}" type="{{ $type }}"
            value="{{ old($name, $value) }}" placeholder="{{ $placeholder }}"
            {{ $attributes->merge(['class' => ($icon ? 'pl-12 ' : '') . 'w-full border rounded-lg h-12 px-3 bg-white dark:bg-gray-800 dark:text-gray-100 placeholder-gray-500']) }} />
    @endif
</div>