{{ define "nav-search" }}
<div class="nav-search-wrapper">
    <button type="button" data-action="toggle-search" class="btn btn-ghost btn-circle" aria-label="Search" aria-expanded="false" aria-controls="nav-search-form">
        {{ icon "search" "size-5" }}
    </button>
    <form id="nav-search-form" action="/search" method="get" class="nav-search-form" role="search" inert>
        <label for="nav-search-input" class="sr-only">Search images</label>
        <input type="text" id="nav-search-input" name="q" placeholder="Search images..." value="{{ .Query }}" class="input input-sm input-bordered" />
    </form>
</div>
{{ end }}