{% load static %}
{% load render_table from django_tables2 %}
{% load bootstrap3 %}
<!doctype html>
<html>
<head>
    <title>django_tables2 with bootstrap 3 template example</title>
    {% bootstrap_css %}

    <link href="{% static 'django_tables2/bootstrap.css' %}" rel="stylesheet" />
</head>
<body>
    <div class="container">
        {% block body %}

        <a href="https://getbootstrap.com/docs/3.3/css/#tables">Bootstrap 3 - table docs</a> |
        <a href="https://getbootstrap.com/docs/3.3/components/#pagination">Bootstrap 3 - pagination docs</a> <br />

        <h3>{% block title %}django_tables2 with <a href="https://getbootstrap.com/docs/3.3">Bootstrap 3</a> template example{% endblock %}</h3>

        <div class="row">
            {% if filter %}
                <div class="col-sm-10">
                    <form action="" method="get" class="form form-inline">
                        {% bootstrap_form filter.form layout='inline' %}
                        {% bootstrap_button 'filter' %}
                    </form>
                </div>
            {% endif %}
            <div class="col-sm-10">
                {% render_table table %}
            </div>
        </div>
        {% endblock %}
    </div>
</body>
</html>
