{% extends "admin/base_site.html" %}
{% load i18n admin_urls static admin_modify %}

{% block extrastyle %}
<link rel="stylesheet" type="text/css" href="/static/admin/css/forms.css">
{% endblock %}

{% block content %}
<style>
    textarea{
        width: 70%;
        height: 50%;
    }
</style>
<div id="content-main">
    <div class="col-xs-12">

        <form method="POST" id="queryform">
            <p class="errornote">
                Be careful in your actions!
            </p>
            <fieldset class="module aligned">
            {% csrf_token %}
            {% for field in form.hidden_fields %}
                {{ field }}
            {% endfor %}

            {% for field in form.visible_fields %}
                <div class="form-row field-{{ field.id_for_label }}">
                    <div>
                        <label for="id_{{ field.id_for_label }}" class="required">{{ field.label }}</label>
                        {{ field }}
                    </div>
                </div>
            {% endfor %}
            <div class="submit-row">
                <input class="default" type="submit"></input>
            </div>
            </fieldset>
        </form>

    </div>

<div class="row top-gap">
    <div class="col-xs-12">

    {% if info %}
        <pre>{{ info }}</pre>
    {% endif%}

    {% if header %}
        <p>Rows: {{ rows|length }}</p>
        <table class="table table-striped table-bordered table-condensed small">
            <tr>
                <th>#</th>
                {% for col in header %}
                    <th>{{ col }}</th>
                {% endfor %}
            </tr>
            {% for row in rows %}
                <tr>
                    <td class="active strong">{{ forloop.counter }}</td>
                    {% for col in row %}
                        <td>{{ col }}</td>
                    {% endfor %}
                </tr>
            {% endfor %}
        </table>
    {% endif %}

    </div>
</div>
</div>
{% endblock %}