16 lines
929 B
HTML
16 lines
929 B
HTML
{% load i18n %}
|
|
|
|
<form method="get" class="flex gap-2 items-center">
|
|
<div class="relative flex-grow-1 w-full max-w-lg">
|
|
<input type="text" name="search"
|
|
class="w-full pl-10 pr-4 py-2 bg-white border border-gray-200 rounded-lg text-sm focus:ring-2 focus:ring-temple-red/20 focus:border-temple-red outline-none transition"
|
|
placeholder="{% trans 'Search...' %}"
|
|
value="{{ search_query }}"
|
|
aria-label="{% trans 'Search' %}">
|
|
<i data-lucide="search" class="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400"></i>
|
|
</div>
|
|
<button type="submit" class="inline-flex items-center gap-2 bg-temple-red hover:bg-[#7a1a29] text-white font-medium px-4 py-2 rounded-lg text-sm transition shadow-sm hover:shadow-md">
|
|
<i data-lucide="search" class="w-4 h-4"></i>
|
|
<span class="hidden md:inline">{% trans "Search" %}</span>
|
|
</button>
|
|
</form> |