<!DOCTYPE html>
{% load static %}
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>{% block pagetitle %}Rosetta{% endblock %}</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <link rel="stylesheet" href="{% static 'admin/css/base.css' %}" type="text/css" nonce="{{ request.csp_nonce }}"/>
    <link rel="stylesheet" href="{% static 'admin/css/forms.css' %}" type="text/css" nonce="{{ request.csp_nonce }}"/>
    <link rel="stylesheet" href="{% static 'admin/css/changelists.css' %}" type="text/css" nonce="{{ request.csp_nonce }}"/>
    <link rel="stylesheet" href="{% static 'admin/rosetta/css/rosetta.css' %}" type="text/css" nonce="{{ request.csp_nonce }}"/>
    {% block extra_styles %}{% endblock %}

    <script src="{% static 'admin/js/vendor/jquery/jquery.min.js' %}" nonce="{{ request.csp_nonce }}"></script>
    {{ rosetta_settings_js|json_script:"rosetta-settings-js" }}
    <script src="{% static 'admin/rosetta/js/rosetta.js' %}" nonce="{{ request.csp_nonce }}"></script>
</head>
<body>
    <div id="container">
        <div id="header">
            {% block header %}
            <div id="branding">
                <h1 id="site-name"><a href="{% url 'rosetta-file-list' po_filter='project' %}">Rosetta</a></h1>
            </div>
            {% endblock %}
        </div>
        <div class="breadcrumbs">{% block breadcumbs %}{% endblock %}</div>
        <div id="content" class="flex">
            {% block main %}{% endblock %}
        </div>
        <div id="footer" class="breadcumbs">
            <a href="https://github.com/mbi/django-rosetta">Rosetta</a> <span class="version">{{ version }}</span>
        </div>
    </div>
</body>
</html>
