mirror of
https://github.com/NNTmux/newznab-tmux.git
synced 2026-08-28 22:01:33 +00:00
DariusIII
95 lines
4.4 KiB
PHP
95 lines
4.4 KiB
PHP
@blaze
|
|
@props([
|
|
'placeholder' => 'Search releases...',
|
|
'name' => 'search',
|
|
'value' => '',
|
|
'categorySelect' => false,
|
|
'categories' => [],
|
|
'selectedCategory' => '-1',
|
|
'submitButton' => true,
|
|
'formId' => 'search-form-' . uniqid(),
|
|
'inputId' => 'search-input-' . uniqid(),
|
|
'size' => 'normal', // 'small', 'normal', 'large'
|
|
'showSuggestion' => false,
|
|
'suggestion' => null,
|
|
])
|
|
|
|
@php
|
|
$sizeClasses = match($size) {
|
|
'small' => 'text-sm px-3 py-1.5',
|
|
'large' => 'text-lg px-4 py-3',
|
|
default => 'text-base px-4 py-2',
|
|
};
|
|
@endphp
|
|
|
|
<form method="GET" action="{{ route('search') }}" class="relative" id="{{ $formId }}" data-autocomplete-form>
|
|
<div class="flex items-stretch rounded-xl shadow-sm">
|
|
@if($categorySelect && !empty($categories))
|
|
<select name="t"
|
|
aria-label="Search category"
|
|
class="min-h-11 border border-r-0 border-gray-300 bg-gray-50 text-gray-800 {{ $sizeClasses }} rounded-l-xl focus:outline-none focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-800 dark:text-white">
|
|
<option value="-1">All</option>
|
|
@foreach($categories as $category)
|
|
@php
|
|
$catId = is_object($category) ? $category->id : ($category['id'] ?? '');
|
|
$catTitle = is_object($category) ? $category->title : ($category['title'] ?? '');
|
|
$subcats = is_object($category) ? ($category->categories ?? []) : ($category['categories'] ?? []);
|
|
@endphp
|
|
<option value="{{ $catId }}" {{ $selectedCategory == $catId ? 'selected' : '' }} class="font-semibold">
|
|
{{ $catTitle }}
|
|
</option>
|
|
@foreach($subcats as $subcat)
|
|
@php
|
|
$subcatId = is_object($subcat) ? $subcat->id : ($subcat['id'] ?? '');
|
|
$subcatTitle = is_object($subcat) ? $subcat->title : ($subcat['title'] ?? '');
|
|
@endphp
|
|
<option value="{{ $subcatId }}" {{ $selectedCategory == $subcatId ? 'selected' : '' }}>
|
|
{{ $subcatTitle }}
|
|
</option>
|
|
@endforeach
|
|
@endforeach
|
|
</select>
|
|
@endif
|
|
|
|
<div class="relative flex-1">
|
|
<input type="search"
|
|
name="{{ $name }}"
|
|
id="{{ $inputId }}"
|
|
value="{{ $value }}"
|
|
placeholder="{{ $placeholder }}"
|
|
autocomplete="off"
|
|
data-autocomplete-input="{{ $inputId }}-dropdown"
|
|
data-autocomplete-form="{{ $formId }}"
|
|
class="w-full bg-white dark:bg-gray-700 text-gray-900 dark:text-white {{ $sizeClasses }}
|
|
{{ $categorySelect ? '' : 'rounded-l-xl' }}
|
|
{{ $submitButton ? '' : 'rounded-r-xl' }}
|
|
border border-gray-300 dark:border-gray-600 focus:outline-none focus:ring-2 focus:ring-primary-500">
|
|
|
|
<!-- Autocomplete Dropdown -->
|
|
<div id="{{ $inputId }}-dropdown"
|
|
class="absolute z-50 mt-2 hidden max-h-60 w-full overflow-y-auto rounded-xl border border-gray-300 bg-white shadow-xl dark:border-gray-600 dark:bg-gray-800">
|
|
</div>
|
|
</div>
|
|
|
|
@if($submitButton)
|
|
<button type="submit"
|
|
aria-label="Search releases"
|
|
class="min-h-11 rounded-r-xl bg-primary-600 text-white {{ $sizeClasses }} font-semibold transition hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 dark:bg-primary-700 dark:hover:bg-primary-600">
|
|
<i class="fas fa-search" aria-hidden="true"></i>
|
|
<span class="sr-only">Search</span>
|
|
</button>
|
|
@endif
|
|
</div>
|
|
|
|
@if($showSuggestion && !empty($suggestion))
|
|
<div class="mt-2 text-sm">
|
|
<span class="text-gray-600 dark:text-gray-400">Did you mean: </span>
|
|
<a href="{{ route('search', ['search' => $suggestion]) }}"
|
|
class="text-primary-600 dark:text-primary-400 hover:underline font-medium">
|
|
{{ $suggestion }}
|
|
</a>
|
|
<span class="text-gray-500 dark:text-gray-500">?</span>
|
|
</div>
|
|
@endif
|
|
</form>
|