{% extends "base.html" %}

{% load static %}
{% load crispy_forms_tags %}

{% block scripts %}
<script src="{% static 'filters/js/filters_test.js' %}"></script>
{% endblock %}

{% block content %}

<div class="card bg-dark text-light">
    <div class="card-body">
        {% crispy filters_form %}
    </div>
</div>

<!--div class="card">
    <div class="card-body" id="active-filters"></div>
</div-->

<div class="card info bg-dark border-0" id="status">
    <div class="card-body"></div>
</div>

<div class="card info" id="warning">
    <div class="card-body bg-warning"></div>
</div>

<div class="row" id="results">
  <div class="col-3">
    <div class="card">
      <div class="card-body">
        <table class="table table-sm table-hover table-responsive" style="max-height: 20rem;">
            <tbody id="entries">
            </tbody>
        </table>
      </div>
    </div>
  </div>
  <div class="col-6">
    <div class="card">
      <div class="card-body" id="schemata">
      </div>
    </div>
  </div>
  <div class="col-3">
    <div class="card">
      <div class="card-body" id="frames">
      </div>
    </div>
  </div>
</div>

{% endblock %}