<!DOCTYPE html>
<html lang="{{ app.request.locale|split('_')|first|default('en') }}">
<head>
{% block head %}
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<link rel="shortcut icon" href="{{ asset('assets/images/icons/favicon.ico', 'theme') }}" type="image/x-icon" />
<link rel="apple-touch-icon" sizes="57x57" href="{{ asset('assets/images/icons/apple-touch-icon-57x57.png', 'theme') }}">
<link rel="apple-touch-icon" sizes="60x60" href="{{ asset('assets/images/icons/apple-touch-icon-60x60.png', 'theme') }}">
<link rel="apple-touch-icon" sizes="72x72" href="{{ asset('assets/images/icons/apple-touch-icon-72x72.png', 'theme') }}">
<link rel="apple-touch-icon" sizes="76x76" href="{{ asset('assets/images/icons/apple-touch-icon-76x76.png', 'theme') }}">
<link rel="apple-touch-icon" sizes="114x114" href="{{ asset('assets/images/icons/apple-touch-icon-114x114.png', 'theme') }}">
<link rel="apple-touch-icon" sizes="120x120" href="{{ asset('assets/images/icons/apple-touch-icon-120x120.png', 'theme') }}">
<link rel="apple-touch-icon" sizes="144x144" href="{{ asset('assets/images/icons/apple-touch-icon-144x144.png', 'theme') }}">
<link rel="apple-touch-icon" sizes="152x152" href="{{ asset('assets/images/icons/apple-touch-icon-152x152.png', 'theme') }}">
<link rel="apple-touch-icon" sizes="180x180" href="{{ asset('assets/images/icons/apple-touch-icon-180x180.png', 'theme') }}">
<link rel="icon" type="image/png" href="{{ asset('assets/images/icons/favicon-16x16.png', 'theme') }}" sizes="16x16">
<link rel="icon" type="image/png" href="{{ asset('assets/images/icons/favicon-32x32.png', 'theme') }}" sizes="32x32">
<link rel="icon" type="image/png" href="{{ asset('assets/images/icons/favicon-96x96.png', 'theme') }}" sizes="96x96">
<link rel="icon" type="image/png" href="{{ asset('assets/images/icons/android-chrome-192x192.png', 'theme') }}" sizes="192x192">
<meta name="msapplication-square70x70logo" content="{{ asset('assets/images/icons/smalltile.png', 'theme') }}" />
<meta name="msapplication-square150x150logo" content="{{ asset('assets/images/icons/mediumtile.png', 'theme') }}" />
<meta name="msapplication-wide310x150logo" content="{{ asset('assets/images/icons/widetile.png', 'theme') }}" />
<meta name="msapplication-square310x310logo" content="{{ asset('assets/images/icons/largetile.png', 'theme') }}" />
<link rel="manifest" href="{{ asset('assets/images/icons/site.webmanifest', 'theme') }}">
<link rel="mask-icon" href="{{ asset('assets/images/icons/safari-pinned-tab.svg', 'theme') }}" color="#0066b3">
<meta name="msapplication-TileColor" content="#0066b3">
<meta name="msapplication-config" content="{{ asset('assets/images/icons/browserconfig.xml', 'theme') }}">
<meta name="theme-color" content="#0066b3">
<title>{% block page_title %}{% if pagename is defined %}{{ pagename }} - {% endif %}{{ first_mid_atlantic_theme.app.name }}{% endblock %}</title>
{% block stylesheets %}
<link rel="stylesheet" href="{{ asset('assets/main.css', 'theme') }}" />
{% endblock %}
{% block head_javascript %}{% endblock %}
{% endblock %}
</head>
<body {%- if first_mid_atlantic_theme.theme.classes is defined and not first_mid_atlantic_theme.theme.classes is empty %} class="{{ first_mid_atlantic_theme.theme.classes|join(' ') }}"{%- endif -%}>
{% block body %}
<div id="page-wrapper">
{% block wrapper %}
<div id="region-top-bar">
<div id="top-bar-wrapper">
{% block topbarwarpper %}
<div id="logo">
<img alt="FIRST Mid-Atlantic Logo" src="{{ asset('assets/images/logo.png', 'theme') }}">
</div>
<div id="app-name">
{{ first_mid_atlantic_theme.app.name }}
</div>
{% block quicknav %}
{% set quick_nav = knp_menu_render('quick_nav') %}
{% if quick_nav is defined and quick_nav is not empty %}
<nav id="quick-nav">
<label for="quick-nav-control" class="nav-control-action" id="quick-nav-control-action"><i class="gg-sidebar-right"></i></label>
<input type="checkbox" id="quick-nav-control" class="nav-control">
{{ quick_nav|raw }}
</nav>
{% endif %}
{% set user_menu = knp_menu_render('user') %}
{% if user_menu is defined and user_menu is not empty %}
<nav id="user-nav">
<label for="user-nav-control" class="nav-control-action" id="user-nav-control-action"><i class="gg-profile"></i></label>
<input type="checkbox" id="user-nav-control" class="nav-control">
{{ user_menu|raw }}
</nav>
{% endif %}
{% endblock %}
{% endblock %}
</div>
</div>
<div id="main-wrapper">
{% block mainwrapper %}
<div id="body-wrapper">
<div id="body-container">
<div id="body-inner">
{% set flashes = app.flashes %}
{% if not flashes is empty %}
<div id="region-flash">
{# read and display all flash messages #}
{% for label, messages in flashes %}
{% for message in messages %}
<div class="flash flash-{{ label }}">
{{ message|raw }}
</div>
{% endfor %}
{% endfor %}
</div>
{% endif %}
<div id="region-header">
{% block headerregion %}
<div id="page-name">
<h1>{{ pagename }}</h1>
</div>
{% endblock %}
</div>
<div id="region-content">
{% block contentregion %}{% endblock %}
</div>
</div>
<div id="region-footer">
{% block footer %}
<p>{{ first_mid_atlantic_theme.theme.copyright|raw }}</p>
<p>{{ first_mid_atlantic_theme.app.name }} • {{ first_mid_atlantic_theme.theme.feedback|raw }}</p>
{% endblock %}
</div>
</div>
</div>
{% endblock %}
</div>
</div>
{% endblock %}
{% block body_javascript %}
<script type="text/javascript" src="{{ asset('assets/main.js', 'theme') }}" /></script>
{% endblock body_javascript %}
</body>
{% endblock body %}
</html>