{% 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="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.year(), "when??") -%}:
            {{watch.kind}} </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 %}