{% extends "app.html" %}

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

{% block main %}    

    <section class="chat-area">
        <div class="chat-header"><h2>Search user</h2></div>
        <div class="chat-messages">
        <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 %}
