{% extends "app.html" %}

{% block title %}Search{% endblock %}

{% block main %}

<section class="chat-area">
    <div class="chat-header">
        <h2>Search user</h2>
    </div>
    <div class="container">
        <form method="get" action="/search-user.html">
            <input type="text" placeholder="Username" name="query" value="{{query}}" REQUIRED></input>
            <fancy-button size="auto" text="Search" url="submit"></fancy-button>
        </form>
        <ul>
            {% for user in users %}
            <li>
                <a href="/channel/{{user.uid.value}}.html">{{user.username.value}}</a>
            </li>

            {% endfor %}
        </ul>


    </div>
</section>
{% endblock %}