{% extends 'base.html' %}

{% load i18n %}
{% load widget_tweaks %}

{% block title %}{% trans "Home" %}{% endblock %}

{% block content %}

    <section class="intro">

        <article>
            <h1>Leave a Special Mention</h1>
            <p>Type the caring person’s name or place of work to find them.</p>
        </article>

        <form>
            {% csrf_token %}
            <input
                onkeydown="if (event.keyCode === 13) event.preventDefault();"
                autocomplete="off"
                type="text"
                name="{{ form.search.name }}" id="id_{{ form.search.name }}"
                class=""
                placeholder="Start typing..."
                hx-get="{% url 'carer_search' %}"
                hx-target="#searchResults"
                hx-trigger="keyup changed delay:1s"
                value="{{ form.search.value|default_if_none:'' }}">
        </form>

    </section>

    {# Hide by default due to spacing #}
    <div id="searchResults" class="w-full flex flex-col gap-y-2 -mt-6"></div>

{% endblock %}