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

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

{% block content %}

<h1>Whatcha Watchin?</h1>
<div class="watchlist">
    <table>
        <thead>
            <tr>
                <th>Title</th>
                <th>Type</th>
                <th>Year</th>
                <th>Watching?</th>
            </tr>
        </thead>
        <tbody>
            {% for watch in watches %}
            {% include "watch-search-result.html" %}
            {% endfor %}
        </tbody>
    </table>
    <hr />
</div>

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

<h2>Fussy Search</h2>
<div class="fullsearch">
    <label for="title">Title</label>
    <input type="text" name="title" id="title"></br>

    <label for="year">Release Year</label>
    <input type="text" name="year" id="year"></br>

    <label for="kind">Type</label>
    <select id="kind" name="kind">
        <option value="">Unknown</option>
        <option value="0">Movie</option>
        <option value="1">Series</option>
        <option value="2">Limited Series</option>
        <option value="3">Short</option>
        <option value="4">Other</option>
    </select>

    <input type="submit" value="Let's go!">
    </form>


</div>

{% endblock %}