{% extends "otree/BaseAdminAll.html" %}

{% block internal_styles %}
    {{ super() }}
    <link href="{% static 'otree/css/table.css' %}" rel="stylesheet" />

    <style>
        #admin-page-container {
          max-width:970px;
        }

    </style>

{% endblock %}

{% block internal_scripts %}
{{ super() }}

<script src="{% static 'otree/js/jquery.color-2.1.2.min.js' %}"></script>
<script src="{% static 'otree/js/jquery.timeago.js' %}"></script>
<script src="{% static 'otree/js/jquery.timeago.en-short.js' %}"></script>

{% endblock %}
{% block body_main %}
  {% if not scrsplit %}
    {% include 'otree/includes/navbar.html' %}
  {% endif %}

  <div class="container" id="admin-page-container">
    <div class="page-header">
      <h2 id="_otree-title">{% block title %}{% endblock %}</h2>
    </div>
    <div>
      {% block content %}{% endblock %}
    </div>
    <br/>
  </div>
  

  {% comment %}
  this exists so that if there is an error in oTree's channel consumers,
  such as data export or rooms, the user gets some notification rather than it silently
  failing.
  don't put it in global base template even though it could be useful there too,
  because we don't want to pollute "view source"
  in user-defined pages
{% endcomment %}
<div id='websocket-server-error' class="top-left-fixed-alert" style="visibility: hidden"></div>
{% endblock body_main %}