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">Meine Warenkörbe</a>
  120.                                 <a class="btn btn-block btn2">Meine Merkzettel</a>
  121.                                 <a class="btn btn-block btn2">Meine Topartikel</a>
  122.                                 <a class="btn btn-block btn2">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 class="py-2" style="padding-bottom:0px !important">
  130.                                 <a class="btn btn-block btn3" href="/supplies">Toner + Tinte</a>
  131.                                 <a class="btn btn-block btn4" href="/psa">Akkus und Netzteile</a>
  132.                             </div>
  133.                         </div>
  134.                     </div>
  135.                 </div>
  136.                 <div class="col-xl-10 col-lg-9 col-md-9 col-12">
  137.                     <div class="row search_row">
  138.                         <div class="col-lg-9 col-md-8 py-md-0 py-2">
  139.                             <div class="form-row">
  140.                                 <div class="col-lg-6 col-md-9">
  141.                                     <input id="custom_search" class="form-control custom_search" type="text"
  142.                                            placeholder="Suchbegriff, Artikelnummer oder Modell eingeben...">
  143.                                 </div>
  144.                             </div>
  145.                         </div>
  146.                         <div class="col-lg-3 col-md-4 py-md-0 py-2">
  147.                             <div class="cart_div">
  148.                                 <span>Summe: <span id="basket-sum"></span></span>
  149.                                 <a href="/basket"><img src="/images/cart-line2.png" alt=""></a>
  150.                             </div>
  151.                         </div>
  152.                     </div>
  153.                     <div class="row" style="background-color: #fff">
  154.                         <div class="col-12 px-0">
  155.                             <div class="result_area">
  156.                                 {% if flash|length > 0 %}
  157.                                     <div class="flash_content" >
  158.                                         {{ flash }}
  159.                                     </div>
  160.                                 {% endif %}
  161.                                 {% block main_content %}
  162.                                     {% if logged_in %}
  163.                                         <div style="text-align: center;">
  164.                                             <img style="width: 100%;"  src="{{ start }}">
  165.                                         </div>
  166.                                     {% else %}
  167.                                         <div style="text-align: center">
  168.                                             <img style="width: 100%;" src="{{ start }}">
  169.                                         </div>
  170.                                     {% endif %}
  171.                                 {% endblock %}
  172.                             </div>
  173.                         </div>
  174.                     </div>
  175.                     <div class="row">
  176.                         <div class="col-12 px-0">
  177.                             <div class="web_detial">
  178.                                 <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>
  179.                                 <p><a href="/jobs">Job's - </a><a href="/impressum">Impressum</a> - <a href="/dsgv">Datenschutzerklärung</a></p>
  180.                             </div>
  181.                         </div>
  182.                     </div>
  183.                 </div>
  184.             </div>
  185.         </div>
  186.     </section>
  187. </section>
  188. <link rel="stylesheet" href="https://code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
  189. <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
  190. <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
  191. <script>
  192.     $( function() {
  193.         var names = [];
  194.         var accentMap = {
  195.             "á": "a",
  196.             "ö": "o"
  197.         };
  198.         $.ajax({
  199.             type: "GET",
  200.             url: "/allproducts",
  201.             timeout: 10000,
  202.             success: function (data) {
  203.                 console.log(data);
  204.                 data["products"].forEach(product => names.push(product.name))
  205.                 var normalize = function( term ) {
  206.                     var ret = "";
  207.                     for ( var i = 0; i < term.length; i++ ) {
  208.                         ret += accentMap[ term.charAt(i) ] || term.charAt(i);
  209.                     }
  210.                     return ret;
  211.                 };
  212.                 $( "#custom_search" ).autocomplete({
  213.                     source: function( request, response ) {
  214.                         var matcher = new RegExp( $.ui.autocomplete.escapeRegex( request.term ), "i" );
  215.                         response( $.grep( names, function( value ) {
  216.                             value = value.label || value.value || value;
  217.                             return matcher.test( value ) || matcher.test( normalize( value ) );
  218.                         }) );
  219.                     }
  220.                 });
  221.             }
  222.         });
  223.     } );
  224. </script>
  225. </body>
  226. </html>