{% extends "infoscreen:base.html" %}

{% load i18n %}
{% load static %}

{% block appname %}infoAdmin{% endblock appname %}

{% block title %}
{% trans "Infoscreen admin" %}
{% endblock title %}

{% block styles %}
{{ block.super }}
<link rel="stylesheet" href="{% static "infoscreen/css/admin.css" %}"></link>
{% endblock styles %}

{% block controllers %}
<script src="{% static "infoscreen/js/infoadmin_controllers.js" %}"></script>
{% endblock controllers %}

{% block body %}
<div id="header" class="row">
    <div class="logout-button">
        <form action="/admin/logout/" method="post"> {% csrf_token %}
            <input type="Submit" value="{% trans "Log out" %}" name="Logout" class="btn btn-danger"/>
        </form>
    </div>
</div>
<div class="container" ng-controller="infoadmin_ctrl">
    <div class="row">
        <div class="col">
            <h1>{% trans "Infoscreen Admin Pane" %}</h1>
        </div>
    </div>
    {% include "infoscreen:nav.html" %}
    <div class="tab-content" id="tabContent">
        {% include "infoscreen:tabs/slides.html" %}
        {% include "infoscreen:tabs/rotations.html" %}
        {% include "infoscreen:tabs/add_remove.html" %}
    </div>
</div>

{% include "webapp:footer.html" %}
{% endblock body %}