{% extends 'base.html' %}
{% block title %}preview/{{ filename }}{% endblock %}
{% block content %}

    {% if g.user %}
        <form method="post" action={{ url_for('files.delete_file', file_id=file.id) }}>
            <input type="submit" class="button-primary u-pull-right" value="delete">
        </form>
    {% endif %}

    <div class="row">
        <h4 class="u-pull-left">
            <a href="{{ url_for('files.uploaded_file', filename=file.filename) }}">{{ file.filename }}{{' - Private' if file.private == 1 }}</a>
        </h4>
    </div>

    {% block preview %}{% endblock %}

    {% if g.user %}
        <form action="{{ url_for('files.rename_file', file_id=file.id) }}" method="post">
            <div class="row">
                <label for="new_name">~/rename</label>
                <div class="nine columns">
                    <input type="text" class="u-full-width" id="new_name" name="new_name" value="{{ file.filename }}">
                </div>
                <div class="two columns">
                    <input type="submit" class="button-primary" value="rename">
                </div>
            </div>
        </form>

        <form action="{{ url_for('files.recategorize', file_id=file.id) }}" method="post">
            <div class="row">
                <label for="new_category">~/category</label>
                <div class="nine columns">
                    <select class="u-full-width" name="new_category" id="new_category">
                        {% for category in categories %}
                        <option value="{{ category.id }}" {{ 'selected' if category.id == file.category_id }}>{{ category.name }}</option>
                        {% endfor %}
                    </select>
                </div>
                <div class="two columns">
                    <input type="submit" class="button-primary" value="change category">
                </div>
            </div>
        </form>

        <form action="{{ url_for('files.retype', file_id=file.id) }}" method="post">
            <div class="row">
                <label for="new_type">~/type</label>
                <div class="nine columns">
                    <select class="u-full-width" name="new_type" id="new_type">
                        {% for file_type in file_types %}
                        <option value="{{ file_type.id }}" {{ 'selected' if file_type.id == file.file_type_id}}>{{ file_type.name }}</option>
                        {% endfor %}
                    </select>
                </div>
                <div class="two columns">
                    <input type="submit" class="button-primary" value="change type">
                </div>
            </div>
        </form>
    {% endif %}

{% endblock %}