{% extends "admin.html" %}




{% load thumbnail %}

{% block content %}
    <div class="row">
        <div class="span12">
            <div class="page-header">
                <h1>Asset Library</h1>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="span3">
            {% include "assets/admin/partials/search.html" %}
            <h3>Tags</h3>
            {% if tags %}
                <ul class="nav nav-pills nav-stacked">
                    <li class="active"><a href="{% url 'admin_assets' %}" title="All">All</a></li>
                    {% for tag in tags %}
                        {% if tag.slug %}
                            <li><a href="{% url 'admin_assets_by_tag' tag.slug %}" title="{{ tag }}">{{ tag }}</a></li>
                        {% endif %}
                    {% endfor %}
                </ul>
            {% endif %}
        </div>

        <div class="span9">
            <h3>
                Assets
                <div class="pull-right">
                    <a href="#" class="btn" id="show-asset-form">Upload Form <i class="icon-chevron-down"></i></a>
                </div>
            </h3>

            <form id="asset-form" class="well hide" action="" method="post" enctype="multipart/form-data">{% csrf_token %}
                <div class="row">
                    <div class="span4">
                        {% include "partials/form.html" with form=asset_form %}
                    </div>
                    <div class="span4">
                        <div class="control-group ">
                            <label for="id_name" class="control-label">Tags</label>
                            <div class="input-append">
                                <input class="span2" id="tag" type="text" autocomplete="off" data-provide="typeahead" data-source='[{% for tag in tags %}"{{ tag }}"{% if not forloop.last %},{% endif %}{% endfor %}]'>
                                <button class="btn" type="button" id="add-tag-button">Add Tag</button>
                            </div>
                        </div>
                        <div class="tags"></div>
                    </div>
                </div>
                <div class="form-actions">
                    <input type="submit" class="btn btn-primary" value="Upload" />
                </div>
            </form>


            {% include "assets/admin/partials/assets.html" %}
            {% include "assets/admin/partials/pagination.html" %}
        </div>
    </div>
{% endblock %}