{# templates/mdl/base.html.twig #}
{% set AppMenu = AppObject.menu ?? [ {'name' : 'System', 'url' : '/'} ]
%}
{% set AppMenu = AppMenu|merge( app.user
? [
{'name' : 'Profile', 'url' : '/profile'},
{'name' : 'Subscription', 'url' : '/subscription'},
{'name' : 'Sign Out', 'url' : '/sign-out'}
]
: [
{'name' : 'Sign In', 'url' : '/sign-in'},
{'name' : 'Ask Access', 'url' : '/ask-access'},
{'name' : 'Sign Up', 'url' : '/sign-up'}
]
)
%}
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<!-- Title -->
<title>{{ htmlTitle ?? 'htmlTitle' }}</title>
<!-- General meta -->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />
<meta name="description" content="{{ htmlDescription ?? 'htmlDescription' }}" />
<meta name="mobile-web-app-capable" content="yes" />
<!-- Icons -->
{% block icons %}
{# <link rel="shortcut icon" href="#" /> #}
{% endblock %}
{% block fonts %}
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" type="text/css">
{% endblock %}
<!-- Styles -->
{% block stylesheets %}
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css" />
{# <link rel="stylesheet" href="{{ asset('/styles/base.css') }}" /> #}
<style type="text/css">
main.mdl-layout__content > div.mdl-grid {
justify-content: center;
}
</style>
{% endblock %}
<!-- Scirpts at the HEAD -->
{% block javascriptsHead %}
{% endblock %}
</head>
<body class="mdl-app-body">
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
{{ include('@mdl/page_sections/header_and_drawer.html.twig') }}
<main class="mdl-layout__content">
<div class="mdl-grid">
<div class="mdl-cell mdl-cell--6-col mdl-shadow--2dp" style="padding: 10px;">
{% block main %}{% endblock %}
</div>
</div>
</main>
{{ include('@mdl/page_sections/footer.html.twig') }}
</div>
{% block javascriptsEndOfPage %}
<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
{#<script src="{{ asset('/scripts/base.js') }}"></script>#}
{% endblock %}
{{ include('@mdl/page_sections/snackbar.html.twig') }}
</body>
</html>