{% extends "base.html" %}
{% import "macros.html" as m %}

{% block title %}Welcome to What 2 Watch, Buddy{% endblock %}

{% block content %}

<h1>Whatcha Watchin?</h1>

{% match user %}
{% when Some with (usr) %}
<div>
    <p>
        Hello, {{ usr.username }}! It's nice to see you.
    </p>
</div>


<p>
<form action="/title-search" enctype="application/x-www-form-urlencoded" method="get">
    <label for="title">Looking for something else to watch?</label>
    <input type="text" name="title" id="title"></br>
    <input type="submit" value="Let's go!">
</form>
</p>

<p>Here are your things to watch:</p>
<div class="watchlist">
    <table>
        <thead>
            <tr>
                <th>Title</th>
                <th>Link</th>
                <th>Type</th>
                <th>Year</th>
                <th>Status</th>
            </tr>
        </thead>
        <tbody>
            {% for watch in watches %}
            {% include "watchlist-item.html" %}
            {% endfor %}
        </tbody>
    </table>
</div>
{% else %}
<p>
    Heya, why don't you <a href="/login">log in</a> or <a href="/signup">sign up</a>?
</p>
{% endmatch %}

{% endblock %}