{% extends "base/base.html" %}

{% block content %}
  <h1>Search</h1>
  <form hx-get="/search/" hx-trigger="input changed delay:300ms" hx-target="#search-dropdown">
    <input name="q" placeholder="Search..." />
  </form>
  <div id="search-dropdown"></div>
{% endblock %}
