{% load analytics %}
{% load i18n %}
{% load static %}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{{LANGUAGE_CODE}}" lang="{{LANGUAGE_CODE}}">
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />        
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <meta http-equiv="content-language" content="{{LANGUAGE_CODE}}" />
        <link rel="SHORTCUT ICON" href="{% static 'hdalab/img/favicon.ico' %}" />        
        <title>{% block title %}HdA Lab{% endblock %}</title>

{% block css_import %}
        <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/common.css' %}" />
        <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/header.css' %}" />
        <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/footer.css' %}" />
{% endblock %}

{% block js_import %}
        <script src="{% static 'hdalab/lib/jquery.min.js' %}"></script>
{% endblock %}
    </head>
    <body>
{% block header %}
        <header id="header">
            
            <div class="top">
                <div id="logo">
                    <div class="row">
                        <h1><a href="{% url 'home' %}"><img src="{% static 'hdalab/img/logo-hda.png' %}" alt="HdA Lab"></a></h1>
                    </div>
                </div>
                <nav>
                    <div class="row">
                        <ul id="menu">
                            <li class="{% block home_actif %}{% endblock %}"><a href="{% url 'home'  %}">{% trans 'Accueil' %}</a></li>
                            <li class="{% block facettes_actif %}{% endblock %}"><a href="{% url 'facettes' %}">{% trans 'Recherche' %}</a></li>
                            <li class="{% block categories_actif %}{% endblock %}"><a href="{% url 'categories' %}">{% trans 'Domaines Artistiques' %}</a></li>
                            <li class="{% block thesaurus_actif %}{% endblock %}"><a href="{% url 'thesaurus' %}">{% trans 'Thésaurus' %}</a></li>
                            <li class="{% block renkans_actif %}{% endblock %}"><a href="{% url 'renkan_public_list' %}">Renkan</a></li>
                            <li class="{% block a_propos_actif %}{% endblock %}"><a href="{% url 'a_propos' %}">{% trans 'A Propos' %}</a></li>
                            <li class="external"><a href="http://www.histoiredesarts.culture.fr/" target="_blank">Histoire des Arts</a></li>

                        </ul>
                        <ul id="menu" class="profile">
                            {% if user.is_authenticated %}
                                <li class="{% block profile_actif %}{% endblock %}"><a href="{% url 'profile_home' %}">{{ user.username }}</a></li>
                                <li><a href="{% url 'logout' %}?next={% url 'home' %}">{% trans "Log out" %}</a></li>
                              {% else %}
                                <li class="{% block login_actif %}{% endblock %}"><a href="{% url 'login' %}">{% trans "Log in" %}</a></li>
                              {% endif %}
                        </ul>
                    </div>
                </nav>
            </div>
            <div id="subhead">
                {% block subhead %}
                {% endblock %}
            </div>
        </header>
{% endblock %}

<main id="content" class="row">
    {% block main_content %}
    {% endblock %}
</main>

{% block footer %}
        <footer id="footer">
            <div class="nav">
                <div class="row">
                    <ul>
                        <li><a href="{% url 'a_propos'%}">{% trans 'A Propos' %}</a></li>
                        <li><a href="{% url 'credits'%}">{% trans 'Crédits' %}</a></li>
                        <li><a href="{% url 'mentions_legales'%}">{% trans 'Mentions légales' %}</a></li>
                    </ul>
                </div>
            </div>
            <div id="innerfooter">
                <a class = "iri-url" href="http://www.iri.centrepompidou.fr/">
                    <img src="{% static 'hdalab/img/logo_iri.png' %}" alt="">
                </a>
                <a class = "culture-url" href="http://www.culturecommunication.gouv.fr/">
                    <img src="{% static 'hdalab/img/logo_mcc_blanc.png' %}" alt="">
                </a>
                <div class="row">
                    <ul id="menu">
                        <li><h2><b>{% trans 'Rubriques' %}</b></h2></li>
                        <li><a href="{% url 'facettes' %}">{% trans 'Recherche' %}</a></li>
                        <li><a href="{% url 'categories' %}">{% trans 'Domaines Artistiques' %}</a></li>
                        <li><a href="{% url 'thesaurus' %}">{% trans 'Thésaurus' %}</a></li>
                        <li><a href="{% url 'renkan_public_list' %}">Renkan</a></li>
                        <li><a href="{% url 'renkan_favorite_list' %}">{% trans 'Renkan repères' %}</a></li>
                        <li><a href="{% url 'a_propos' %}">{% trans 'A Propos' %}</a></li>
                        <li><a href="http://www.histoiredesarts.culture.fr/" target="_blank">Histoire des Arts</a></li>
                    </ul>
                </div>
                <div class="row links">
                    <ul id="menu">
                        <li><h2><b>{% trans 'Liens' %}</b></h2></li>
                        <li><a href="http://www.culturecommunication.gouv.fr/" target="_blank">culturecommunication.gouv.fr</a></li>
                        <li><a href="http://iri.centrepompidou.fr/" target="_blank">iri.centrepompidou.fr</a></li>
                        <li><a href="http://www.histoiredesarts.culture.fr/" target="_blank">histoiredesarts.culture.fr</a></li>
                        <li><a href="https://www.data.gouv.fr/fr/" target="_blank">data.gouv.fr</a></li>
                        <li><a href="https://fr-fr.facebook.com/pages/Histoire-des-arts-Culturefr/295361194055" target="_blank">Facebook HDA</a></li>
                    </ul>
                </div>
                <p id="copyright">© Ministère de la Culture et de la Communication</p>
            </div>
        </footer>
{% endblock %}
{% analytics %}
    </body>
</html>
