{% extends "admin/base_site.html" %}
{% load i18n admin_urls admin_static admin_list %}

{% block extrastyle %}
{{ block.super }}
<link rel="stylesheet" type="text/css" href="{% static 'admin/css/changelists.css' %}" />
<link rel="stylesheet" type="text/css" href="{% static 'admin/css/djangocms_instagram/djangocms_instagram.css' %}" />
<style>
    #changelist table thead th:first-child {
        width: inherit
    }
</style>
{% endblock %}
{% block extrahead %}
    {{ block.super }}
    <script type="text/javascript" src="{% static 'admin/js/jquery.js' %}"></script>
    <script type="text/javascript" src="{% static 'admin/js/djangocms_instagram/jquery.init.js' %}"></script>
    <script type="text/javascript" src="{% static 'admin/js/djangocms_instagram/jquery.geocomplete.js' %}"></script>
   {% if locations %}
        <script src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;libraries=places"></script>
        <script type="text/javascript" src="{% static 'admin/js/djangocms_instagram/search.autocomplete.js' %}"></script>

   {% endif %}
{% endblock %}

{% block bodyclass %}{{ block.super }} app-{{ opts.app_label }} model-{{ opts.model_name }} search-list{% if users %} users {% endif %}{% if locations %} locations{% endif %}{% endblock %}
{% block coltype %}flex{% endblock %}
{% block content %}
<div id="content-main">
    <div class="module">
        {% block search %}
        <div id="toolbar">
            <form id="search-form" action="{{ form_url }}" method="get">
                <div>
                    {% for field in search_form %}
                       {{ field }}
                    {% endfor %}
                    {% if is_popup %}<input type="hidden" name="_popup" value="1" />{% endif %}
                    <input type="submit" value="{% trans 'Find' %}"/>
                </div>
            </form>
            {% if locations %}
                <div id="gmap" style="width: 100%; height: 200px;"></div>
            {% endif %}
        </div>
        {% endblock %}
        {% block result_list %}
            {% if results %}
                <div class="results">
                    <table id="result_list">
                        <thead>
                        <tr>
                            {% for header in result_headers %}
                            <th scope="col">
                                <div class="text"><span>{{ header }}</span></div>
                                <div class="clear"></div>
                            </th>
                            {% endfor %}
                        </tr>
                        </thead>
                        <tbody>
                        {% for result in results %}
                        <tr class="{% cycle 'row1' 'row2' %}">
                            {% if locations %}
                                <td><a href="#" onclick="opener.dismissInstagramLookupPopup(window, '{{ result.id }}', '{{ result.name|escapejs }}'); return false;">{{ result.id }}</a></td>
                                <td>{{ result.name|default:"&mdash;" }}</td>
                            {% elif users %}
                                <td><a href="#" onclick="opener.dismissInstagramLookupPopup(window, '{{ result.id }}', '{% firstof result.full_name|escapejs result.username|escapejs %}'); return false;">{{ result.id }}</a></td>
                                <td>{{ result.full_name|default:"&mdash;" }}</td>
                                <td>{{ result.username }}</td>
                            {% endif %}
                        </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
            {% else %}
                {% if errors %}
                    <p class="api-error">
                        {{ errors|capfirst }}
                    </p>
                {% else %}
                    <p>{% trans 'No results.' %}</p>
                {% endif %}
            {% endif %}
        {% endblock %}
    </div>
</div>
{% endblock %}