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