templates/base.html.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4.     <!-- Required meta tags -->
  5.     <meta charset="utf-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7.     <!-- Bootstrap CSS -->
  8.     <link rel="stylesheet"  href="{{ asset('css/bootstrap.min.css') }}">
  9.     <link rel="stylesheet"  href="{{ asset('css/style.css') }}">
  10.     <link rel="stylesheet"  href="{{ asset('css/stylenew.css') }}">
  11.     <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
  12.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" />
  13.     <script src="https://kit.fontawesome.com/de3b29bd31.js" crossorigin="anonymous"></script>
  14.     <script src="{{ asset('filter/dist/jquery.min.js') }}"></script>
  15.     <script src="{{ asset('filter/js/popper.min.js') }}"></script>
  16.     <script src="{{ asset('filter/js/bootstrap.min.js') }}"></script>
  17.     <script src="{{ asset('filter/dist/jquery-ui.min.js') }}"></script>
  18.     {% block js %}
  19.         <script src="{{ asset('filter/js/functions.js') }}"></script>
  20.     {% endblock %}
  21.     <title>BenData</title>
  22. </head>
  23. <body>
  24. <section class="body_width">
  25.     <section class="logo_sec">
  26.         <div class="container-fluid header_cont">
  27.             <div class="row logoadj_row">
  28.                 <div class="col-12 pt-md-0 pt-2 logcol">
  29.                     <a href="" class="main_logo">
  30.                         <img src="images/Logo.png" alt="">
  31.                     </a>
  32.                 </div>
  33.             </div>
  34.             <div class="row men_row">
  35.                 <div class="col-md-9 col-12 pr-0 pl-md-3 px-0">
  36.                     <nav class="navbar navbar-expand-lg navbar-light custom_nav">
  37.                         <button class="navbar-toggler" type="button" data-toggle="collapse"
  38.                                 data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
  39.                                 aria-expanded="false" aria-label="Toggle navigation">
  40.                             <span class="navbar-toggler-icon"></span>
  41.                         </button>
  42.                         <div class="collapse navbar-collapse" id="navbarSupportedContent">
  43.                             <ul class="navbar-nav ml-auto">
  44.                                 <li class="nav-item">
  45.                                     <a class="nav-link" href="/">Home <span class="sr-only">(current)</span></a>
  46.                                 </li>
  47.                                 <li class="nav-item">
  48.                                     <a class="nav-link" href="/dashboard">MyBenData</a>
  49.                                 </li>
  50.                                 <li class="nav-item">
  51.                                     <a class="nav-link" href="/kontakt">Kontakt</a>
  52.                                 </li>
  53.                                 <li class="nav-item">
  54.                                     <a class="nav-link" href="/download">Downloads</a>
  55.                                 </li>
  56.                                 <li class="nav-item">
  57.                                     <a class="nav-link" href="/infos">Infos</a>
  58.                                 </li>
  59.                                 <li class="nav-item">
  60.                                     <a class="nav-link uberb" href="/ueber-bendata">Über BenData</a>
  61.                                 </li>
  62.                             </ul>
  63.                         </div>
  64.                     </nav>
  65.                 </div>
  66.                 <div class="col-md-3 col-12 pr-0 py-lg-0 py-3 pl-md-3 pl-0">
  67.                     <div class="phone_detail">
  68.                         <span> <img src="/images/call.png" alt=""> 06181 / 70 107-0</span>
  69.                     </div>
  70.                 </div>
  71.             </div>
  72.         </div>
  73.     </section>
  74.     <section class="body_sec">
  75.         <div class="container-fluid">
  76.             <div class="row">
  77.                 <div class="col-xl-2 col-lg-3 col-md-3 col-12 px-md-3 px-0">
  78.                     <div>
  79.                         {% if logged_in %}
  80.                             <div class="logged_text" style="padding: 5px">
  81.                                 <p><b>Willkommen,<br>{{ user.getfirstname }} {{user.getlastname}}</b></p>
  82.                                 <p><span>Kundennummer:</span><br>
  83.                                     {% if odbcData is defined %}
  84.                                         <b>{{ odbcData.getKNDNR }}</b>
  85.                                     {% endif %}
  86.                                 </p>
  87.                                 <a class="btn btn-block log_btn btn-sm" href="/dashboard">MyBenData</a><br>
  88.                                 <a class="btn btn-block log_btn btn-sm" style="background-color:red" href="/logout">Logout</a>
  89.                             </div>
  90.                         {% else %}
  91.                             <div class="login_search">
  92.                                 <form action="/login" method="POST">
  93.                                     <div class="form-group mb-1 mx-2">
  94.                                         <input name="username" type="text" class="form-control" id="exampleInputEmail1"
  95.                                                aria-describedby="emailHelp" placeholder="Benutzername">
  96.                                         <input name="password" type="password" class="form-control" id="exampleInputPassword1"
  97.                                                placeholder="Passwort">
  98.                                         <button class="btn btn-block log_btn btn-sm">Login</button>
  99.                                     </div>
  100.                                     <div class="text-center">
  101.                                         <p class="passveg m-0">
  102.                                             <a class="passveg" href="/change-password">Passwort vergessen ?</a>
  103.                                         </p>
  104.                                         <p class="newreg m-0">
  105.                                             <a class="newreg" href="/register">Neu registrieren</a>
  106.                                         </p>
  107.                                     </div>
  108.                                 </form>
  109.                             </div>
  110.                         {% endif %}
  111.                         <div class="mx-2 menu-smalllinks">
  112.                             <div class="py-2">
  113.                                 <a class="btn btn-block btn1" href="/newsletter">@ Newsletter</a>
  114.                             </div>
  115.                             <?php if(0==1){ ?>
  116.                             <div class="py-2">
  117.                                 <a class="btn btn-block btn1" href="/angebotuebersicht">Angebot aufrufen</a>
  118.                                 <a class="btn btn-block btn2" href="/auftraguebersicht">Meine Aufträge</a>
  119.                                 <a class="btn btn-block btn2" href="/warenkorbuebersicht">Meine Warenkörbe</a>
  120.                                 <a class="btn btn-block btn2" href="/merkuebersicht">Meine Merkzettel</a>
  121.                                 <a class="btn btn-block btn2" href="/topuebersicht">Meine Topartikel</a>
  122.                                 <a class="btn btn-block btn2" href="/druckuebersicht">Meine Drucker</a>
  123.                             </div>
  124.                             <?PHP ?>
  125.                             <div class="py-2">
  126.                                 <a class="btn btn-block btn1" href="/supplies">Artikelfinder</a>
  127.                                 <!-- <a class="btn btn-block btn2" href="/marketplace">Marketplace</a> -->
  128.                             </div>
  129.                         </div>
  130.                     </div>
  131.                 </div>
  132.                 <div class="col-xl-10 col-lg-9 col-md-9 col-12">
  133.                     <div class="row search_row">
  134.                         <div class="col-lg-9 col-md-8 py-md-0 py-2">
  135.                             <div class="form-row">
  136.                                 <div class="col-lg-6 col-md-9">
  137.                                     <input id="custom_search" class="form-control custom_search" type="text"
  138.                                            placeholder="Suchbegriff, Artikelnummer oder Modell eingeben...">
  139.                                 </div>
  140.                             </div>
  141.                         </div>
  142.                         <div class="col-lg-3 col-md-4 py-md-0 py-2">
  143.                             <div class="cart_div">
  144.                                 <span>Summe: <span id="basket-sum"></span></span>
  145.                                 <a href="/basket"><img src="/images/cart-line2.png" alt=""></a>
  146.                             </div>
  147.                         </div>
  148.                     </div>
  149.                     <div class="row" style="background-color: #fff">
  150.                         <div class="col-12 px-0">
  151.                             <div class="result_area">
  152.                                 {% if flash|length > 0 %}
  153.                                     <div class="flash_content" >
  154.                                         {{ flash }}
  155.                                     </div>
  156.                                 {% endif %}
  157.                                 {% block main_content %}
  158.                                     {% if logged_in %}
  159.                                         <div style="text-align: center;">
  160.                                             <img style="width: 100%;"  src="{{ start }}">
  161.                                         </div>
  162.                                     {% else %}
  163.                                         <div style="text-align: center">
  164.                                             <img style="width: 100%;" src="{{ start }}">
  165.                                         </div>
  166.                                     {% endif %}
  167.                                 {% endblock %}
  168.                             </div>
  169.                         </div>
  170.                     </div>
  171.                     <div class="row">
  172.                         <div class="col-12 px-0">
  173.                             <div class="web_detial">
  174.                                 <p>Tel.: +49 (0) 6181 / 70 107-0 (Montag bis Donnerstag von 08:00-17:00 Uhr, Freitag von 08:00-15:00 Uhr)</p>
  175.                                 <p><a href="/jobs">Job's - </a><a href="/impressum">Impressum</a> - <a href="/dsgv">Datenschutzerklärung</a></p>
  176.                             </div>
  177.                         </div>
  178.                     </div>
  179.                 </div>
  180.             </div>
  181.         </div>
  182.     </section>
  183. </section>
  184. <link rel="stylesheet" href="https://code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
  185. <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
  186. <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
  187. <script>
  188.     $( function() {
  189.         var names = [];
  190.         var accentMap = {
  191.             "á": "a",
  192.             "ö": "o"
  193.         };
  194.         $.ajax({
  195.             type: "GET",
  196.             url: "/allproducts",
  197.             timeout: 10000,
  198.             success: function (data) {
  199.                 console.log(data);
  200.                 data["products"].forEach(product => names.push(product.name))
  201.                 var normalize = function( term ) {
  202.                     var ret = "";
  203.                     for ( var i = 0; i < term.length; i++ ) {
  204.                         ret += accentMap[ term.charAt(i) ] || term.charAt(i);
  205.                     }
  206.                     return ret;
  207.                 };
  208.                 $( "#custom_search" ).autocomplete({
  209.                     source: function( request, response ) {
  210.                         var matcher = new RegExp( $.ui.autocomplete.escapeRegex( request.term ), "i" );
  211.                         response( $.grep( names, function( value ) {
  212.                             value = value.label || value.value || value;
  213.                             return matcher.test( value ) || matcher.test( normalize( value ) );
  214.                         }) );
  215.                     }
  216.                 });
  217.             }
  218.         });
  219.     } );
  220. </script>
  221. {% block page_scripts %}{% endblock %}
  222. </body>
  223. </html>