PageSourceSearch

https://lillebraeu.de/express-checkout

html lillebraeu.de collected 2026-10-04 10:41:19 UTC 20,748 bytes, 416 lines download raw bytes

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 &#x2197;</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.