@php
    $searchName  = $searchName  ?? 'search';
    $searchValue = $searchValue ?? request($searchName);
    $placeholder = $placeholder ?? __('dashboard.Search');
    $hidden      = $hidden      ?? request()->except([$searchName, 'page']);
@endphp

<form action="{{ $action }}" method="GET" class="app-search-form flex items-center gap-0 border border-slate-200 dark:border-slate-700 rounded-2xl bg-slate-50 dark:bg-slate-800 overflow-hidden min-h-[42px] w-full max-w-xs">
    @foreach($hidden as $k => $v)
        @if(is_array($v))
            @foreach($v as $item)<input type="hidden" name="{{ $k }}[]" value="{{ $item }}">@endforeach
        @elseif(filled($v))
            <input type="hidden" name="{{ $k }}" value="{{ $v }}">
        @endif
    @endforeach

    <span class="px-3 text-slate-400 shrink-0"><i class="fa-solid fa-magnifying-glass text-sm"></i></span>
    <input type="text" name="{{ $searchName }}" class="flex-1 bg-transparent border-0 outline-none text-sm font-semibold text-slate-800 dark:text-slate-200 placeholder-slate-400 py-2.5 min-w-0" placeholder="{{ $placeholder }}" value="{{ $searchValue }}">
    <button type="submit" class="px-3 text-slate-400 hover:text-teal-600 transition-colors shrink-0" aria-label="{{ $placeholder }}">
        <i class="fa-solid fa-arrow-{{ app()->getLocale() === 'ar' ? 'left' : 'right' }} text-base"></i>
    </button>
</form>