1<!DOCTYPE html> 2<html lang="de"> 3<head> 4 <title> Checkout</title> 5 <meta charset="utf-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <link rel="icon" type="image" href="assets/images/site-logo.png"> 8 <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css"> 9 <link rel="stylesheet" type="text/css" href="assets/css/admin.css"> 10 <link rel="stylesheet" type="text/css" href="assets/css/style.css"> 11 <link rel="stylesheet" type="text/css" href="assets/css/responsive.css"> 12</head> 13<body> 14 <section class="checkout"> 15 <div class="container-fluid"> 16 <div class="row"> 17 18 19 20 <div class="modal fade" id="loginModal" aria-hidden="true" aria-labelledby="exampleModalToggleLabel" 21 tabindex="-1"> 22 <div class="modal-dialog modal-dialog-centered"> 23 <div class="modal-content"> 24 <div class="modal-header"> 25 <h5 class="modal-title font-36 fw-bold text-dark" 26 id="exampleModalToggleLabel">Anmelden</h5> 27 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 28 </div> 29 <div class="modal-body"> 30 <form method="POST" id="loginForm" action="express-login"> 31 <div class="form-group mb-3"> 32 <label for="exampleInputEmail1" 33 class="form-label">Benutzername</label> 34 <input type="text" class="form-control" aria-describedby="emailHelp" name="username" 35 required> 36 </div> 37 <div class="form-group"> 38 <label for="exampleInputPassword1" 39 class="form-label">Passwort</label> 40 <input type="password" class="form-control mb-3" name="password" required> 41 </div> 42 <div class="d-flex flex-wrap justify-content-between mb-3"> 43 <div class="text-end ms-2"> 44 <a href="/reset-password" class="font-14 fw-400 text-dark text-decoration-none">Passwort vergessen?</a> 45 </div> 46 <input type="hidden" name="profile" value=""> 47 </div> 48 <button type="submit" 49 class="btn black-btn text-white rounded-0 mb-0 font-16 fw-400">Anmelden</button> 50 </form> 51 </div> 52 <div class="modal-footer text-center d-block w-100 border-top-0"> 53 </div> 54 </div> 55 </div> 56 </div> 57 58 <div class="modal fade" id="registerModal" aria-hidden="true" aria-labelledby="exampleModalToggleLabel" 59 tabindex="-1"> 60 <div class="modal-dialog modal-dialog-centered"> 61 <div class="modal-content"> 62 <div class="modal-header"> 63 <h5 class="modal-title font-36 fw-bold text-dark" 64 id="exampleModalToggleLabel">Registrieren</h5> 65 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 66 </div> 67 <div class="modal-body"> 68 69 <form method="POST" action="express-register" class="form" id="registerForm"> 70 <div class="form-group"> 71 <label>Benutzername</label><br> 72 <input type="input" class="form-control input-lg" name="user" value="" 73 required> 74 </div> 75 <div class="form-group"> 76 <label>E-Mail</label><br> 77 <input type="input" class="form-control input-lg" name="email" value="" 78 required> 79 </div> 80 <div class="form-group"> 81 <label>Passwort</label><br> 82 <input type="password" class="form-control input-lg" name="password" required> 83 </div> 84 <div class="form-group"> 85 <label>Passwort wiederholen</label><br> 86 <input type="password" class="form-control input-lg" name="password2" required> 87 </div> 88 <div class="form-group"> 89 <input type="hidden" name="already_sent" value="1"> 90 <button type="submit" 91 class="btn black-btn text-white rounded-0 mb-0 font-16 fw-400">Registrieren</button> 92 </div> 93 </form> 94 95 96 </div> 97 <div class="modal-footer text-center d-block w-100 border-top-0"> 98 </div> 99 </div> 100 </div> 101 </div> 102 103 <!-- Payment Methods Modal --> 104 <div class="modal fade" id="paymentMethodsModal" aria-hidden="true" aria-labelledby="paymentMethodsModalLabel" tabindex="-1">
105 <div class="modal-dialog modal-dialog-centered modal-xl" style="max-width: 960px;"> 106 <div class="modal-content"> 107 <div class="modal-header"> 108 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 109 </div> 110 <div class="modal-body" id="paymentMethodsModalBody" style="overflow: scroll;"> 111 <div class="text-center"> 112 <div class="spinner-border" role="status"> 113 <span class="visually-hidden">Loading...</span> 114 </div> 115 </div> 116 </div> 117 </div> 118 </div> 119 </div> 120 121 <div class="col-lg-7 col-md-6 px-0"> 122 <div class="products"> 123 <a href="javascript:void(0)"> 124 <figure class="figure head-logo" style="max-width: 16rem;"> 125 <img src='https://lillebraeu.sleekshop.net/srv/uploads/shopobject_images/a17b4407fb6ba744099f0f855ede092e.png' class='img-fluid logo' alt='' /> </figure> 126 </a> 127 128 <h1 class="sub-heading font-40 fw-400 mb-5 mt-0">Kasse</h1> 129 130 131 <h2 class="font-30 fw-bold text-dark mt-4">Rechnungsdetails</h2> 132 <div class="login-strip"> 133 <p class="font-16 fw-400">Haben Sie ein Konto? <a data-bs-toggle="modal" 134 href="#loginModal" 135 role="button">Anmelden</a> Oder <a data-bs-toggle="modal" href="#registerModal" 136 role="button">Registrieren</a></p> 137 </div> 138 139 140 <form action="express-checkout" method="POST" id="expressForm"> 141 142 <div class="form-group mb-3 "> 143 <label class="form-label">E-Mail *</label> 144 <input type="text" placeholder="E-Mail *" name="email" class="form-control" 145 value="" required> 146 </div> 147 <div class="form-group mb-3"> 148 <label class="form-label">Anrede *</label> 149 <select name="salutation" class="form-control" required> 150 <option value="">Anrede</option> 151 <option value="Mrs" 152 >Frau</option> 153 <option value="Mr" 154 >Herr</option> 155 </select> 156 </div> 157 <div class="names d-flex flex-wrap justify-content-between"> 158 <div class="form-group mb-3 "> 159 <label class="form-label">Vorname *</label> 160 <input type="text" placeholder="Vorname *" name="firstname" 161 class="form-control" value="" required> 162 </div> 163 <div class="form-group mb-3 "> 164 <label class="form-label">Nachname *</label> 165 <input type="text" placeholder="Nachname *" name="lastname" 166 class="form-control" value="" required> 167 </div> 168 </div> 169 <div class="form-group mb-3"> 170 <label class="form-label">Firma</label> 171 <input type="text" placeholder="Firma" name="companyname" 172 class="form-control" value=""> 173 </div> 174 <div class="form-group mb-3"> 175 <label class="form-label">Abteilung</label> 176 <input type="text" placeholder="Abteilung" name="department" 177 class="form-control" value=""> 178 </div> 179 <div class="names d-flex flex-wrap justify-content-between"> 180 <div class="form-group mb-3 "> 181 <label class="form-label">StraÃe *</label> 182 <input type="text" placeholder="StraÃe *" name="street" 183 class="form-control" value="" required> 184 </div> 185 <div class="form-group mb-3 "> 186 <label class="form-label">Nummer *</label> 187 <input type="text" placeholder="Nummer *" name="number" 188 class="form-control" value="" required> 189 </div> 190 </div> 191 <div class="names d-flex flex-wrap justify-content-between"> 192 <div class="form-group mb-3 "> 193 <label class="form-label">Stadt *</label> 194 <input type="text" placeholder="Stadt *" name="city" 195 class="form-control" value="" required> 196 </div> 197 <div class="form-group mb-3 "> 198 <label class="form-label">PLZ *</label> 199 <input type="text" placeholder="PLZ *" name="zip" class="form-control" 200 value="" required> 201 </div> 202 </div> 203 <div class="form-group mb-3 "> 204 <label class="form-label">Staat *</label> 205 <input type="text" placeholder="Staat *" name="state" class="form-control" 206 value="" required> 207 </div> 208 <div class="form-group mb-3 "> 209 <label class="form-label">Land *</label> 210 <select name="country" class="form-control" required> 211 <option value="">Bitte wählen Sie ihr Land</option> 212 <option value="DE" >Deutschland</option> 213 </select> 214 </div> 215 216 <div class="form-group mb-3"> 217 <label class="form-label">Notizen</label> 218 <textarea type="text" placeholder="Notizen" name="notes" 219 class="form-control"></textarea> 220 </div> 221 222 223 <div class="different-address"> 224 225 <div class="login-strip"> 226 <h4> 227 <label>Versand an eine andere Adresse?</label> 228 <input id="ship-box" name="diffaddress" value="diffadd" type="checkbox" 229 onclick="toggleAddr()" style="display: inline; "/> 230 </h4> 231 </div> 232 233 234 <div id="secondaryaddr"> 235 236 <div class="form-group mb-3"> 237 <label class="form-label">Anrede *</label> 238 <select name="dsalutation" class="form-control"> 239 <option value="">Anrede</option> 240 <option value="Mrs" 241 >Frau</option> 242 <option value="Mr" 243 >Herr</option> 244 </select> 245 </div> 246 <div class="names d-flex flex-wrap justify-content-between"> 247 <div class="form-group mb-3"> 248 <label class="form-label">Vorname *</label> 249 <input type="text" placeholder="Vorname *" name="dfirstname" 250 class="form-control" value=""> 251 </div> 252 <div class="form-group mb-3"> 253 <label class="form-label">Nachname *</label> 254 <input type="text" placeholder="Nachname *" name="dlastname" 255 class="form-control" value=""> 256 </div> 257 </div> 258 <div class="form-group mb-3"> 259 <label class="form-label">Firma</label> 260 <input type="text" placeholder="Firma" name="dcompanyname" 261 class="form-control" value=""> 262 </div> 263 <div class="form-group mb-3"> 264 <label class="form-label">Abteilung</label> 265 <input type="text" placeholder="Abteilung" name="ddepartment" 266 class="form-control" value=""> 267 </div> 268 <div class="names d-flex flex-wrap justify-content-between"> 269 <div class="form-group mb-3"> 270 <label class="form-label">StraÃe *</label> 271 <input type="text" placeholder="StraÃe *" name="dstreet" 272 class="form-control" value=""> 273 </div> 274 <div class="form-group mb-3"> 275 <label class="form-label">Nummer *</label> 276 <input type="text" placeholder="Nummer *" name="dnumber" 277 class="form-control" value=""> 278 </div> 279 </div> 280 <div class="names d-flex flex-wrap justify-content-between"> 281 <div class="form-group mb-3"> 282 <label class="form-label">Stadt *</label> 283 <input type="text" placeholder="Stadt *" name="dcity" 284 class="form-control" value=""> 285 </div> 286 <div class="form-group mb-3"> 287 <label class="form-label">PLZ *</label> 288 <input type="text" placeholder="PLZ *" name="dzip" 289 class="form-control" value=""> 290 </div> 291 </div> 292 <div class="form-group mb-3"> 293 <label class="form-label">Staat *</label> 294 <input type="text" placeholder="Staat *" name="dstate" 295 class="form-control" value=""> 296 </div> 297 <div class="form-group mb-3"> 298 <select name="dcountry" class="form-control"> 299 <option value="">Bitte wählen Sie ihr Land</option> 300 <option value="DE" >Deutschland</option> 301 </select> 302 <!-- <input type="text" name="country" class="form-control" value="{$userdata.country}"> --> 303 </div> 304 </div> 305 </div> 306 307 </form> 308 </div> <!-------------Class Product End----------> 309 </div> 310 <div class="col-lg-5 col-md-6 px-0"> 311 <div class="order"> 312 <h2 class="sub-heading font-30 fw-600 text-dark">Ihr Warenkorb</h2> 313 314 315 316 317 318 <div class="top order-list"> 319 <div class="total d-flex justify-content-between"> 320 <h6 class="font-18 fw-400 text-dark">Summe</h6> 321 <p class="font-18 fw-bold text-dark"><span 322 class="font-12 fw-400 text-dark me-3"></span>0.00 323 â¬</p> 324 </div> 325 </div> <!------order-list Class End----------> 326 <div class="payment-mode mb-4"> 327 <h4 class="font-18 text-dark mb-3">Online-Bezahlung</h4> 328 329 <!-- Fallback - no payment methods available --> 330 <p class="font-16 text-dark">Nachdem Sie Ihre Bestellung aufgegeben haben, werden Sie zur Zahlung an den Zahlungsdienstleister weitergeleitet.</p> 331 <a class="font-16 text-dark text-decoration-underline" href="#" id="paymentMethodsLink" data-bs-toggle="modal" data-bs-target="#paymentMethodsModal">Informationen zu Zahlungsmethoden ↗</a> 332 </div> 333 <div class="alert alert-danger" role="alert"> 334 Ihr Warenkorb ist leer </div> 335 </div> 336 </div> 337 338
338<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
338 339
339<script> 340 341 document.getElementById("secondaryaddr").style.display = "none"; 342 343 function toggleAddr() { 344 345 var x = document.getElementById("secondaryaddr"); 346 if (x.style.display === "none") { 347 x.style.display = "block"; 348 } else { 349 x.style.display = "none"; 350 } 351 352 } 353 354 // Function to update payment method 355 function updatePaymentMethod(paymentId) { 356 document.getElementById('id_payment').value = paymentId; 357 } 358 359 window.addEventListener('load', function () { 360 361 362 }); 363 364 // Handle payment methods modal AJAX request 365 document.getElementById('paymentMethodsModal').addEventListener('show.bs.modal', function (event) { 366 const modalBody = document.getElementById('paymentMethodsModalBody'); 367 368 // Show loading spinner 369 modalBody.innerHTML = ` 370 <div class="text-center"> 371 <div class="spinner-border pb-10" role="status"> 372 <span class="visually-hidden">Lädt...</span> 373 </div> 374 </div> 375 `; 376 377 // Make AJAX request 378 fetch('/ajax_payment_page') 379 .then(response => { 380 if (!response.ok) { 381 throw new Error('Network response was not ok'); 382 } 383 return response.text(); 384 }) 385 .then(html => { 386 modalBody.innerHTML = html; 387 }) 388 .catch(error => { 389 console.error('Error loading payment methods:', error); 390 modalBody.innerHTML = ` 391 <div class="alert alert-danger" role="alert"> 392 <strong>Fehler:</strong> Die Zahlungsmethoden konnten nicht geladen werden. Bitte versuchen Sie es später erneut. 393 </div> 394 `; 395 }); 396 }); 397 398 </script>
398 399 400
400<script src="https://js.stripe.com/v3/"></script>
400 401
401<script src="/js/stripe_checkout.js" 402 data-pk="pk_live_blRqVR3RSzSZSU8cLTsZWH4d00uD3iuJxp" 403 data-amount=0.00 404 data-e_checkout_e="express-checkout-element" 405 id="stripe_checkout" 406 ></script>
406 407 408 </div> 409 </div> 410 </section> 411
411<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
411 412
412<script src="assets/js/bootstrap.min.js"></script>
412 413
413<script src="assets/js/custom.js"></script>
413 414
414<script src="/js/main.js" defer></script>
414 415</body> 416</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.