<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% block title %}METRO - Menu Engineering{% endblock %}</title>
{# <link rel="manifest" href="site.webmanifest"> #}
<link rel='apple-touch-icon' type='image/png' sizes='57x57'
href='{{ asset('favicon/metro-apple-touch-icon-57x57.png') }}'>
<link rel='apple-touch-icon' type='image/png' sizes='60x60'
href='{{ asset('favicon/metro-apple-touch-icon-60x60.png') }}'>
<link rel='apple-touch-icon' type='image/png' sizes='72x72'
href='{{ asset('favicon/metro-apple-touch-icon-72x72.png') }}'>
<link rel='apple-touch-icon' type='image/png' sizes='76x76'
href='{{ asset('favicon/metro-apple-touch-icon-76x76.png') }}'>
<link rel='apple-touch-icon' type='image/png' sizes='114x114'
href='{{ asset('favicon/metro-apple-touch-icon-114x114.png') }}'>
<link rel='apple-touch-icon' type='image/png' sizes='120x120'
href='{{ asset('favicon/metro-apple-touch-icon-120x120.png') }}'>
<link rel='apple-touch-icon' type='image/png' sizes='144x144'
href='{{ asset('favicon/metro-apple-touch-icon-144x144.png') }}'>
<link rel='apple-touch-icon' type='image/png' sizes='152x152'
href='{{ asset('favicon/metro-apple-touch-icon-152x152.png') }}'>
<link rel='apple-touch-icon' type='image/png' sizes='180x180'
href='{{ asset('favicon/metro-apple-touch-icon-180x180.png') }}'>
<link rel='icon' type='image/png' sizes='32x32' href='{{ asset('favicon/metro-favicon-32x32.png') }}'>
<link rel='icon' type='image/png' sizes='192x192' href='{{ asset('favicon/metro-android-chrome-192x192.png') }}'>
<link rel='icon' type='image/png' sizes='96x96' href='{{ asset('favicon/metro-favicon-96x96.png') }}'>
<link rel='icon' type='image/png' sizes='16x16' href='{{ asset('favicon/metro-favicon-16x16.png') }}'>
<meta name='msapplication-TileImage' content='{{ asset('favicon/metro-mstile-144x144.png') }}'>
<meta name="msapplication-TileColor" content="#1a3c7b">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
<link rel="stylesheet" href="{{ asset('css/gijgo.min.css') }}" type="text/css">
<link rel="stylesheet" href="{{ asset('css/main.css?v=1.0.0') }}" type="text/css">{# TODO: Add Version-Number, for Cache Busting? #}
{% block stylesheets %}{% endblock %}
<script>
adobeDataLayer = [];
</script>
{% if app.environment == 'prod' %}
<script src="https://assets.adobedtm.com/de391e1809aa/1bfbb51b9002/launch-6ade25352bc8.min.js"
async></script>
{% else %}
<script src="https://assets.adobedtm.com/de391e1809aa/1bfbb51b9002/launch-2d7dff02d6be-development.min.js"
async></script>
{% endif %}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF" crossorigin="anonymous"></script>
<script src="{{ asset('scripts/chart.min.js') }}"></script>
<script src="{{ asset('scripts/gijgo.min.js') }}"></script>
<script src="{{ asset('scripts/all.js') }}" type="text/javascript"></script>
<script type="text/javascript" src="
https://horecadigital.atlassian.net/s/d41d8cd98f00b204e9800998ecf8427e-T/-3ddrgv/b/8/c95134bc67d3a521bb3f4331beb9b804/_/download/batch/com.atlassian.jira.collector.plugin.jira-issue-collector-plugin:issuecollector/com.atlassian.jira.collector.plugin.jira-issue-collector-plugin:issuecollector.js?locale=en-US&collectorId=66cd7ac0"></script>
<script type="text/javascript">
{% if app.user %}
const USER_ID = {{ app.user.getId() }};
const a_language = '{{ app.user.getLanguage()|upper }}';
const a_country = 'XX';
const a_path = '{{ app.request.pathInfo }}';
const pageEventConfig = {
pageName: [a_language, a_country, 'MENU ENGINEERING', a_path].join(':'),
productSection: "private",
productType: "MENU ENGINEERING",
userLanguage: a_language,
usercountry: a_country,
userType: "V",
userID: String(USER_ID * 13 + 1000000),
};
{% else %}
const USER_ID = 0;
const a_language = '{{ app.request.locale|upper }}';
const a_country = 'XX';
const a_path = '{{ app.request.pathInfo }}';
const pageEventConfig = {
pageName: [a_language, a_country, 'MENU ENGINEERING', a_path].join(':'),
productSection: "public",
productType: "MENU ENGINEERING",
userLanguage: a_language,
usercountry: a_country,
userType: "V",
userID: String(USER_ID * 13 + 1000000),
};
{% endif %}
const URL_GET_JOBS = '{{ path('job_ready') }}';
const URL_GET_CURRENT_JOBS = '{{ path('job_current') }}';
const URL_GET_ADDRESSES = '{{ path('address_search') }}';
const URL_SET_JOB_DISPLAYED = '{{ path('job_displayed') }}';
const URL_DEL_SNAPSHOT = '{{ path('snapshot_delete') }}';
adobeDataLayer.push({
event: "content_view_change",
page: pageEventConfig
});
</script>
<script src="{{ asset('scripts/main.js') }}" type="text/javascript"></script>
<script src="{{ asset('scripts/cookie.js') }}" type="text/javascript"></script>
{% block javascripts %}{% endblock %}
</head>
<body class="{{ app.request.get('_route') }}">
<div id="navigation-top" class="hidden-modal">
<div class="container">
<div class="row">
<div class="col-12 text-left">
<a href="{{ path('home') }}" class="navigation-link">
<img src="{{ asset('images/metro-menu-engineering.svg') }}" height="50">
</a>
{% if app.getUser() %}
<a href="{{ path('project_list') }}" class="navigation-link">
<i class="fas fa-list"></i> {{ 'base.Menu top.Project Overview'|transedit|raw }}</a>
<a href="{{ path('project_create') }}" class="navigation-link">
<i class="fas fa-plus"></i> {{ 'base.Menu top.Create New Project'|transedit|raw }}</a>
<a href="{{ path('user_edit') }}" class="navigation-link">
<i class="fas fa-user"></i> {{ 'base.Menu top.Edit Profile'|transedit|raw }}</a>
{% if app.getUser().getUserRole() < 2 %}
<a href="{{ path('user_list') }}" class="navigation-link text-danger">
<i class="fas fa-users"></i> {{ 'Manage users'|transedit|raw }}</a>
<a href="{{ path('dashboard') }}" class="navigation-link text-danger">
<i class="fas fa-chart-line"></i> {{ 'Dashboard'|transedit|raw }}</a>
{% endif %}
{% endif %}
</div>
</div>
</div>
</div>
{% if app.session.get('messages')|length > 0 %}
<div class="container">
<div class="row">
<div class="col-12">
{% for message in app.session.get('messages') %}
<div class="alert alert-{{ message[1] }} alert-dismissible fade show" role="alert">
<strong>INFO </strong> {{ message[0] }}
{% if message[1] == 'primary' %}
<button type="button" class="close" data-dismiss="alert" aria-label="Close"
data-counter-close="10">
{% else %}
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
{% endif %}
<span aria-hidden="true">×</span>
</button>
</div>
{% endfor %}
</div>
</div>
</div>
{{ app.session.set('messages', []) }}
{% endif %}
{% block body %}{% endblock %}
<div id="feedback-wrapper" class="hidden-modal">
{% if app.getUser() %}
<button type="button" class="btn btn-warning -height-100 mb-1" data-toggle="modal" data-target="#notice-modal"
title="{{ 'notice.button.title'|transonly|raw }}">
<i class="far fa-edit"></i>
<span class="badge badge-danger rounded d-none">1</span>
</button>
{% endif %}
{% if 1==2 %}
<button type="button" class="btn btn-primary -height-50 mb-1" data-toggle="modal" data-target="#feedback-modal"
title="{{ 'feedback button.title'|transonly|raw }}">
<i class="far fa-envelope"></i>
</button>
{% endif %}
{% if app.getUser() %}
{% if app.session.get('editmode') == true %}
<button type="button" class="btn btn-danger -height-100 mb-1" id="toggle-edit-mode"
title="{{ 'toggle edit mode'|transonly|raw }}">
<i class="fas fa-language"></i>
<hr>
<small>{{ app.session.get('_locale')|upper }}</small>
</button>
{% else %}
<button type="button" class="btn btn-primary -height-50 mb-1" id="toggle-edit-mode"
title="{{ 'toggle edit mode'|transonly|raw }}">
<i class="fas fa-language"></i>
</button>
{% endif %}
{% endif %}
</div>
<div id="footer-bottom" class="hidden-modal">
<div class="container">
<div class="row">
<div class="col-12 text-center">
<a href="{{ path('home') }}" class="btn btn-link">© Copyright 2019 – {{ "now"|date("Y") }} DISH.DIGITAL</a>
<a href="{{ path('home') }}" class="btn btn-link">{{ 'base.Menu bottom.Home'|transedit|raw }}</a>
<div class="btn-group" role="group">
<button id="btnGroupDrop1" type="button" class="btn btn-link dropdown-toggle" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
<img class="flag-small"
src="{{ asset('images/flags/'~ app.request.getLocale() ~'.png') }}"> {{ 'Language'|transedit|raw }}
</button>
<div class="dropdown-menu">
<a class="dropdown-item text-left"
href="{{ path('language', {language: 'en', source: app.request.server.get('REQUEST_URI')|url_encode}) }}">
<img class="flag"
src="{{ asset('images/flags/en.png') }}"><span>{{ 'English'|transedit|raw }}</span>
</a>
<a class="dropdown-item text-left"
href="{{ path('language', {language: 'de', source: app.request.server.get('REQUEST_URI')|url_encode}) }}">
<img class="flag"
src="{{ asset('images/flags/de.png') }}"><span>{{ 'Deutsch'|transedit|raw }}</span>
</a>
<a class="dropdown-item text-left"
href="{{ path('language', {language: 'fr', source: app.request.server.get('REQUEST_URI')|url_encode}) }}">
<img class="flag"
src="{{ asset('images/flags/fr.png') }}"><span>{{ 'Le français'|transedit|raw }}</span>
</a>
<a class="dropdown-item text-left"
href="{{ path('language', {language: 'es', source: app.request.server.get('REQUEST_URI')|url_encode}) }}">
<img class="flag"
src="{{ asset('images/flags/es.png') }}"><span>{{ 'Español'|transedit|raw }}</span>
</a>
<a class="dropdown-item text-left"
href="{{ path('language', {language: 'it', source: app.request.server.get('REQUEST_URI')|url_encode}) }}">
<img class="flag"
src="{{ asset('images/flags/it.png') }}"><span>{{ 'Italiano'|transedit|raw }}</span>
</a>
<a class="dropdown-item text-left"
href="{{ path('language', {language: 'pt', source: app.request.server.get('REQUEST_URI')|url_encode}) }}">
<img class="flag"
src="{{ asset('images/flags/pt.png') }}"><span>{{ 'Português'|transedit|raw }}</span>
</a>
<a class="dropdown-item text-left"
href="{{ path('language', {language: 'tr', source: app.request.server.get('REQUEST_URI')|url_encode}) }}">
<img class="flag"
src="{{ asset('images/flags/tr.png') }}"><span>{{ 'Türk'|transedit|raw }}</span>
</a>
<a class="dropdown-item text-left"
href="{{ path('language', {language: 'hr', source: app.request.server.get('REQUEST_URI')|url_encode}) }}">
<img class="flag"
src="{{ asset('images/flags/hr.png') }}"><span>{{ 'Hrvatski'|transedit|raw }}</span>
</a>
<a class="dropdown-item text-left"
href="{{ path('language', {language: 'pl', source: app.request.server.get('REQUEST_URI')|url_encode}) }}">
<img class="flag"
src="{{ asset('images/flags/pl.png') }}"><span>{{ 'Polskie'|transedit|raw }}</span>
</a>
<a class="dropdown-item text-left"
href="{{ path('language', {language: 'hu', source: app.request.server.get('REQUEST_URI')|url_encode}) }}">
<img class="flag"
src="{{ asset('images/flags/hu.png') }}"><span>{{ 'Magyar'|transedit|raw }}</span>
</a>
</div>
</div>
<a href="{{ path('faq') }}" class="btn btn-link">{{ 'base.Menu bottom.Faq'|transedit|raw }}</a>
{# <a href="{{ path('contact') }}" class="btn btn-link">{{ 'base.menu bottom.Contact'|transedit|raw }}</a> #}
<a href="{{ path('privacy') }}" class="btn btn-link">{{ 'base.Menu bottom.Privacy'|transedit|raw }}</a>
<a href="{{ path('imprint') }}" class="btn btn-link">{{ 'base.Menu bottom.Imprint'|transedit|raw }}</a>
{% if app.getUser() %}
<a href="{{ path('logout') }}" class="btn btn-link font-weight-bold">
<i class="fas fa-sign-out-alt"></i> {{ 'base.Menu bottom.Logout'|transedit|raw }}
</a>
{% else %}
<a href="{{ path('login') }}" class="btn btn-link font-weight-bold">
<i class="fas fa-sign-in-alt"></i> {{ 'base.Menu bottom.Login'|transedit|raw }}
</a>
{% endif %}
</div>
</div>
</div>
</div>
<div class="toasts-wrapper js-toasts-wrapper"></div>
{# Feedback modal template #}
<div class="modal fade hidden-modal" id="feedback-modal" tabindex="-1" role="dialog" data-backdrop="static"
aria-labelledby="feedbackModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg modal-dialog-scrollable modal-feedback" role="document">
<div class="modal-content">
<div class="modal-header bg-primary text-light">
<h5 class="modal-title" id="feedbackModalLabel">{{ 'base.Feedback modal.Headline'|transedit|raw }}</h5>
<button type="button" class="close text-light" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<iframe id="iframe-feedback"
data-src="{{ path('feedback', {'source_uri': app.request.requestUri|url_encode}) }}"></iframe>
</div>
</div>
</div>
</div>
{% set projectId = app.request.get('project_id') %}
{% if projectId is empty and project is defined %}
{% set projectId = project.id %}
{% endif %}
{% set importId = app.request.get('import_id') %}
{% if importId is empty and import is defined%}
{% set importId = import.id %}
{% endif %}
{# notice modal template #}
<div class="modal fade hidden-modal" id="notice-modal" tabindex="-1" role="dialog" data-backdrop="static"
aria-labelledby="noticeModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg modal-dialog-scrollable modal-notice" role="document">
<div class="modal-content">
<div class="modal-header bg-primary text-light">
<h5 class="modal-title" id="noticeModalLabel">{{ 'notice.modal.title'|transedit|raw }}</h5>
<button type="button" class="close text-light" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<iframe id="iframe-notice" data-src="{{ path('notice', {'project_id': projectId, 'import_id': importId, 'source_uri': app.request.requestUri|url_encode}) }}"></iframe>
</div>
</div>
</div>
</div>
{# loading layer #}
<div id="loader" class="text-center d-none">
<div class="spinner-border text-primary text-center" role="status" style="margin-top: 45vh">
<span class="sr-only">Loading...</span>
</div>
</div>
<div id="cookie-banner" class="d-none">
<div class="container">
<div class="row">
<div class="col-12 col-lg-9 text-dark">
<br>
<h3>{{ 'This website uses cookies'|transedit|raw }}</h3>
<p>
{{ 'We use cookies to analyze the access to our website.'|transedit|raw }}
</p>
<p>
2x {{ 'Cookie by DISH Digital Solutions GmbH, Consent (required)'|transedit|raw }}
<br>1x {{ 'Cookie by DISH Digital Solutions GmbH, PHP Session (required)'|transedit|raw }}
<br>1x {{ 'Cookie by DISH Digital Solutions GmbH, Language (required)'|transedit|raw }}
<br>1x {{ 'Cookie by DISH Digital Solutions GmbH, Usage analysis (optional)'|transedit|raw }}
{# <br>3x Cookie von Google LLC, Google-Analytics, Nutzungsanalyse und Marketing (optional) #}
</p>
<p>
{{ 'By clicking on "Allow all cookies", the above mentioned cookies are set. The cookie settings can be adjusted at any time.'|transedit|raw }}
<br>
<br>
<a href="{{ path("cookies") }}"><i class="fas fa-link"></i> {{ 'Cookie settings'|transedit|raw }}
</a>
</p>
</div>
<div class="col-12 col-lg-3 text-right">
<br>
<br>
<button id="button-consent-all-cookies"
class="btn btn-warning">{{ 'Allow all cookies'|transedit|raw }}</button>
<br>
<br>
</div>
</div>
</div>
</div>
<template class="js-toast-template">
<div class="toast" role="alert" aria-live="assertive" aria-atomic="true" data-job_id="">
<div class="toast-header bg-secondary">
<strong class="mr-auto js-toast-title text-uppercase text-white"></strong>
<small class="js-toast-time text-white"></small>
<button data-job_id="" type="button" class="js-job_id ml-2 mb-1 close text-white no-loader" data-click="removeToastAndFollowLink">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="toast-body js-toast-body done">
{{ 'The analysis of your queued job has just finished. '|transedit|raw }}
<a data-job_id="" href="javascript:void(0)" data-href="" class="js-job_id js-link-show-result no-loader"
data-click="removeToastAndFollowLink">
<i class="fas fa-external-link-alt p-0"></i> {{ 'Show result'|transedit|raw }}
</a>
</div>
<div class="toast-body js-toast-body failed">
{{ 'The analysis of your queued job has failed. Please doublecheck the entered data and/or contact your administrator.'|transedit|raw }}
</div>
</div>
</template>
<template class="js-alert-modal">
<div class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p>Modal body text goes here.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">OK</button>
{#<button type="button" class="btn btn-primary">Save changes</button>#}
</div>
</div>
</div>
</div>
</template>
<template class="js-prompt-modal">
<div class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title modal-title1">{{ 'Please select the super category'|transedit|raw }}</h5>
<h5 class="modal-title modal-title2">{{ 'Please select the category'|transedit|raw }}</h5>
<h5 class="modal-title modal-title3">{{ 'Please enter a value'|transedit|raw }}</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<label data-prompt-id="1" for="prompt">{{ 'Please select a value'|transedit|raw }}</label>
<input class="form-control" for="prompt" type="text" val="">
<select class="form-control" name="prompt" id="prompt">
</select>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">OK</button>
{#<button type="button" class="btn btn-primary">Save changes</button>#}
</div>
</div>
</div>
</div>
</template>
<template class="js-suggestion-element">
<div class="ele">
<div class="column left">
<h5 class="name"></h5>
<div><span class="street"></span> <span class="house_no"></span></div>
<div><span class="zip_cd"></span> <span class="town"></span></div>
</div>
<div class="column right">
<div>Homestore ID: <span class="home_store_id"></span></div>
<div>Customer-No: <span class="cust_id"></span></div>
</div>
<input type='hidden' name='unique_metro_id'>
<input type='hidden' name='metro_id'>
<input type='hidden' name='establishment_sfid'>
<input type='hidden' name='md_establishment_id'>
</div>
</template>
</body>
</html>