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

{% block title %}Welcome to Witch Watch, Bish{% endblock %}

{% block content %}

<h1>Whatcha Watchin?</h1>

<div class="quicksearch-query">{{self.search}}</div>

<div class="watchlist">
    <ul>
        {% for watch in watches %}
        <li><span class="watchtitle">{{watch.title}}</span> -- {% call m::get_or_default(watch.release_date, "when??") %}: </li>
        {% endfor %}
    </ul>
</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 %}