mirror of
https://github.com/NNTmux/newznab-tmux.git
synced 2026-08-29 09:18:54 +00:00
33 lines
1.7 KiB
PHP
33 lines
1.7 KiB
PHP
@props([
|
|
'action' => null,
|
|
'placeholder' => 'Quick search...',
|
|
'category' => null,
|
|
])
|
|
|
|
@php
|
|
$baseUrl = $action ?? route('search');
|
|
if ($category !== null && (int) $category > 0) {
|
|
$baseUrl .= (str_contains($baseUrl, '?') ? '&' : '?') . 't=' . (int) $category;
|
|
}
|
|
@endphp
|
|
|
|
<div class="inline-search-widget min-w-0" data-base-url="{{ $baseUrl }}">
|
|
<div class="inline-search-widget__field relative min-w-0">
|
|
<div class="inline-search-widget__icon pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3">
|
|
<i class="fas fa-search text-sm text-gray-400 dark:text-gray-500" aria-hidden="true"></i>
|
|
</div>
|
|
<input type="text"
|
|
data-role="inline-search-input"
|
|
placeholder="{{ $placeholder }}"
|
|
class="inline-search-widget__input min-h-10 w-full rounded-xl border border-gray-300 bg-white py-2 pl-10 pr-3 text-sm text-gray-900 shadow-sm transition placeholder-gray-400 focus:border-primary-500 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100 dark:placeholder-gray-500"
|
|
aria-label="{{ $placeholder }}"
|
|
autocomplete="off">
|
|
</div>
|
|
<button type="button"
|
|
data-role="inline-search-btn"
|
|
class="inline-search-widget__button inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-primary-600 text-sm text-white shadow-sm transition hover:bg-primary-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2 dark:bg-primary-700 dark:hover:bg-primary-600"
|
|
aria-label="Search">
|
|
<i class="fas fa-search" aria-hidden="true"></i>
|
|
</button>
|
|
</div>
|