SHARE
TWEET

Octoshop checkout

a guest Aug 22nd, 2016 24 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <h2>Checkout</h2>
  2. <p class="lead">
  3.     Please double-check everything on this page to make sure the information
  4.     is correct. When you are absolutely sure it is, go ahead and <em>Order It!</em> to finalise your order.
  5. </p>
  6.  
  7. <div class="row">
  8.     <div class="col-md-8">
  9.         <form
  10.             class="form form-horizontal"
  11.             data-request="onCheckout"
  12.             data-request-redirect="/browse"
  13.         >
  14.             <fieldset>
  15.                 <div class="form-group">
  16.                     <label class="col-md-4 control-label" for="first_name">First Name</label>  
  17.                     <div class="col-md-8">
  18.                         <input id="first_name" name="first_name" type="text" placeholder="Jill" class="form-control" required>
  19.                     </div>
  20.                 </div>
  21.                 <div class="form-group">
  22.                     <label class="col-md-4 control-label" for="last_name">Last Name</label>  
  23.                     <div class="col-md-8">
  24.                         <input id="last_name" name="last_name" type="text" placeholder="Smith" class="form-control" required>
  25.                     </div>
  26.                 </div>
  27.                 <div class="form-group">
  28.                     <label class="col-md-4 control-label" for="email">Email</label>
  29.                     <div class="col-md-8">
  30.                         <input id="email" name="email" type="email" placeholder="jill.smith@email.com" class="form-control" required>
  31.                     </div>
  32.                 </div>
  33.                 <div class="form-group">
  34.                     <label class="col-md-4 control-label" for="address">Address</label>  
  35.                     <div class="col-md-8">
  36.                         <input id="address" name="address" type="text" placeholder="42 Rain Lane" class="form-control" required>
  37.                     </div>
  38.                 </div>
  39.                 <div class="form-group">
  40.                     <label class="col-md-4 control-label" for="town">Town</label>  
  41.                     <div class="col-md-8">
  42.                         <input id="town" name="town" type="text" placeholder="Autumnville" class="form-control" required>
  43.                     </div>
  44.                 </div>
  45.                 <div class="form-group">
  46.                     <label class="col-md-4 control-label" for="county">County</label>  
  47.                     <div class="col-md-8">
  48.                         <input id="county" name="county" type="text" placeholder="Leafton" class="form-control" required>
  49.                     </div>
  50.                 </div>
  51.                 <div class="form-group">
  52.                     <label class="col-md-4 control-label" for="">Post Code</label>  
  53.                     <div class="col-md-8">
  54.                         <input id="" name="" type="text" placeholder="AU12 3LT" class="form-control" required>
  55.                     </div>
  56.                 </div>
  57.                
  58.                 <div class="form-group">
  59.                     <div class="col-md-8 col-md-offset-4">
  60.                    
  61.                         <form action="" method="POST">
  62.                               <script
  63.                                 src="https://checkout.stripe.com/checkout.js" class="stripe-button"
  64.                                 data-key="pk_test_X8xCpesMeYm38OjlbNVPLuK7"
  65.                                 data-amount="{{ basketTotal }}"
  66.                                 data-name="GWK"
  67.                                 data-billing-address="true"
  68.                                 data-shipping-address="true"
  69.                                 data-currency="gbp">
  70.                               </script>
  71.            
  72.                                 <button id="submit" name="submit" class="btn btn-primary">Order It!</button>
  73.                             </form>
  74.          
  75.                     </div>
  76.                 </div>
  77.             </fieldset>
  78.         </form>
  79.     </div>
  80.     <div class="col-md-4">
  81.         <table class="table">
  82.             <thead>
  83.                 <tr>
  84.                     <th class="col-xs-1">&nbsp;</th>
  85.                     <th class="col-xs-8">Product</th>
  86.                     <th class="col-xs-1">Qty.</th>
  87.                     <th class="col-xs-1">Price</th>
  88.                     <th class="col-xs-1">Subtotal</th>
  89.                 </tr>
  90.             </thead>
  91.             <tbody>
  92.                 {% for item in basketItems %}
  93.                     {% partial __SELF__~'::_item' item=item %}
  94.                 {% endfor %}
  95.                 <tr>
  96.                     <td colspan="4"><span class="pull-right">Total:</span></td>
  97.                     <td>&pound;<span class="ocshop-total">{{ basketTotal }}</span></td>
  98.                 </tr>
  99.             </tbody>
  100.         </table>
  101.     </div>
  102. </div>
RAW Paste Data
Top