{% extends "base/base.html" %}
{% load url from future %}
{% load viewgroups_tags humanize %}


{% block extrascripts %}
{{ block.super }}
<script>
$(function() {
    $(".all").click(function () {
        $("input[name={{ selected_name }}]").prop("checked", this.checked);
    });
    $("input[name={{ selected_name }}]").click(function () {
        $(".all").prop('checked', $("input[name={{ selected_name }}]").length == 
            $("input[name={{ selected_name }}]:checked").length);
    });
});
</script>
{% endblock extrascripts %}


{% block header %}{{ opts.verbose_name_plural.title }}{% endblock header %}


{% block links %}

    {% for link in manager.links.default_global %}
    {% url manager.name|add:':'|add:link.name as url %}
    {% if url %}
        <a class="btn btn-default" href="{{ url }}">{{ link.get_title }}</a>
    {% else %}
        {{ manager.name|add:':'|add:link.name }} is not a valid url
    {% endif %}
    {% endfor %}

    {% url 'base:create' as create %}
    {% if create %}
    <a class="btn btn-default" href="{{ create }}">
        <i class="icon icon-plus"></i> Create {{ opts.verbose_name.title }}
    </a>
    {% endif %}
{% endblock %}


{% block detail %}

    {% if search or filters %}
    <div class="navbar navbar-default">
        {% if filters %}
        <div class="navbar-form navbar-right">
        {% for filter in filters %}
            <div class="btn-group filternavbar-btn">
                <button type="button" class="btn {% if not filter.used_parameters %}btn-default{% else %}btn-info{% endif %} dropdown-toggle"
                data-toggle="dropdown">
                    {{ filter.title.title }}
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" role="menu">
                {% for item in filter.items %}
                    <li>
                        <a href="{{ item.query_string }}">
                            {% if item.selected %}
                            <em class="fa fa-check"></em>
                            {% endif %}
                            {{ item.display }}
                        </a>
                    </li>
                {% endfor %}
                </ul>
            </div>
        {% endfor %}
        </div>
        {% endif %}
        
        {% if search %}
        <form class="navbar-form navbar-left">
            <div class="form-group">
                <input class="form-control" name="{{ search }}" value="{{ query }}" 
                    type="text" placeholder="Search Terms...">
            </div>
            <button class="btn btn-default">Search</button>
        </form>
        {% endif %}
        {% if search or filters %}
        <p class="navbar-text">
            <a href="?_">{{ original_queryset.count|intcomma }} Total</a>
        </p>
        {% endif %}
    </div>
    {% endif %}

    {% if actions %}
    <form action="." method="post">
    {% endif %}


    {% block list_detail %}
    {% if headers and rows %}
        {% if object_list %}
        <table class="table table-striped">
            <thead>
                <tr>
                    {% if actions %}
                    <th>
                        <input type="checkbox" class="all">
                    </th>
                    {% endif %}
                    {% for header in headers %}
                    <th>{{ header }}</th>
                    {% endfor %}
                </tr>
            </thead>            
            {% for object, row in rows %}
            <tr>
                {% if actions %}
                <td><input type="checkbox" value="{{ object.pk }}" name="{{ selected_name }}"></td>
                {% endif %}
                {% for cell in row %}
                <td>{{ cell }}</td>
                {% endfor %}
            </tr>
            {% endfor %}            
        </table>
        {% else %}
        {% if request.META.QUERY_STRING %}
        <div><em>No {{ opts.verbose_name_plural }} match your search</em></div>
        {% else %}
          {% block list_empty %}
            <div><em>Sorry, there are no {{ opts.verbose_name }} at this time.</em></div>
          {% endblock list_empty %}
        {% endif %}
        {% endif %}
    {% else %}    
        {% if object_list %}
        <table class="table table-striped table-bordered">
            {% block list_detail_header %}{% endblock list_detail_header %}
            {% for object in object_list %}
            {% block list_detail_item %}
            <tr>
                <td>
                    <a href="{% url 'base:detail' object|pkslug %}">{{ object }}</a>
                </td>
            </tr>
            {% endblock %}
            {% endfor %}
        </table>
        {% else %}
        {% if request.META.QUERY_STRING %}
        <div><em>No {{ opts.verbose_name_plural }} match your search</em></div>
        {% else %}
        <div><em>Sorry, there are no {{ opts.verbose_name }} at this time.</em></div>
        {% endif %}
        {% endif %}
    {% endif %}
    {% endblock list_detail %}
    
    {% if object_list and actions %}
    <div class="navbar navbar-default">    
        <div class="navbar-form">
            <div class="form-group">
                {% csrf_token %}
                <select name="{{ action_name }}" class="form-control">
                    {% for action,name in actions %}
                    <option value="{{ action }}">{{ name }}</option>
                    {% endfor %}
                </select>
            </div>
            <button class="btn btn-default">Go</button>
        </div>
    </div>
    </form>
    {% endif %}

    {% with page_obj as page %}
    {% if page %}
    {% include "base/pagination.html" %}
    {% endif %}
    {% endwith %}

{% endblock detail %}