<div class="p-30 bg-white dark:bg-card sm:mb-30 mb-20 widget">
    <div class="mb-20 widget-title">
        <h4 class="text-[26px] font-semibold text-secondary title dark:text-white">{{ $args['title'] ?? __('Search') }}</h4>
    </div>
    <div class="search-bx">
        <form action="{{ route('permalink.search') }}" role="search" method="get">
            <div class="relative flex flex-wrap items-stretch w-full">
                <input name="s" class="w-full h-60 py-10 pl-20 pr-65 bg-primary-30 dark:text-white border-2 border-secondary dark:border-white/20 g-prim placeholder:text-bodycolor" placeholder="{{ __('Search..') }}" type="text" required>
                <button type="submit" class="absolute right-5 top-1/2 -translate-y-1/2 dark:text-white text-xl z-99 size-60 bg-transparent cursor-pointer">
                    <i class="fa-solid fa-magnifying-glass"></i>
                </button>
            </div>
        </form>
    </div>
</div>
