<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}">
<link rel="stylesheet" href="{{ asset('css/style.css') }}">
<link rel="stylesheet" href="{{ asset('css/stylenew.css') }}">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" />
<script src="https://kit.fontawesome.com/de3b29bd31.js" crossorigin="anonymous"></script>
<script src="{{ asset('filter/dist/jquery.min.js') }}"></script>
<script src="{{ asset('filter/js/popper.min.js') }}"></script>
<script src="{{ asset('filter/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('filter/dist/jquery-ui.min.js') }}"></script>
{% block js %}
<script src="{{ asset('filter/js/functions.js') }}"></script>
{% endblock %}
<title>BenData</title>
</head>
<body>
<section class="body_width">
<section class="logo_sec">
<div class="container-fluid header_cont">
<div class="row logoadj_row">
<div class="col-12 pt-md-0 pt-2 logcol">
<a href="" class="main_logo">
<img src="images/Logo.png" alt="">
</a>
</div>
</div>
<div class="row men_row">
<div class="col-md-9 col-12 pr-0 pl-md-3 px-0">
<nav class="navbar navbar-expand-lg navbar-light custom_nav">
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="/">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="/dashboard">MyBenData</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/kontakt">Kontakt</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/download">Downloads</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/infos">Infos</a>
</li>
<li class="nav-item">
<a class="nav-link uberb" href="/ueber-bendata">Über BenData</a>
</li>
</ul>
</div>
</nav>
</div>
<div class="col-md-3 col-12 pr-0 py-lg-0 py-3 pl-md-3 pl-0">
<div class="phone_detail">
<span> <img src="/images/call.png" alt=""> 06181 / 70 107-0</span>
</div>
</div>
</div>
</div>
</section>
<section class="body_sec">
<div class="container-fluid">
<div class="row">
<div class="col-xl-2 col-lg-3 col-md-3 col-12 px-md-3 px-0">
<div>
{% if logged_in %}
<div class="logged_text" style="padding: 5px">
<p><b>Willkommen,<br>{{ user.getfirstname }} {{user.getlastname}}</b></p>
<p><span>Kundennummer:</span><br>
{% if odbcData is defined %}
<b>{{ odbcData.getKNDNR }}</b>
{% endif %}
</p>
<a class="btn btn-block log_btn btn-sm" href="/dashboard">MyBenData</a><br>
<a class="btn btn-block log_btn btn-sm" style="background-color:red" href="/logout">Logout</a>
</div>
{% else %}
<div class="login_search">
<form action="/login" method="POST">
<div class="form-group mb-1 mx-2">
<input name="username" type="text" class="form-control" id="exampleInputEmail1"
aria-describedby="emailHelp" placeholder="Benutzername">
<input name="password" type="password" class="form-control" id="exampleInputPassword1"
placeholder="Passwort">
<button class="btn btn-block log_btn btn-sm">Login</button>
</div>
<div class="text-center">
<p class="passveg m-0">
<a class="passveg" href="/change-password">Passwort vergessen ?</a>
</p>
<p class="newreg m-0">
<a class="newreg" href="/register">Neu registrieren</a>
</p>
</div>
</form>
</div>
{% endif %}
<div class="mx-2 menu-smalllinks">
<div class="py-2">
<a class="btn btn-block btn1" href="/newsletter">@ Newsletter</a>
</div>
<?php if(0==1){ ?>
<div class="py-2">
<a class="btn btn-block btn1" href="/angebotuebersicht">Angebot aufrufen</a>
<a class="btn btn-block btn2" href="/auftraguebersicht">Meine Aufträge</a>
<a class="btn btn-block btn2">Meine Warenkörbe</a>
<a class="btn btn-block btn2">Meine Merkzettel</a>
<a class="btn btn-block btn2">Meine Topartikel</a>
<a class="btn btn-block btn2">Meine Drucker</a>
</div>
<?PHP } ?>
<div class="py-2">
<a class="btn btn-block btn1" href="/supplies">Artikelfinder</a>
<a class="btn btn-block btn2" href="/marketplace">Marketplace</a>
</div>
<div class="py-2" style="padding-bottom:0px !important">
<a class="btn btn-block btn3" href="/supplies">Toner + Tinte</a>
<a class="btn btn-block btn4" href="/psa">Akkus und Netzteile</a>
</div>
</div>
</div>
</div>
<div class="col-xl-10 col-lg-9 col-md-9 col-12">
<div class="row search_row">
<div class="col-lg-9 col-md-8 py-md-0 py-2">
<div class="form-row">
<div class="col-lg-6 col-md-9">
<input id="custom_search" class="form-control custom_search" type="text"
placeholder="Suchbegriff, Artikelnummer oder Modell eingeben...">
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 py-md-0 py-2">
<div class="cart_div">
<span>Summe: <span id="basket-sum"></span></span>
<a href="/basket"><img src="/images/cart-line2.png" alt=""></a>
</div>
</div>
</div>
<div class="row" style="background-color: #fff">
<div class="col-12 px-0">
<div class="result_area">
{% if flash|length > 0 %}
<div class="flash_content" >
{{ flash }}
</div>
{% endif %}
{% block main_content %}
{% if logged_in %}
<div style="text-align: center;">
<img style="width: 100%;" src="{{ start }}">
</div>
{% else %}
<div style="text-align: center">
<img style="width: 100%;" src="{{ start }}">
</div>
{% endif %}
{% endblock %}
</div>
</div>
</div>
<div class="row">
<div class="col-12 px-0">
<div class="web_detial">
<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>
<p><a href="/jobs">Job's - </a><a href="/impressum">Impressum</a> - <a href="/dsgv">Datenschutzerklärung</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</section>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
<script>
$( function() {
var names = [];
var accentMap = {
"á": "a",
"ö": "o"
};
$.ajax({
type: "GET",
url: "/allproducts",
timeout: 10000,
success: function (data) {
console.log(data);
data["products"].forEach(product => names.push(product.name))
var normalize = function( term ) {
var ret = "";
for ( var i = 0; i < term.length; i++ ) {
ret += accentMap[ term.charAt(i) ] || term.charAt(i);
}
return ret;
};
$( "#custom_search" ).autocomplete({
source: function( request, response ) {
var matcher = new RegExp( $.ui.autocomplete.escapeRegex( request.term ), "i" );
response( $.grep( names, function( value ) {
value = value.label || value.value || value;
return matcher.test( value ) || matcher.test( normalize( value ) );
}) );
}
});
}
});
} );
</script>
</body>
</html>