tmpl/continue.html

   1 <!DOCTYPE html>
   2 <meta charset="utf-8">
   3 <link rel="stylesheet" href="/static/style.css">
   4 <title>Order details | ledparts4you</title>
   5
   6 <h1 id="title">ledparts4you</h1>
   7 <div id="subtitle">Issues/Questions? Contact us at <a href="mailto:orders@ledparts4you.uk.to">orders@ledparts4you.uk.to</a></div>
   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>
  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&amp;P</span></tbody>
  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>
  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">
  41
  42 <input type="hidden" name="discount">
  43 <input type="hidden" name="products">
  44 <input type="hidden" name="total">
  45 </form>