templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1">
  6.     <title>{% block title %}METRO - Menu Engineering{% endblock %}</title>
  7.     {# <link rel="manifest" href="site.webmanifest"> #}
  8.     <link rel='apple-touch-icon' type='image/png' sizes='57x57'
  9.           href='{{ asset('favicon/metro-apple-touch-icon-57x57.png') }}'>
  10.     <link rel='apple-touch-icon' type='image/png' sizes='60x60'
  11.           href='{{ asset('favicon/metro-apple-touch-icon-60x60.png') }}'>
  12.     <link rel='apple-touch-icon' type='image/png' sizes='72x72'
  13.           href='{{ asset('favicon/metro-apple-touch-icon-72x72.png') }}'>
  14.     <link rel='apple-touch-icon' type='image/png' sizes='76x76'
  15.           href='{{ asset('favicon/metro-apple-touch-icon-76x76.png') }}'>
  16.     <link rel='apple-touch-icon' type='image/png' sizes='114x114'
  17.           href='{{ asset('favicon/metro-apple-touch-icon-114x114.png') }}'>
  18.     <link rel='apple-touch-icon' type='image/png' sizes='120x120'
  19.           href='{{ asset('favicon/metro-apple-touch-icon-120x120.png') }}'>
  20.     <link rel='apple-touch-icon' type='image/png' sizes='144x144'
  21.           href='{{ asset('favicon/metro-apple-touch-icon-144x144.png') }}'>
  22.     <link rel='apple-touch-icon' type='image/png' sizes='152x152'
  23.           href='{{ asset('favicon/metro-apple-touch-icon-152x152.png') }}'>
  24.     <link rel='apple-touch-icon' type='image/png' sizes='180x180'
  25.           href='{{ asset('favicon/metro-apple-touch-icon-180x180.png') }}'>
  26.     <link rel='icon' type='image/png' sizes='32x32' href='{{ asset('favicon/metro-favicon-32x32.png') }}'>
  27.     <link rel='icon' type='image/png' sizes='192x192' href='{{ asset('favicon/metro-android-chrome-192x192.png') }}'>
  28.     <link rel='icon' type='image/png' sizes='96x96' href='{{ asset('favicon/metro-favicon-96x96.png') }}'>
  29.     <link rel='icon' type='image/png' sizes='16x16' href='{{ asset('favicon/metro-favicon-16x16.png') }}'>
  30.     <meta name='msapplication-TileImage' content='{{ asset('favicon/metro-mstile-144x144.png') }}'>
  31.     <meta name="msapplication-TileColor" content="#1a3c7b">
  32.     <meta name="theme-color" content="#ffffff">
  33.     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
  34.     <link rel="stylesheet" href="{{ asset('css/gijgo.min.css') }}" type="text/css">
  35.     <link rel="stylesheet" href="{{ asset('css/main.css?v=1.0.0') }}" type="text/css">{# TODO: Add Version-Number, for Cache Busting? #}
  36.     {% block stylesheets %}{% endblock %}
  37.     <script>
  38.         adobeDataLayer = [];
  39.     </script>
  40.     {% if app.environment == 'prod' %}
  41.         <script src="https://assets.adobedtm.com/de391e1809aa/1bfbb51b9002/launch-6ade25352bc8.min.js"
  42.                 async></script>
  43.     {% else %}
  44.         <script src="https://assets.adobedtm.com/de391e1809aa/1bfbb51b9002/launch-2d7dff02d6be-development.min.js"
  45.                 async></script>
  46.     {% endif %}
  47.     <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>
  48.     <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>
  49.     <script src="{{ asset('scripts/chart.min.js') }}"></script>
  50.     <script src="{{ asset('scripts/gijgo.min.js') }}"></script>
  51.     <script src="{{ asset('scripts/all.js') }}" type="text/javascript"></script>
  52.     <script type="text/javascript" src="
  53.     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>    
  54.     <script type="text/javascript">
  55.         {% if app.user %}
  56.         const USER_ID = {{ app.user.getId() }};
  57.         const a_language = '{{ app.user.getLanguage()|upper }}';
  58.         const a_country = 'XX';
  59.         const a_path = '{{ app.request.pathInfo }}';
  60.         const pageEventConfig = {
  61.             pageName: [a_language, a_country, 'MENU ENGINEERING', a_path].join(':'),
  62.             productSection: "private",
  63.             productType: "MENU ENGINEERING",
  64.             userLanguage: a_language,
  65.             usercountry: a_country,
  66.             userType: "V",
  67.             userID: String(USER_ID * 13 + 1000000),
  68.         };
  69.         {% else %}
  70.         const USER_ID = 0;
  71.         const a_language = '{{ app.request.locale|upper }}';
  72.         const a_country = 'XX';
  73.         const a_path = '{{ app.request.pathInfo }}';
  74.         const pageEventConfig = {
  75.             pageName: [a_language, a_country, 'MENU ENGINEERING', a_path].join(':'),
  76.             productSection: "public",
  77.             productType: "MENU ENGINEERING",
  78.             userLanguage: a_language,
  79.             usercountry: a_country,
  80.             userType: "V",
  81.             userID: String(USER_ID * 13 + 1000000),
  82.         };
  83.         {% endif %}
  84.         const URL_GET_JOBS = '{{ path('job_ready') }}';
  85.         const URL_GET_CURRENT_JOBS = '{{ path('job_current') }}';
  86.         const URL_GET_ADDRESSES = '{{ path('address_search') }}';
  87.         const URL_SET_JOB_DISPLAYED = '{{ path('job_displayed') }}';
  88.         const URL_DEL_SNAPSHOT = '{{ path('snapshot_delete') }}';
  89.         adobeDataLayer.push({
  90.             event: "content_view_change",
  91.             page: pageEventConfig
  92.         });
  93.     </script>
  94.     <script src="{{ asset('scripts/main.js') }}" type="text/javascript"></script>
  95.     <script src="{{ asset('scripts/cookie.js') }}" type="text/javascript"></script>
  96.     {% block javascripts %}{% endblock %}
  97. </head>
  98. <body class="{{ app.request.get('_route') }}">
  99. <div id="navigation-top" class="hidden-modal">
  100.     <div class="container">
  101.         <div class="row">
  102.             <div class="col-12 text-left">
  103.                 <a href="{{ path('home') }}" class="navigation-link">
  104.                     <img src="{{ asset('images/metro-menu-engineering.svg') }}" height="50">
  105.                 </a>
  106.                 {% if app.getUser() %}
  107.                     <a href="{{ path('project_list') }}" class="navigation-link">
  108.                         <i class="fas fa-list"></i> {{ 'base.Menu top.Project Overview'|transedit|raw }}</a>
  109.                     <a href="{{ path('project_create') }}" class="navigation-link">
  110.                         <i class="fas fa-plus"></i> {{ 'base.Menu top.Create New Project'|transedit|raw }}</a>
  111.                     <a href="{{ path('user_edit') }}" class="navigation-link">
  112.                         <i class="fas fa-user"></i> {{ 'base.Menu top.Edit Profile'|transedit|raw }}</a>
  113.                     {% if app.getUser().getUserRole() < 2 %}
  114.                         <a href="{{ path('user_list') }}" class="navigation-link text-danger">
  115.                             <i class="fas fa-users"></i> {{ 'Manage users'|transedit|raw }}</a>
  116.                         <a href="{{ path('dashboard') }}" class="navigation-link text-danger">
  117.                             <i class="fas fa-chart-line"></i> {{ 'Dashboard'|transedit|raw }}</a>
  118.                     {% endif %}
  119.                 {% endif %}
  120.             </div>
  121.         </div>
  122.     </div>
  123. </div>
  124. {% if app.session.get('messages')|length > 0 %}
  125.     <div class="container">
  126.         <div class="row">
  127.             <div class="col-12">
  128.                 {% for message in app.session.get('messages') %}
  129.                     <div class="alert alert-{{ message[1] }} alert-dismissible fade show" role="alert">
  130.                         <strong>INFO </strong> {{ message[0] }}
  131.                         {% if message[1] == 'primary' %}
  132.                         <button type="button" class="close" data-dismiss="alert" aria-label="Close"
  133.                                 data-counter-close="10">
  134.                             {% else %}
  135.                             <button type="button" class="close" data-dismiss="alert" aria-label="Close">
  136.                                 {% endif %}
  137.                                 <span aria-hidden="true">&times;</span>
  138.                             </button>
  139.                     </div>
  140.                 {% endfor %}
  141.             </div>
  142.         </div>
  143.     </div>
  144.     {{ app.session.set('messages', []) }}
  145. {% endif %}
  146. {% block body %}{% endblock %}
  147. <div id="feedback-wrapper" class="hidden-modal">
  148.     {% if app.getUser() %}
  149.         <button type="button" class="btn btn-warning -height-100 mb-1" data-toggle="modal" data-target="#notice-modal"
  150.                 title="{{ 'notice.button.title'|transonly|raw }}">
  151.             <i class="far fa-edit"></i>
  152.             <span class="badge badge-danger rounded d-none">1</span>
  153.         </button>
  154.     {% endif %}
  155. {% if 1==2 %}
  156.     <button type="button" class="btn btn-primary -height-50 mb-1" data-toggle="modal" data-target="#feedback-modal"
  157.             title="{{ 'feedback button.title'|transonly|raw }}">
  158.         <i class="far fa-envelope"></i>
  159.     </button>
  160.   {% endif %}
  161.   
  162.     {% if app.getUser() %}
  163.         {% if app.session.get('editmode') == true %}
  164.             <button type="button" class="btn btn-danger -height-100 mb-1" id="toggle-edit-mode"
  165.                     title="{{ 'toggle edit mode'|transonly|raw }}">
  166.                 <i class="fas fa-language"></i>
  167.                 <hr>
  168.                 <small>{{ app.session.get('_locale')|upper }}</small>
  169.             </button>
  170.         {% else %}
  171.             <button type="button" class="btn btn-primary -height-50 mb-1" id="toggle-edit-mode"
  172.                     title="{{ 'toggle edit mode'|transonly|raw }}">
  173.                 <i class="fas fa-language"></i>
  174.             </button>
  175.         {% endif %}
  176.     {% endif %}
  177. </div>
  178. <div id="footer-bottom" class="hidden-modal">
  179.     <div class="container">
  180.         <div class="row">
  181.             <div class="col-12 text-center">
  182.                 <a href="{{ path('home') }}" class="btn btn-link">&copy; Copyright 2019 – {{ "now"|date("Y") }} DISH.DIGITAL</a>
  183.                 <a href="{{ path('home') }}" class="btn btn-link">{{ 'base.Menu bottom.Home'|transedit|raw }}</a>
  184.                 <div class="btn-group" role="group">
  185.                     <button id="btnGroupDrop1" type="button" class="btn btn-link dropdown-toggle" data-toggle="dropdown"
  186.                             aria-haspopup="true" aria-expanded="false">
  187.                         <img class="flag-small"
  188.                              src="{{ asset('images/flags/'~ app.request.getLocale() ~'.png') }}"> {{ 'Language'|transedit|raw }}
  189.                     </button>
  190.                     <div class="dropdown-menu">
  191.                         <a class="dropdown-item text-left"
  192.                            href="{{ path('language', {language: 'en', source: app.request.server.get('REQUEST_URI')|url_encode}) }}">
  193.                             <img class="flag"
  194.                                  src="{{ asset('images/flags/en.png') }}"><span>{{ 'English'|transedit|raw }}</span>
  195.                         </a>
  196.                         <a class="dropdown-item text-left"
  197.                            href="{{ path('language', {language: 'de', source: app.request.server.get('REQUEST_URI')|url_encode}) }}">
  198.                             <img class="flag"
  199.                                  src="{{ asset('images/flags/de.png') }}"><span>{{ 'Deutsch'|transedit|raw }}</span>
  200.                         </a>
  201.                         <a class="dropdown-item text-left"
  202.                            href="{{ path('language', {language: 'fr', source: app.request.server.get('REQUEST_URI')|url_encode}) }}">
  203.                             <img class="flag"
  204.                                  src="{{ asset('images/flags/fr.png') }}"><span>{{ 'Le français'|transedit|raw }}</span>
  205.                         </a>
  206.                         <a class="dropdown-item text-left"
  207.                            href="{{ path('language', {language: 'es', source: app.request.server.get('REQUEST_URI')|url_encode}) }}">
  208.                             <img class="flag"
  209.                                  src="{{ asset('images/flags/es.png') }}"><span>{{ 'Español'|transedit|raw }}</span>
  210.                         </a>
  211.                         <a class="dropdown-item text-left"
  212.                            href="{{ path('language', {language: 'it', source: app.request.server.get('REQUEST_URI')|url_encode}) }}">
  213.                             <img class="flag"
  214.                                  src="{{ asset('images/flags/it.png') }}"><span>{{ 'Italiano'|transedit|raw }}</span>
  215.                         </a>
  216.                         <a class="dropdown-item text-left"
  217.                            href="{{ path('language', {language: 'pt', source: app.request.server.get('REQUEST_URI')|url_encode}) }}">
  218.                             <img class="flag"
  219.                                  src="{{ asset('images/flags/pt.png') }}"><span>{{ 'Português'|transedit|raw }}</span>
  220.                         </a>
  221.                         <a class="dropdown-item text-left"
  222.                            href="{{ path('language', {language: 'tr', source: app.request.server.get('REQUEST_URI')|url_encode}) }}">
  223.                             <img class="flag"
  224.                                  src="{{ asset('images/flags/tr.png') }}"><span>{{ 'Türk'|transedit|raw }}</span>
  225.                         </a>
  226.                         <a class="dropdown-item text-left"
  227.                            href="{{ path('language', {language: 'hr', source: app.request.server.get('REQUEST_URI')|url_encode}) }}">
  228.                             <img class="flag"
  229.                                  src="{{ asset('images/flags/hr.png') }}"><span>{{ 'Hrvatski'|transedit|raw }}</span>
  230.                         </a>
  231.                         <a class="dropdown-item text-left"
  232.                            href="{{ path('language', {language: 'pl', source: app.request.server.get('REQUEST_URI')|url_encode}) }}">
  233.                             <img class="flag"
  234.                                  src="{{ asset('images/flags/pl.png') }}"><span>{{ 'Polskie'|transedit|raw }}</span>
  235.                         </a>
  236.                         <a class="dropdown-item text-left"
  237.                            href="{{ path('language', {language: 'hu', source: app.request.server.get('REQUEST_URI')|url_encode}) }}">
  238.                             <img class="flag"
  239.                                  src="{{ asset('images/flags/hu.png') }}"><span>{{ 'Magyar'|transedit|raw }}</span>
  240.                         </a>
  241.                     </div>
  242.                 </div>
  243.                 <a href="{{ path('faq') }}" class="btn btn-link">{{ 'base.Menu bottom.Faq'|transedit|raw }}</a>
  244.                 {# <a href="{{ path('contact') }}" class="btn btn-link">{{ 'base.menu bottom.Contact'|transedit|raw }}</a> #}
  245.                 <a href="{{ path('privacy') }}" class="btn btn-link">{{ 'base.Menu bottom.Privacy'|transedit|raw }}</a>
  246.                 <a href="{{ path('imprint') }}" class="btn btn-link">{{ 'base.Menu bottom.Imprint'|transedit|raw }}</a>
  247.                 {% if app.getUser() %}
  248.                     <a href="{{ path('logout') }}" class="btn btn-link font-weight-bold">
  249.                         <i class="fas fa-sign-out-alt"></i> {{ 'base.Menu bottom.Logout'|transedit|raw }}
  250.                     </a>
  251.                 {% else %}
  252.                     <a href="{{ path('login') }}" class="btn btn-link font-weight-bold">
  253.                         <i class="fas fa-sign-in-alt"></i> {{ 'base.Menu bottom.Login'|transedit|raw }}
  254.                     </a>
  255.                 {% endif %}
  256.             </div>
  257.         </div>
  258.     </div>
  259. </div>
  260. <div class="toasts-wrapper js-toasts-wrapper"></div>
  261. {# Feedback modal template #}
  262. <div class="modal fade hidden-modal" id="feedback-modal" tabindex="-1" role="dialog" data-backdrop="static"
  263.      aria-labelledby="feedbackModalLabel" aria-hidden="true">
  264.     <div class="modal-dialog modal-lg modal-dialog-scrollable modal-feedback" role="document">
  265.         <div class="modal-content">
  266.             <div class="modal-header bg-primary text-light">
  267.                 <h5 class="modal-title" id="feedbackModalLabel">{{ 'base.Feedback modal.Headline'|transedit|raw }}</h5>
  268.                 <button type="button" class="close text-light" data-dismiss="modal" aria-label="Close">
  269.                     <span aria-hidden="true">&times;</span>
  270.                 </button>
  271.             </div>
  272.             <div class="modal-body">
  273.                 <iframe id="iframe-feedback"
  274.                         data-src="{{ path('feedback', {'source_uri': app.request.requestUri|url_encode}) }}"></iframe>
  275.             </div>
  276.         </div>
  277.     </div>
  278. </div>
  279. {% set projectId = app.request.get('project_id') %}
  280. {% if projectId is empty and project is defined %}
  281.     {% set projectId = project.id %}
  282. {% endif %}
  283. {% set importId = app.request.get('import_id') %}
  284. {% if importId is empty and import is defined%}
  285.     {% set importId = import.id %}
  286. {% endif %}
  287. {# notice modal template #}
  288. <div class="modal fade hidden-modal" id="notice-modal" tabindex="-1" role="dialog" data-backdrop="static"
  289.      aria-labelledby="noticeModalLabel" aria-hidden="true">
  290.     <div class="modal-dialog modal-lg modal-dialog-scrollable modal-notice" role="document">
  291.         <div class="modal-content">
  292.             <div class="modal-header bg-primary text-light">
  293.                 <h5 class="modal-title" id="noticeModalLabel">{{ 'notice.modal.title'|transedit|raw }}</h5>
  294.                 <button type="button" class="close text-light" data-dismiss="modal" aria-label="Close">
  295.                     <span aria-hidden="true">&times;</span>
  296.                 </button>
  297.             </div>
  298.             <div class="modal-body">
  299.                 <iframe id="iframe-notice" data-src="{{ path('notice', {'project_id': projectId, 'import_id': importId, 'source_uri': app.request.requestUri|url_encode}) }}"></iframe>
  300.             </div>
  301.         </div>
  302.     </div>
  303. </div>
  304. {# loading layer #}
  305. <div id="loader" class="text-center d-none">
  306.     <div class="spinner-border text-primary text-center" role="status" style="margin-top: 45vh">
  307.         <span class="sr-only">Loading...</span>
  308.     </div>
  309. </div>
  310. <div id="cookie-banner" class="d-none">
  311.     <div class="container">
  312.         <div class="row">
  313.             <div class="col-12 col-lg-9 text-dark">
  314.                 <br>
  315.                 <h3>{{ 'This website uses cookies'|transedit|raw }}</h3>
  316.                 <p>
  317.                     {{ 'We use cookies to analyze the access to our website.'|transedit|raw }}
  318.                 </p>
  319.                 <p>
  320.                     2x {{ 'Cookie by DISH Digital Solutions GmbH, Consent (required)'|transedit|raw }}
  321.                     <br>1x {{ 'Cookie by DISH Digital Solutions GmbH, PHP Session (required)'|transedit|raw }}
  322.                     <br>1x {{ 'Cookie by DISH Digital Solutions GmbH, Language (required)'|transedit|raw }}
  323.                     <br>1x {{ 'Cookie by DISH Digital Solutions GmbH, Usage analysis (optional)'|transedit|raw }}
  324.                     {# <br>3x Cookie von Google LLC, Google-Analytics, Nutzungsanalyse und Marketing (optional) #}
  325.                 </p>
  326.                 <p>
  327.                     {{ 'By clicking on "Allow all cookies", the above mentioned cookies are set. The cookie settings can be adjusted at any time.'|transedit|raw }}
  328.                     <br>
  329.                     <br>
  330.                     <a href="{{ path("cookies") }}"><i class="fas fa-link"></i> {{ 'Cookie settings'|transedit|raw }}
  331.                     </a>
  332.                 </p>
  333.             </div>
  334.             <div class="col-12 col-lg-3 text-right">
  335.                 <br>
  336.                 <br>
  337.                 <button id="button-consent-all-cookies"
  338.                         class="btn btn-warning">{{ 'Allow all cookies'|transedit|raw }}</button>
  339.                 <br>
  340.                 <br>
  341.             </div>
  342.         </div>
  343.     </div>
  344. </div>
  345. <template class="js-toast-template">
  346.     <div class="toast" role="alert" aria-live="assertive" aria-atomic="true" data-job_id="">
  347.         <div class="toast-header bg-secondary">
  348.             <strong class="mr-auto js-toast-title text-uppercase text-white"></strong>
  349.             <small class="js-toast-time text-white"></small>
  350.             <button data-job_id="" type="button" class="js-job_id ml-2 mb-1 close text-white no-loader" data-click="removeToastAndFollowLink">
  351.                 <span aria-hidden="true">&times;</span>
  352.             </button>
  353.         </div>
  354.         <div class="toast-body js-toast-body done">
  355.             {{ 'The analysis of your queued job has just finished. '|transedit|raw }}
  356.             <a data-job_id="" href="javascript:void(0)" data-href="" class="js-job_id js-link-show-result no-loader"
  357.                data-click="removeToastAndFollowLink">
  358.                 <i class="fas fa-external-link-alt p-0"></i> {{ 'Show result'|transedit|raw }}
  359.             </a>
  360.         </div>
  361.         <div class="toast-body js-toast-body failed">
  362.             {{ 'The analysis of your queued job has failed. Please doublecheck the entered data and/or contact your administrator.'|transedit|raw }}
  363.         </div>
  364.     </div>
  365. </template>
  366. <template class="js-alert-modal">
  367.     <div class="modal" tabindex="-1" role="dialog">
  368.         <div class="modal-dialog" role="document">
  369.             <div class="modal-content">
  370.                 <div class="modal-header">
  371.                     <h5 class="modal-title">Modal title</h5>
  372.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  373.                         <span aria-hidden="true">&times;</span>
  374.                     </button>
  375.                 </div>
  376.                 <div class="modal-body">
  377.                     <p>Modal body text goes here.</p>
  378.                 </div>
  379.                 <div class="modal-footer">
  380.                     <button type="button" class="btn btn-primary" data-dismiss="modal">OK</button>
  381.                     {#<button type="button" class="btn btn-primary">Save changes</button>#}
  382.                 </div>
  383.             </div>
  384.         </div>
  385.     </div>
  386. </template>
  387. <template class="js-prompt-modal">
  388.     <div class="modal" tabindex="-1" role="dialog">
  389.         <div class="modal-dialog" role="document">
  390.             <div class="modal-content">
  391.                 <div class="modal-header">
  392.                     <h5 class="modal-title modal-title1">{{ 'Please select the super category'|transedit|raw }}</h5>
  393.                     <h5 class="modal-title modal-title2">{{ 'Please select the category'|transedit|raw }}</h5>
  394.                     <h5 class="modal-title modal-title3">{{ 'Please enter a value'|transedit|raw }}</h5>
  395.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  396.                         <span aria-hidden="true">&times;</span>
  397.                     </button>
  398.                 </div>
  399.                 <div class="modal-body">
  400.                     <label data-prompt-id="1" for="prompt">{{ 'Please select a value'|transedit|raw }}</label>
  401.                     <input class="form-control"  for="prompt" type="text" val="">
  402.                     <select class="form-control" name="prompt" id="prompt">
  403.                     </select>
  404.                 </div>
  405.                 <div class="modal-footer">
  406.                     <button type="button" class="btn btn-primary" data-dismiss="modal">OK</button>
  407.                     {#<button type="button" class="btn btn-primary">Save changes</button>#}
  408.                 </div>
  409.             </div>
  410.         </div>
  411.     </div>
  412. </template>
  413. <template class="js-suggestion-element">
  414.     <div class="ele">
  415.         <div class="column left">
  416.             <h5 class="name"></h5>
  417.             <div><span class="street"></span>&nbsp;<span class="house_no"></span></div>
  418.             <div><span class="zip_cd"></span>&nbsp;<span class="town"></span></div>
  419.         </div>
  420.         <div class="column right">
  421.             <div>Homestore ID:&nbsp;<span class="home_store_id"></span></div>
  422.             <div>Customer-No:&nbsp;<span class="cust_id"></span></div>
  423.         </div>
  424.         <input type='hidden' name='unique_metro_id'>
  425.         <input type='hidden' name='metro_id'>
  426.         <input type='hidden' name='establishment_sfid'>
  427.         <input type='hidden' name='md_establishment_id'>
  428.     </div>
  429. </template>
  430. </body>
  431. </html>