<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr">
<head>
    <title>{% if hostname %}{{ hostname }} - {% endif %}{{ sw_version }}</title>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<style type="text/css">
    @import "{{ DOJANGO.DOJO_URL }}/resources/dojo.css?cache={{ cache_hash }}";
    @import "{{ DOJANGO.DIJIT_URL }}/themes/claro/claro.css?cache={{ cache_hash }}";
    @import "{{ STATIC_URL }}/lib/js/dgrid/css/skins/claro.css?cache={{ cache_hash }}";
</style>
<script type="text/javascript">
    var dojoConfig = {
        has: {
          "dojo-undef-api": true
        },
        isDebug: true,
        parseOnLoad: true,
        baseUrl: "{{ DOJANGO.DOJO_URL }}",
        async: true,
        cacheBust: '{{ cache_hash }}',
        packages: [
        {name: "freeadmin", location: "{{ STATIC_URL }}lib/js/freeadmin"},
        {name: "dgrid", location: "{{ STATIC_URL }}lib/js/dgrid"},
        {name: "dstore", location: "{{ STATIC_URL }}lib/js/dstore"},
        {name: "xstyle", location: "{{ STATIC_URL }}lib/js/xstyle"},
        {name: "put-selector", location: "{{ STATIC_URL }}lib/js/put-selector"},
        {name: "ddpjs", location: "{{ STATIC_URL }}lib/js/ddp.js/lib"},
        {name: "wolfy87-eventemitter", location: "{{ STATIC_URL }}lib/js/ddp.js/node_modules/wolfy87-eventemitter", main: "EventEmitter.min"}
        ]
    };
    var CSRFToken = '{{ csrf_token }}';
</script>

<script type="text/javascript" src="{{ DOJANGO.DOJO_URL }}/dojo.js?cache={{ cache_hash }}">
</script>
{% for js in js_hook %}
<script type="text/javascript" src="{{ STATIC_URL }}{{ js }}?cache={{ cache_hash }}"></script>
{% endfor %}
    <link rel="stylesheet" href="{{ DOJANGO.DIJIT_URL }}/themes/claro/document.css?cache={{ cache_hash }}" />
    <link rel="stylesheet" href="{{ DOJANGO.DOJOX_URL }}/form/resources/FileInput.css?cache={{ cache_hash }}" />
    <link rel="stylesheet" href="{{ DOJANGO.DOJOX_URL }}/form/resources/CheckedMultiSelect.css?cache={{ cache_hash }}" />
    <link rel="stylesheet" href="{{ DOJANGO.DOJOX_URL }}/form/resources/BusyButton.css?cache={{ cache_hash }}" />
    <link rel="stylesheet" href="{{ DOJANGO.DOJOX_URL }}/layout/resources/ExpandoPane.css?cache={{ cache_hash }}" />
    <link rel="stylesheet" href="{{ DOJANGO.DOJOX_URL }}/grid/resources/claroGrid.css?cache={{ cache_hash }}" type="text/css" />
    <link rel="stylesheet" href="{{ DOJANGO.DOJOX_URL }}/grid/enhanced/resources/EnhancedGrid.css?cache={{ cache_hash }}" type="text/css" />
    <link rel="stylesheet" href="{{ DOJANGO.DOJOX_URL }}/layout/resources/ResizeHandle.css?cache={{ cache_hash }}" type="text/css" />
    <link rel="stylesheet" href="{{ DOJANGO.DOJOX_URL }}/widget/Toaster/Toaster.css?cache={{ cache_hash }}" type="text/css" />
    <link rel="stylesheet" href="{{ STATIC_URL }}css/template.css?cache={{ cache_hash }}" type="text/css" />
{% for css in css_hook %}
    <link rel="stylesheet" href="{{ STATIC_URL }}{{ css }}?cache={{ cache_hash }}" type="text/css" />
{% endfor %}
    <link href="{{ STATIC_URL }}{{ sw_name|lower }}_favicon.ico" rel="shortcut icon" type="image/x-icon" />
{% block dojango_header_extra %}{% endblock %}
</head>
<body class="{{ DOJANGO.THEME }}">
    <div data-dojo-type="dijit.layout.BorderContainer" id="outerLayout" data-dojo-props="gutters: false, baseClass: 'NoGutter'">
        <div data-dojo-type="dijit.layout.ContentPane" id="topLayout" data-dojo-props="region: 'top'">
            <div id="page-header">
                 <div>
                     <a href="/legacy/" title="{{ sw_name }}&reg;"><img src="{{ STATIC_URL }}images/ui/{{ sw_name|lower }}-logo.png?cache={{ cache_hash }}" alt="{{ sw_name }}&reg;" class="left" style="padding-left:10px;{% if sw_name|lower == "truenas" %}margin-top: 5px;{% endif %}"/></a>
		     <img src="{{ STATIC_URL }}ix/ix_header_logo.png" border="0" alt="iXsystems, Inc." style="padding-top: 10px; float: right; padding-right:10px;"/>
                 <div id="messages"></div>
		 <div class="clear"></div>
                 </div>
            </div>
            {% block menubar %}
            {% include "menubar.html" %}
            {% endblock %}
        </div>
{% block dojango_content %}
        <div data-dojo-type="dijit.layout.BorderContainer" id="interLayout" data-dojo-props="region:'left', gutters:false, splitter:true, baseClass: 'NoGutter'">
            <div data-dojo-type="dijit.layout.ContentPane" id="colexpand" data-dojo-props="region:'top'">
                <a href="javascript:void(0);" onClick="dijit.byId('fntree').expandAll()">{% trans "expand all" %}</a> &nbsp;
                <a href="javascript:void(0);" onClick="dijit.byId('fntree').collapseAll()">{% trans "collapse all" %}</a>
            </div>
            <div data-dojo-type="dijit.layout.ContentPane" id="menupane"
                data-dojo-props="region:'center'">
            </div>
        </div>
        <div data-dojo-type="dijit.layout.TabContainer" data-dojo-props="region:'center'" id="content">
        </div>
{% endblock %}
        <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'bottom'" id="footerLayout">
	     {% csrf_token %}
             {% block footer %}
             {% include "footer.html" %}
             {% endblock %}
        </div>
    </div>
</body>
</html>
