{% extends "page.html" %}

{% block toolbar %}
<a class="nav-item is-active" href="/home">Back</a>
{% endblock %}

{% block main %}
<div class="moveform">
    <header class="flex items-center py1 border-bottom">
        <h1 class="m0">Move <span class="font-size-smaller">{{ torrent.name }} - {{ torrent.hash }}</span></h1>
    </header>
    <section class="mb3">
        <ul>
            {% for f in torrent.files %}
                <li>{{ f.path }} - {{ f.size }} B</li> <!-- TODO nice size formatting-->
            {% endfor %}
        </ul>
    </section>

    <h2>Move {{ torrent.name }} </h2>
    <p>{{ torrent.hash }}</p>

    <fieldset>
        <legend>current path</legend>
        {{ torrent.save_path }}
    </fieldset>

    <br/>

    <form action="/move" method="post">
        <input type="hidden" name="tkey" value="{{ tkey }}">
        <fieldset>
            <legend>new path</legend>
            <select name="dest">
                <option value="" selected="selected">-</option>
                {% for dest in options.movedests %}
                <option value="{{ dest }}">{{ dest }}</option>
                {% endfor %}
            </select>
            <label for="other">or: <input type="text" name="otherdest" /></label>
            <input type="submit" value="go">
        </fieldset>
    </form>
</div>
{% endblock %}