<!doctype html>
<!--[if IE 9]><html class="lt-ie10" lang="en" > <![endif]-->
<html class="no-js" lang="{{ request.locale_name }}" data-useragent="Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)">
	<head>
		<meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>atramhasis - {% block html_title %}Base{% endblock %}</title>
		<link rel="stylesheet" href="{{request.application_url}}/static/css/foundation.css">
		<link rel="stylesheet" href="{{request.application_url}}/static/css/jqtree.css">
		<link rel="stylesheet" href="{{request.application_url}}/static/css/app.css">
		<link rel="icon" type="image/x-icon" href="{{request.application_url}}/static/img/favicon.ico?v=0.2" />
        <script src="{{request.application_url}}/static/js/vendor/modernizr.js"></script>
	</head>
	<body>
        <div class="row">
            <div class="large-12 columns">
                <nav class="top-bar" data-topbar>
                    <ul class="title-area">
                        <li class="name">
                            <h1><a href="{{ request.route_path('home') }}">[atramhasis]</a></h1>
                        </li>
                    </ul>

                    <section class="top-bar-section">
                    <ul class="right">
                    {% set default_lang = request.registry.settings.get('pyramid.default_locale_name') %}
                    {% set languages = request.registry.settings.get('available_languages', default_lang).split() %}
                    {%- for language in languages %}
                        <li {% if request.locale_name==language %}class='active'{% endif %}><a href="{{ request.route_path('locale') }}?language={{ language }}">{{ language|upper }}</a></li>
                    {%- endfor %}
                    </ul>
                    </section>
                </nav>
            </div>
        </div>

        <div class="row">
            <div class="large-12 columns">
            {% block content %}
            {% endblock %}
            </div>
        </div>

        <footer class="row">
            <div class="large-12 columns">
                <hr>
                <div class="row">
                    <div class="large-12 columns">
                        <p>&copy; Copyright 2014 <a href="https://www.onroerenderfgoed.be/">Flanders Heritage Agency</a></p>
                    </div>
                </div>
            </div>
        </footer>

        <script src="{{request.application_url}}/static/js/vendor/jquery.js"></script>
        <script src="{{request.application_url}}/static/js/vendor/jquery.cookie.js"></script>
        <script src="{{request.application_url}}/static/js/vendor/tree.jquery.js"></script>
        <!-- Included JS Files (Compressed) -->
        <script src="{{request.application_url}}/static/js/foundation.min.js"></script>
		<script src="{{request.application_url}}/static/js/vendor/app.js"></script>
		<script>
		    $(document).foundation();
		</script>

            {% block footer %}
            {% endblock %}
	</body>
</html>