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

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

{% block content %}

<h1>Whatcha Watchin?</h1>

<div class="fullsearch">
    <form action="/title-search" enctype="application/x-www-form-urlencoded" method="get">
        <h2>Title Search</h2>

        <label for="title">Title</label>
        <input type="text" name="title" id="title-search"></br>

        <label for="year">Release Year</label>
        <input type="text" name="year" id="title-year-search">
        <input type="submit" value="Let's go!">
    </form>

    <hr>

    <form action="/person-search" enctype="application/x-www-form-urlencoded" method="get">
        <label for="person">Person</label>
        <input type="text" name="person" id="person-search">
        <input type="submit" value="Let's go!">
    </form>

</div>

<hr />

<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 results %}
            {% include "watchlist-item.html" %}
            {% endfor %}
        </tbody>
    </table>
</div>

{% endblock %}