{% extends "admin/base.html" %}
{% load i18n admin_urls static admin_list %}

{% block extrahead %}
    <script type="text/javascript" src="{% static 'admin/js/vendor/jquery/jquery.js' %}"></script>
    <script type="text/javascript" src="{% static 'admin/js/fix_arrow_up_down.js' %}"></script>
    <link rel="stylesheet" type="text/css" href="{% static 'admin/css/custom_base.css' %}">
{% endblock %}

{% block branding %}
 <a href="{% url 'admin:index' %}" class="branding-with-favicon">
    <img src="{% static 'favicon.ico' %}" alt="" width="24" height="24">
    <span>Alyx-Local</span>
  </a>
{{ block.super }}
{% endblock %}

{% block welcome-msg %}
{% endblock %}

{% block userlinks %}
    <div class="ribbon-group">
        <a class="ribbon-admin-boxlink" href="/admin/subjects">subjects</a> 
        <a class="ribbon-admin-boxlink" href="/admin/actions">actions</a> 
        <a class="ribbon-admin-boxlink" href="/admin/experiments">experiments</a>
        <a class="ribbon-admin-boxlink" href="/admin/data">data</a> 
        <a class="ribbon-admin-boxlink" href="/admin/misc">miscelaneous</a> 
    </div>
        <div class="ribbon-group">
        <a class="ribbon-admin-boxlink" href="/admin/jobs">tasks</a> 
        <a class="ribbon-admin-boxlink" href="/admin-tasks/status">status</a> 
    </div>

    <div class="ribbon-group">
        <a class="ribbon-admin-boxlink" href="/admin/doc">documentation</a> 
        <a class="ribbon-admin-boxlink" href="https://github.com/JostTim/alyx-local/issues">{% trans 'Report a problem' %}</a>
    </div>

    <div class="ribbon-group">
        <a class="ribbon-admin-boxlink" href="{% url 'admin:password_change' %}">{% translate 'Change password' %}</a> 
        <form id="logout-form" method="post" action="{% url 'admin:logout' %}">
            {% csrf_token %}
            <button class="ribbon-admin-boxlink" type="submit">{% translate 'Log out' %}</button>
        </form>

        <a href="{% url 'admin:misc_labmember_change' user.pk %}" class="ribbon-admin-boxlink">
            {% translate 'Welcome, ' %}<strong>{% firstof user.get_short_name user.get_username %}</strong>
        </a>
    </div>
    
    {% include "admin/color_theme_toggle.html" %}
{% endblock %}

{% block extrastyle %}
{{ block.super }}

{% if "localhost" in request.META.HTTP_HOST %}
 <style>
/*CHANGE HEADER COLOR ON LOCALHOST */
div#header {
    background-color: #006e60;
}
div.breadcrumbs {
    background-color: #059d88;
}
</style>
{% endif %}

{% if "dev" in request.META.HTTP_HOST %}
<style>
/*CHANGE HEADER COLOR ON ALYX-DEV */
div#header {
background-color: #E46A60;
}
div.breadcrumbs {
background-color: #FF9D95;
}
</style>
{% endif %}

{% endblock %}