<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>{% block title %}{% endblock %}</title>
<link rel="apple-touch-icon" sizes="180x180" href="{{ asset('src/images/favicon/apple-touch-icon.png') }}">
<link rel="shortcut icon" sizes="180x180" href="{{ asset('src/images/favicon/apple-touch-icon.png') }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ asset('src/images/favicon/favicon-32x32.png') }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ asset('src/images/favicon/favicon-16x16.png') }}">
<link rel="manifest" href="{{ asset('src/images/favicon/site.webmanifest') }}">
<script src="{{ asset('src/_lib/jquery/jquery-3.6.0.min.js') }}"></script>
<script src="{{ asset('src/_lib/bootstrap/popper.min.js') }}"></script>
<link rel="stylesheet" href="{{ asset('src/_lib/bootstrap/css/bootstrap.min.css') }}">
<script src="{{ asset('src/_lib/bootstrap/js/bootstrap.min.js') }}"></script>
<link rel="stylesheet" href="{{ asset('src/_lib/fontawesome/css/all.min.css') }}">
<link rel="stylesheet" href="{{ asset('src/app.css') }}">
<script src="{{ asset('src/app.js') }}"></script>
{% block stylesheets %}{% endblock %}
{% block javascriptsHead %}{% endblock %}
</head>
<body class="{% block bodyClasses %}{% endblock %}"{# onload="loadingDialogHide();"#}>
{% block header %}
<header>
<div class="top-bar">
<div class="container">
{% if app.user %}
<div class="user-info">
{{ 'Angemeldet als <strong>%username%</strong>.'|trans({'%username%': app.user.username})|raw }}
<a href="{{ path('app_logout') }}">Logout</a>
</div>
{% endif %}
<div class="logo"><img src="{{ asset('src/images/wissberg_logo.png') }}"></div>
<div class="logo-customer"><img src="{{ asset('src/images/logo.svg') }}"></div>
{#% if app.user and app.request.requestUri != '/app' %}
<a class="btn btn-secondary btn-lg show-loading-on-click menu-btn show-loading-on-click" href="/" role="button">{{ "Menü"|trans }}</a>
{% endif %#}
</div>
</div>
</header>
{% endblock %}
<section id="content">
{% set session = app.session %}
{% if session.has('successMsgText') and session.get('successMsgText') != '' %}
<!-- Modal -->
<div class="modal fade" id="myMsgModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="myMsgModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="myMsgModalLabel">{{ 'Hinweis'|trans }}</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="alert alert-success mb-0" role="alert">
<strong>{{ session.get('successMsgText') }}</strong>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ 'OK'|trans }}</button>
</div>
</div>
</div>
</div>
<span class="d-none">{{ session.remove('successMsgText') }}</span>
<script>
myMsgModal = new bootstrap.Modal(document.getElementById('myMsgModal'), {
keyboard: false
});
myMsgModal.show();
</script>
{% endif %}
{% block body %}{% endblock %}
</section>
{#% if app.user %}
<pre>{{ dump(app.session) }}</pre>
<pre>{{ dump(app.user) }}</pre>
<pre>{{ app.user.locationCode }}</pre>
{% endif %#}
{% block javascripts %}{% endblock %}
</body>
</html>