- <div t-attf-class="form-group #{error.get('shipping_name') and 'has-error' or ''} col-lg-6">
- <label class="control-label" for="contact_name">Name (Shipping)</label>
- <input type="text" name="shipping_name" class="form-control" t-att-value="checkout.get('shipping_name', '')"/>
- </div>
- <div t-attf-class="form-group #{error.get('shipping_phone') and 'has-error' or ''} col-lg-6">
- <label class="control-label" for="contact_name">Phone</label>
- <input type="tel" name="shipping_phone" class="form-control" t-att-value="checkout.get('shipping_phone', '')"/>
- </div>
- <div t-attf-class="form-group #{error.get('shipping_street') and 'has-error' or ''} col-lg-6">
- <label class="control-label" for="contact_name">Street</label>
- <input type="text" name="shipping_street" class="form-control" t-att-value="checkout.get('shipping_street', '')"/>
- </div>
- <div class="clearfix"/>
- <div t-attf-class="form-group #{error.get('shipping_city') and 'has-error' or ''} col-lg-6">
- <label class="control-label" for="contact_name">City</label>
- <input type="text" name="shipping_city" class="form-control" t-att-value="checkout.get('shipping_city', '')"/>
- </div>
- <div t-attf-class="form-group #{error.get('shipping_zip') and 'has-error' or ''} col-lg-6">
- <label class="control-label" for="contact_name">Zip / Postal Code</label>
- <input type="text" name="shipping_zip" class="form-control" t-att-value="checkout.get('shipping_zip', '')"/>
- </div>
- <div t-attf-class="form-group #{error.get('shipping_state_id') and 'has-error' or ''} col-lg-6">
- <label class="control-label" for="contact_name" style="font-weight: normal">State / Province</label>
- <select name="shipping_state_id" class="form-control">
- <option value="">State / Province...</option>
- <t t-foreach="states or []" t-as="state">
- <option t-att-value="state.id" t-att-selected="state.id == checkout.get('shipping_state_id')"><t t-esc="state.name"/></option>
- </t>
- </select>
- </div>
- <div t-attf-class="form-group #{error.get('shipping_country_id') and 'has-error' or ''} col-lg-6">
- <label class="control-label" for="contact_name">Country</label>
- <select name="shipping_country_id" class="form-control">
- <option value="">Country...</option>
- <t t-foreach="countries or []" t-as="country">
- <option t-att-value="country.id" t-att-selected="country.id == checkout.get('shipping_country_id')"><t t-esc="country.name"/></option>
- </t>
- </select>
- </div>
- </div>
- <button type="submit" class="btn btn-default btn-primary pull-right mb32">Confirm <span class="fa fa-long-arrow-right"/></button>
- </div>
- <div class="col-lg-offset-1 col-lg-3 text-muted">
- <h3 class="page-header mt16">Your Order <small><a href="/shop/mycart"><span class="fa fa-arrow-right"/> change</a></small></h3>
- <div class="row">
- <div class="col-sm-6 text-right">Subtotal:</div>
- <div class="col-sm-6"><span t-esc="website_sale_order.amount_untaxed" t-field-options='{
- "widget": "monetary",
- "display_currency": "website.pricelist_id.currency_id"
- }'/></div>
- <div class="col-sm-6 text-right">Taxes:</div>
- <div class="col-sm-6"><span t-field="website_sale_order.amount_tax" t-field-options='{
- "widget": "monetary",
- "display_currency": "website.pricelist_id.currency_id"
- }'/></div>
- <div class="col-sm-6 text-right"><h4>Total To Pay:</h4></div>
- <div class="col-sm-6"><h4><span t-field="website_sale_order.amount_total" t-field-options='{
- "widget": "monetary",
- "display_currency": "website.pricelist_id.currency_id"
- }'/></h4></div>
- </div>
- </div>
- </div>
- </form>
- </div>
- </div>
- </t>
- </template>
-
- <template id="payment">
- <t t-call="website.layout">
- <t t-set="head">
- <script type="text/javascript" src="/website_sale/static/src/js/website_sale.js"></script>
- <script type="text/javascript" src="/website_sale/static/src/js/website_sale_payment.js"></script>
- <link rel='stylesheet' href='/website_sale/static/src/css/website_sale.css'/>
- <t t-raw="head or ''"/>
- </t>
- <t t-set="additional_title">Shop - Select Payment Mode</t>
- <div id="wrap">
- <div class="container oe_website_sale">
-
- <ul class="wizard pull-right">
- <li><a href="/shop/mycart" class="text-success">Review Order<span class="chevron"></span></a></li>
- <li><a href="/shop/checkout" class="text-success">Shipping & Billing<span class="chevron"></span></a></li>
- <li class="text-primary">Payment<span class="chevron"></span></li>
- <li class="text-muted">Confirmation<span class="chevron"></span></li>
- </ul>
- <h1 class="mb32">Validate Order</h1>
- <div class="row">
- <div class="col-lg-8 col-sm-9 oe_mycart">
- <table class='table table-striped table-condensed' id="mycart_products" t-if="website_sale_order and website_sale_order.order_line">
- <colgroup>
- <col width="80"/>
- <col/>
- <col width="100"/>
- <col width="120"/>
- </colgroup>
- <thead>
- <tr>
- <th colspan="2">Product</th>
- <th>Price</th>
- <th>Quantity</th>
- </tr>
- </thead>
- <tbody>
- <tr t-foreach="website_sale_order.order_line" t-as="line">
- <td colspan="2" t-if="not line.product_id.product_tmpl_id"></td>
- <td t-if="line.product_id.product_tmpl_id">
- <a t-href="/shop/product/#{ slug(line.product_id.product_tmpl_id) }/">
- <span t-field="line.product_id.image_small"
- t-field-options='{"widget": "image", "class": "img-rounded"}'/>
- </a>
- </td>
- <td t-if="line.product_id.product_tmpl_id">
- <strong t-field="line.product_id.name"/>
- </td>
- <td class="text-center">
- <span t-field="line.price_unit" t-field-options='{
- "widget": "monetary",
- "display_currency": "website.pricelist_id.currency_id"
- }'/>
- </td>
- <td>
- <div t-esc="line.product_uom_qty"/>
- </td>
- </tr>
- </tbody>
- </table>
- <table class='pull-right mb16' id="mycart_total">
- <colgroup>
- <col width="100"/>
- <col width="120"/>
- </colgroup>
- <thead>
- <tr style="border-top: 1px solid #000">
- <th><h3>Total:</h3></th>
- <th class="text-right"><h3><span t-field="website_sale_order.amount_total" t-field-options='{
- "widget": "monetary",
- "display_currency": "website.pricelist_id.currency_id"
- }'/></h3></th>
- </tr>
- <tr class="text-muted">
- <td>Incl. Taxes:</td>
- <td class="text-right"><span t-field="website_sale_order.amount_tax" t-field-options='{
- "widget": "monetary",
- "display_currency": "website.pricelist_id.currency_id"
- }'/></td>
- </tr>
- </thead>
- </table>
- <div class="clearfix"/>
- <div class="oe_structure"/>
- </div>
- <div class="col-lg-3 col-lg-offset-1 col-sm-3 text-muted" id="right_column">
- <h4>Bill To:</h4>
- <div t-field="website_sale_order.partner_invoice_id"/>
- <div>
- <a href="/shop/checkout"><span class="fa fa-arrow-right"/> Change Address</a>