{% extends "pages/abstract/dashboard.html.twig" %}

{% block stylesheets_page %}
<!-- Page-specific CSS asset bundle -->
{{ assets.js('css/pages/displays') | raw }}
{% endblock %}

{# Overrides blocks in head of base template #}
{% block page_title %}Displays{% endblock %}

{% block page_description %}A list of display devices{% endblock %}

{% block body_matter %}
<div class="row">
  <div class="col-md-12">
    <div id="widget-displays" class="box box-primary">
      <div class="box-header">
        <h3 class="box-title pull-left"><i class="fa fa-fw fa-user"></i>Displays</h3>
        {% include "tables/table-tool-menu.html.twig" %}
      </div>
      <div class="box-body">
        <div id="displayTable">
          {% include "tables/displays.html.twig" with {
          "table" : {
          "id" : "displayTable"
              }
            }
          %}
        </div>
        <div class="box-footer">
          <button type="button" class="btn btn-success js-user-create">
            <i class="fa fa-plus-square"></i> Create Display
          </button>
        </div>
      </div>
    </div>
  {% endblock %}

  {% block scripts_page %}
  {{ assets.js('js/pages/displays') | raw }}
  {% endblock %}