projects / app-web-oof.git / blame
| Commit | Line | Data |
|---|---|---|
| 6e33dd68 MG |
1 | <!DOCTYPE html> |
| 2 | <meta charset="utf-8"> | |
| 3 | <link rel="stylesheet" href="/static/style.css"> | |
| 5d7b5400 | 4 | <title>Order details | ledparts4you</title> |
| 6e33dd68 MG |
5 | |
| 6 | <h1 id="title">ledparts4you</h1> | |
| 1576fc41 | 7 | <div id="subtitle">Issues/Questions? Contact us at <a href="mailto:orders@ledparts4you.uk.to">orders@ledparts4you.uk.to</a></div> |
| 6e33dd68 MG |
8 | |
| 9 | <ul id="notes"><li>Note</ul> | |
| 10 | ||
| 11 | <h2>Your order</h2> | |
| 12 | <form action="/order" method="POST"> | |
| 13 | <table id="order"> | |
| 14 | <thead><tr><th>Item<th>Quantity<th>Price</thead> | |
| 8bbff1bc | 15 | <tbody><tr><td class="item"><a href="#" class="title"></a><br><span class="subtitle"></span><td class="quantity"><td><span class="price"></span><span class="freepost"><br>FREE P&P</span></tbody> |
| 6e33dd68 MG |
16 | </table> |
| 17 | ||
| 18 | <h2>Totals</h2> | |
| 19 | <table id="totals"> | |
| 20 | <tbody><tr><td>Subtotal<td id="subtotal"> | |
| 21 | <tr id="discount_tr"><td>Discount<td id="discount"> | |
| 22 | <tr><td>Postage and packaging<td id="postage"> | |
| 23 | <tr><td><strong>Total</strong><td id="total"></tbody> | |
| 24 | </table> | |
| 25 | ||
| 26 | <h2>Your details</h2> | |
| 27 | <label>First name<br> <input name="first_name" autocomplete="given-name" type="text" maxlength="20" required></label><br> | |
| 28 | <label>Last name<br> <input name="last_name" autocomplete="family-name" type="text" maxlength="20" required></label><br> | |
| 29 | <label>Email address<br><input name="email" autocomplete="email" type="email" maxlength="80" required></label><br> | |
| 30 | <label>Phone number <em>(optional)</em><br><input name="phone" autocomplete="tel" type="tel" maxlength="20"></label><br> | |
| 31 | <label>Postcode<br> <input name="postcode" autocomplete="postal-code" type="text" maxlength="10" required></label><br> | |
| 32 | <label>Address line 1<br><input name="address1" autocomplete="address-line1" type="text" maxlength="32" required></label><br> | |
| 33 | <label>Address line 2 <em>(optional)</em><br><input name="address2" autocomplete="address-line2" type="text" maxlength="32"></label><br> | |
| 34 | <label>Address line 3 <em>(optional)</em><br><input name="address3" autocomplete="address-line3" type="text" maxlength="32"></label><br> | |
| 35 | <label>Address line 4 <em>(optional)</em><br><input name="address4" type="text" maxlength="32"></label><br> | |
| 36 | <label>Safe place <em>(optional)</em><br><input name="safe_place" type="text" maxlength="32"></label><br> | |
| 37 | <label>Delivery instructions <em>(optional)</em><br><input name="instructions" type="text" maxlength="32"></label><br> | |
| 1576fc41 MG |
38 | <br> |
| 39 | You can pay with bank transfer or credit/debit card via Stripe.<br> | |
| 40 | <input type="submit" value="Place order" id="place_order"> | |
| 6e33dd68 MG |
41 | |
| 42 | <input type="hidden" name="discount"> | |
| 43 | <input type="hidden" name="products"> | |
| 44 | <input type="hidden" name="total"> | |
| 6e33dd68 | 45 | </form> |