{% extends 'admin/master.html' %}
{% import 'admin/lib.html' as lib %}

{% block head %}
    <link href="{{ url_for('admin.static', filename='chosen/chosen.css') }}" rel="stylesheet">
    <link href="{{ url_for('admin.static', filename='css/datepicker.css') }}" rel="stylesheet">
{% endblock %}

{% block body %}
    {% if search_supported %}
    <form method="GET" action="{{ return_url }}" class="well form-search">
        {% if search %}
            <a href="{{ clear_search_url }}">
                <i class="icon-remove"></i>
            </a>
        {% endif %}
        {% if sort_column is not none %}
        <input type="hidden" name="sort" value="{{ sort_column }}"></input>
        {% endif %}
        {% if sort_desc %}
        <input type="hidden" name="desc" value="{{ sort_desc }}"></input>
        {% endif %}
        <input type="text" name="search" value="{{ search or '' }}" class="span10 search-query"></input>
        <button type="submit" class="btn">Search</button>
    </form>
    {% endif %}

    {% if filter_names %}
    <form id="filter_form" method="GET" action="{{ return_url }}" class="well">
        <div id="filters">
            {%- for idx, flt in enumerate(active_filters) -%}
            <div id="fltdiv{{ idx }}" class="filter-row">
                <a href="#" class="remove-filter"><i class="icon-remove"></i></a><select name="flt{{ idx }}" class="filter-op" data-role="chosen">
                    {% for optidx, opt in enumerate(filter_names) -%}
                    <option value="{{ optidx }}"{% if flt[0] == optidx %} selected="selected"{% endif %}>{{ opt }}</option>
                    {%- endfor %}
                </select>
                {%- set data = filter_data.get(flt[0]) -%}
                {%- if data -%}
                <select name="flt{{ idx }}v" class="filter-val" data-role="chosen">
                    {%- for opt in data %}
                    <option value="{{ opt[0] }}"{% if flt[1] == opt[0] %} selected{% endif %}>{{ opt[1] }}</option>
                    {%- endfor %}
                </select>
                {%- else -%}
                    <input name="flt{{ idx }}v" type="text" value="{{ flt[1] or '' }}" class="filter-val"{% if flt[0] in filter_types %} data-role="{{ filter_types[flt[0]] }}"{% endif %}></input>
                {%- endif -%}
            </div>
            {%- endfor %}
        </div>

        {% if active_filters %}
        <a href="{{ clear_search_url }}" class="btn">Reset Filters</a>
        {% endif %}
        <a id="add_filter" href="#" class="btn">Add Filter</a>
        <button type="submit" class="btn" style="display: none">Apply</button>
    </form>
    {% endif %}

    <table class="table table-striped table-bordered model-list">
        <thead>
            <tr>
                <th class="span1">&nbsp;</th>
                {% set column = 0 %}
                {% for c, name in list_columns %}
                <th>
                    {% if admin_view.is_sortable(c) %}
                    {% if sort_column == column %}
                    <a href="{{ sort_url(column, True) }}">
                        {{ name }}
                        {% if sort_desc %}
                        <i class="icon-chevron-up"></i>
                        {% else %}
                        <i class="icon-chevron-down"></i>
                        {% endif %}
                    </a>
                    {% else %}
                    <a href="{{ sort_url(column) }}">{{ name }}</a>
                    {% endif %}
                    {% else %}
                    {{ name }}
                    {% endif %}
                </th>
                {% set column = column + 1 %}
                {% endfor %}
            </tr>
        </thead>
        {% for row in data %}
        <tr>
            <td>
                {%- if admin_view.can_edit -%}
                <a class="icon" href="{{ url_for('.edit_view', id=get_pk_value(row), url=return_url) }}">
                    <i class="icon-pencil"></i>
                </a>
                {%- endif -%}
                {%- if admin_view.can_delete -%}
                <form class="icon" method="POST" action="{{ url_for('.delete_view', id=get_pk_value(row), url=return_url) }}">
                    <button onclick="return confirm('You sure you want to delete this item?')">
                        <i class="icon-remove"></i>
                    </button>
                </form>
                {%- endif -%}
            </td>
            {% for c, name in list_columns %}
            <td>{{ get_value(row, c) }}</td>
            {% endfor %}
        </tr>
        {% endfor %}
    </table>
    {{ lib.pager(page, num_pages, pager_url) }}
    {% if admin_view.can_create %}
    <a class="btn btn-primary btn-large" href="{{ url_for('.create_view', url=return_url) }}">Create New</a>
    {% endif %}
{% endblock %}

{% block tail %}
    <script src="{{ url_for('admin.static', filename='js/bootstrap-datepicker.js') }}"></script>
    <script src="{{ url_for('admin.static', filename='js/form.js') }}"></script>
    <script src="{{ url_for('admin.static', filename='js/filters.js') }}"></script>
    {% if filter_names is not none and filter_data is not none %}
    <script language="javascript">
        var filter = new Filters('#filter_form',
                                {{ filter_names|tojson|safe }},
                                {{ filter_data|tojson|safe }},
                                {{ filter_types|tojson|safe }});
    </script>
    {% endif %}
{% endblock %}