addons/website_sale/views/website_sale.xml

   1 <?xml version="1.0" encoding="utf-8"?>
   2 <openerp>
   3 <data>
   4
   5     <record model="ir.ui.view" id="product_pricelist_view">
   6         <field name="name">product.pricelist.website.form</field>
   7         <field name="model">product.pricelist</field>
   8         <field name="inherit_id" ref="product.product_pricelist_view"/>
   9         <field name="arch" type="xml">
  10             <field name="active" position="after">
  11                 <field name="code"/>
  12             </field>
  13         </field>
  14     </record>
  15
  16     <!-- Layout add nav and footer -->
  17
  18     <template id="footer_custom" inherit_id="website.layout" name="Custom Footer">
  19         <xpath expr="//body/header//ul[@id='top_menu']/li" position="before">
  20             <li><a href="/shop/">Shop</a></li>
  21             <li>
  22                 <a href="/shop/mycart/">
  23                     <i class="icon-shopping-cart"></i>
  24                     My cart
  25                     <t t-if="order and order.get_total_quantity()">
  26                         <span class="badge" t-esc="order.get_total_quantity()"/>
  27                     </t>
  28                 </a>
  29             </li>
  30         </xpath>
  31     </template>
  32
  33     <record id="product_normal_form_view" model="ir.ui.view">
  34         <field name="name">product.normal.form.inherit</field>
  35         <field name="model">product.product</field>
  36         <field name="inherit_id" ref="product.product_normal_form_view"/>
  37         <field name="arch" type="xml">
  38             <group name="sale" position="inside">
  39                 <group name="website" string="Website">
  40                     <field name="website_published"/>
  41                     <field name="suggested_product_ids" widget="many2many_tags"/>
  42                 </group>
  43             </group>
  44         </field>
  45     </record>
  46
  47     <!-- Page Shop -->
  48
  49     <template id="layout" name="Products Layout">
  50         <t t-call="website.layout">
  51             <t t-set="head">
  52                 <script type="text/javascript" src="/website_sale/static/src/js/website_sale.js"></script>
  53                 <t t-raw="head or ''"/>
  54             </t>
  55             <t t-set="title">Shop - <t t-raw="title">Categories</t></t>
  56             <div class="container mt48 oe_website_sale">
  57                 <div class="row">
  58                     <div class="col-md-12" id="shop_content">
  59                         <t t-raw="shop_content" />
  60                     </div>
  61                 </div>
  62             </div>
  63         </t>
  64     </template>
  65     <template id="products_categories" inherit_id="website_sale.layout" inherit_option_id="website_sale.layout" name="Left Product Categories">
  66         <xpath expr="//div[@id='shop_content']" position="before">
  67             <div class="col-md-4">
  68                 <ul class="nav nav-pills nav-stacked">
  69                     <li t-att-class=" '' if category_id else 'active' " class='active'><a href="/shop/">All Products</a></li>
  70                     <t t-foreach="categories" t-as="category">
  71                         <t t-call="website_sale.categories_recursive"/>
  72                     </t>
  73                 </ul>
  74             </div>
  75         </xpath>
  76         <xpath expr="//div[@id='shop_content']" position="attributes">
  77             <attribute name="class">col-md-8</attribute>
  78         </xpath>
  79     </template>
  80
  81     <!-- List of categories -->
  82
  83     <template id="categories_recursive">
  84         <li t-att-class="category.id == category_id and 'active' or ''">
  85             <a t-attf-href="/shop/category/#{ category.id }/" t-field="category.name"></a>
  86             <ul t-if="category.child_id" class="nav nav-pills nav-stacked nav-hierarchy">
  87                 <t t-foreach="category.child_id" t-as="category">
  88                     <t t-call="website_sale.categories_recursive"/>
  89                 </t>
  90             </ul>
  91         </li>
  92     </template>
  93
  94     <!-- Product list -->
  95
  96     <template id="products" page="True">
  97         <t t-call="website_sale.layout">
  98             <t t-set="title">Product</t>
  99             <t t-set="shop_content">
 100                 <div class='navbar' role='navigation'>
 101                     <div class="navbar-collapse">
 102                         <t t-call="website.pager">
 103                             <t t-set="classname">pull-left</t>
 104                         </t>
 105                         <form t-attf-action="/shop/#{ category_id and ('category/%s/' % category_id) or ''}" method="get" class="navbar-search pull-right pagination">
 106                             <input type="text" name="search" class="search-query col-md-2 form-control" placeholder="Search" t-att-value="search or '' or ''"/>
 107                         </form>
 108                     </div>
 109                 </div>
 110                 <div class='row grid grid-align-top'>
 111                     <t t-foreach="products" t-as="product">
 112                     <div t-attf-class="col-md-2 mb16 thumbnail text-center #{not product.website_published and 'alert alert-warning' or ''}" style="width: 170px; margin-left: 16px;">
 113                         <a t-attf-href="/shop/product/#{ product.id }/?#{ search and ('search=%s' % search) or ''}#{ category_id and ('&amp;category_id=%s' % category_id) or ''}">
 114                             <h5  t-field="product.name"> </h5>
 115                             <img class="img-rounded" t-att-src="product.img('image_small')"/>
 116                         </a>
 117                         <div>
 118                             <div t-field="product.description_sale"></div>
 119                             <div>
 120                                 <t t-if="product.product_variant_ids[0].lst_price != product.product_variant_ids[0].price">
 121                                 <small class="text-error" style="text-decoration: line-through;"><t t-esc="product.product_variant_ids[0].lst_price" /> €</small>
 122                                 </t>
 123                                 <b><t t-esc="product.product_variant_ids[0].price" /> €</b>
 124                             </div>
 125                             <div class="mb8 mt8">
 126                                 <a t-if="product.website_published" t-attf-href="./add_cart/#{ product.id }/" class="btn btn-default btn-sm btn-success">Add to cart</a>
 127                             </div>
 128                         </div>
 129                     </div>
 130                     </t>
 131                 </div>
 132                 <div class="text-center">
 133                     <t t-call="website.pager" />
 134                 </div>
 135             </t>
 136         </t>
 137     </template>
 138
 139     <!-- product -->
 140
 141     <template id="product" name="Product">
 142         <t t-call="website_sale.layout">
 143             <t t-set="title">Product</t>
 144             <t t-set="shop_content">
 145
 146                 <div class='navbar navbar' role='navigation'>
 147                     <div class="collapse navbar-collapse">
 148                         <form t-attf-action="/shop/#{ category_id and ('category/%s/' % category_id) or ''}" method="get" class="navbar-search pull-right pagination">
 149                             <input type="text" name="search" class="search-query col-md-2 form-control" placeholder="Search" t-att-value="search or '' or ''"/>
 150                         </form>
 151                     </div>
 152                 </div>
 153                 <div id="product_detail">
 154                     <t t-call="website.publish"><t t-set="object" t-value="product"/></t>
 155                     <h2 t-field="product.name"></h2>
 156                     <a t-if="not product.product_variant_ids" t-attf-href="./add_cart/#{ product.id }/" class="btn btn-default btn-sm btn-success pull-right">Add to cart</a>
 157                     <form t-if="len(product.product_variant_ids) > 1" action="./add_cart/" class="pull-right">
 158                         <label label-default="label-default" class="radio" t-foreach="product.product_variant_ids" t-as="product">
 159                             <input type="radio" name="product_id" t-att-value="product.id" t-att-checked="product == product.product_variant_ids[0] or None"/>
 160                             <t t-esc="product.variants or ''">Standard</t>
 161                             <span class="badge" t-if="product.price_extra"><t t-esc="product.price_extra > 0 and '+' or ''"/><t t-esc="product.price_extra"/> €</span>
 162                         </label><br/>
 163                         <button class="btn btn-sm btn-success">Add to cart</button>
 164                     </form>
 165                     <img class="media-object img-responsive" t-att-src="product.img('image_medium')"/>
 166                     <div t-field="product.website_description"></div>
 167                     <div>
 168                         <t t-if="product.product_variant_ids[0].lst_price != product.product_variant_ids[0].price">
 169                         <h5 class="text-error" style="text-decoration: line-through;"><t t-esc="product.product_variant_ids[0].lst_price" /> €</h5>
 170                         </t>
 171                         <h4><t t-esc="product.product_variant_ids[0].price" /> €</h4>
 172                     </div>
 173                 </div>
 174             </t>
 175         </t>
 176     </template>
 177     <template id="recommended_products" inherit_id="website_sale.product" inherit_option_id="website_sale.product" name="Recommended Products">
 178         <xpath expr="//div[@id='product_detail']" position="inside">
 179             <div class="well mt32" t-if="product.recommended_products()">
 180                 <h4>Customers who have bought this item also bought</h4>
 181                 <div class='row mt16' style="margin-left: 15px !important;">
 182                 <t t-foreach="product.recommended_products()" t-as="product">
 183                     <div class='col-md-2 thumbnail' style='width: 170px; margin-right: 16px;'>
 184                         <a t-attf-href="/shop/product/#{ product.id }/">
 185                             <div class='mt16 text-center'>
 186                                 <img t-att-src="product.img('image_small')"/>
 187                                 <h5 t-field='product.name'></h5>
 188                             </div>
 189                         </a>
 190                     </div>
 191                 </t>
 192                 </div>
 193             </div>
 194         </xpath>
 195     </template>
 196
 197     <!-- Page Shop my cart -->
 198
 199     <template id="mycart" name="My cart" page="True">
 200         <t t-call="website_sale.layout">
 201             <t t-set="title">My cart</t>
 202             <t t-set="shop_content">
 203                 <div class="col-md-12 oe_mycart">
 204                     <h2>My Shopping Cart</h2>
 205                     <table class='table' id="mycart_products">
 206                         <colgroup>
 207                             <col width="80"/>
 208                             <col/>
 209                             <col width="80"/>
 210                             <col width="160"/>
 211                         </colgroup>
 212                         <thead>
 213                             <tr>
 214                                 <th colspan="2">Product</th>
 215                                 <th>Price</th>
 216                                 <th>Quantity</th>
 217                             </tr>
 218                         </thead>
 219                         <tbody t-if="not order or not order.order_line">
 220                             <tr><td colspan="4"><h3>Your cart is empty</h3></td></tr>
 221                         </tbody>
 222                         <tbody t-if="order and order.order_line">
 223                             <t t-foreach="order.order_line" t-as="line">
 224                                 <tr>
 225                                     <td>
 226                                         <a t-attf-href="/shop/product/#{ line.product_id.product_tmpl_id.id }/"><img class="img-rounded" t-att-src="line.product_id.img('image_small')"/></a>
 227                                     </td>
 228                                     <td>
 229                                         <a t-attf-href="/shop/product/#{ line.product_id.product_tmpl_id.id }/"><span t-field="line.name"/></a><br/>
 230                                         <small t-field="line.product_id.description_sale"/>
 231                                     </td>
 232                                     <td>
 233                                         <small t-if="line.product_id.lst_price != line.price_unit" class="text-error" style="text-decoration: line-through;"><t t-esc="line.product_id.lst_price" /> €</small>
 234                                        <span t-field="line.price_unit"></span> €
 235                                     </td>
 236                                     <td>
 237                                         <div class="mb8 mt8 pull-right">
 238                                             <input type="text" class="js_quantity input-sm col-md-5" t-att-data-id="line.product_id.id" t-att-value="line.product_uom_qty"/>
 239                                             <a t-attf-href="./remove_cart/#{ line.product_id.id }/" class="btn btn-default mb8 btn-sm btn-inverse">-</a>
 240                                             <a t-attf-href="./add_cart/#{ line.product_id.id }/" class="btn btn-default mb8 btn-sm btn-success">+</a>
 241                                         </div>
 242                                     </td>
 243                                 </tr>
 244                             </t>
 245                         </tbody>
 246                     </table>
 247                     <table class='table table-hover table-condensed' id="mycart_total">
 248                         <colgroup>
 249                             <col width="80"/>
 250                             <col/>
 251                             <col width="80"/>
 252                             <col width="160"/>
 253                         </colgroup>
 254                         <thead>
 255                             <tr> <th colspan="3">Subtotal </th>      <th><t t-esc="order and order.amount_untaxed or 0"/> €</th></tr>
 256                             <tr> <th colspan="3">Taxes </th>         <th><t t-esc="order and order.amount_tax or 0"/> €</th></tr>
 257                             <tr> <th colspan="3"><h4>Total</h4></th> <th><h4><t t-esc="order and order.amount_total or 0"/> €</h4></th></tr>
 258                         </thead>
 259                     </table>
 260                     <a t-if="order and order.order_line" href="/shop/checkout/" class="btn btn-success">Proceed To Payment</a>
 261                 </div>
 262             </t>
 263         </t>
 264     </template>
 265     <template id="suggested_products_list" inherit_id="website_sale.mycart" inherit_option_id="website_sale.mycart" name="Suggested Products in list view">
 266         <xpath expr="//table[@id='mycart_products']" position="after">
 267             <table t-if="suggested_products" class='table table-hover table-condensed'>
 268                 <colgroup>
 269                     <col/>
 270                     <col width="80"/>
 271                     <col width="160"/>
 272                 </colgroup>
 273                 <thead>
 274                     <tr>
 275                         <th>Suggested products</th>
 276                     </tr>
 277                 </thead>
 278                 <tbody>
 279                     <t t-foreach="suggested_products" t-as="product">
 280                         <tr>
 281                             <td>
 282                                 <a t-attf-href="/shop/product/#{ product.id }/"><span t-field="product.name"/></a><br/>
 283                                 <small t-field="product.description_sale"/>
 284                             </td>
 285                             <td>
 286                                <span t-field="product.list_price"></span>€
 287                             </td>
 288                             <td>
 289                                 <div class="pull-right">
 290                                     <a t-attf-href="./add_cart/#{ product.id }/" class="btn btn-sm btn-success">+</a>
 291                                 </div>
 292                             </td>
 293                         </tr>
 294                     </t>
 295                 </tbody>
 296             </table>
 297         </xpath>
 298     </template>
 299     <template id="suggested_products_cell" inherit_option_id="website_sale.mycart" name="Suggested Products in card view">
 300         <xpath expr="//table[@id='mycart_products']" position="after">
 301             <div class="mt16 mb32" t-if="suggested_products">
 302                 <h4>Suggested products</h4>
 303                 <div class='row mt16'>
 304                 <t t-foreach="suggested_products" t-as="product">
 305                     <div class='col-md-2 thumbnail'>
 306                         <a t-attf-href="/shop/product/#{ product.id }/">
 307                             <div class='mt16 text-center'>
 308                                 <img t-att-src="product.img('image_small')"/>
 309                                 <h5 t-field='product.name'></h5>
 310                             </div>
 311                         </a>
 312                     </div>
 313                 </t>
 314                 </div>
 315             </div>
 316         </xpath>
 317     </template>
 318     <template id="reduction_code" inherit_option_id="website_sale.mycart" name="Reduction Code">
 319         <xpath expr="//table[@id='mycart_total']" position="after">
 320             <form t-if="order and order.order_line" class="well" action="/shop/mycart/" method="post">
 321                 <input name="promo" class='input' type="text" placeholder="Reduction Code..." t-att-value="order.pricelist_id.code or ''"/>
 322                 <button class="btn">Apply Code</button>
 323             </form>
 324         </xpath>
 325     </template>
 326
 327
 328     <!-- Page confirm my cart -->
 329
 330     <template id="checkout">
 331         <t t-call="website.layout">
 332             <t t-set="head">
 333                 <script type="text/javascript" src="/website_sale/static/src/js/website_sale.js"></script>
 334                 <t t-raw="head or ''"/>
 335             </t>
 336             <t t-set="title">Shop - Checkout</t>
 337             <div class="container mt48 oe_website_sale">
 338                 <div class="row">
 339                     <div class="col-md-4">
 340                         <table class="table table-condensed">
 341                             <thead>
 342                                 <tr>
 343                                     <th>Product</th>
 344                                     <th>Price</th>
 345                                     <th>Qty.</th>
 346                                 </tr>
 347                             </thead>
 348                             <tbody t-if="order.order_line">
 349                                 <t t-foreach="order.order_line" t-as="line">
 350                                     <tr>
 351                                         <td><t t-esc="line.name"/></td>
 352                                         <td><t t-esc="line.product_uom_qty"/></td>
 353                                         <td><t t-esc="line.price_unit"/> €</td>
 354                                     </tr>
 355                                 </t>
 356                             </tbody>
 357                             <tfoot>
 358                                 <tr><th>Untaxed Amount</th><td></td><td><t t-esc="order.amount_untaxed"/> €</td></tr>
 359                                 <tr><th>Taxes</th><td></td><td><t t-esc="order.amount_tax"/> €</td></tr>
 360                                 <tr><th>Total</th><td></td><td><t t-esc="order.amount_total"/> €</td></tr>
 361                             </tfoot>
 362                         </table>
 363                     </div>
 364                     <form class="col-md-8 form-horizontal" action="/shop/confirm_order/" method="post">
 365                         <div class=" row">
 366                             <a t-if="not partner" t-attf-href="/admin#action=redirect&amp;url=#{ host_url }/shop/checkout/" class="btn btn-primary">Log me, I have an account</a>
 367                             <h3 class="col-md-10">Billing Information</h3>
 368                             <div t-attf-class="form-group #{error.get('name', '')}">
 369                                 <label class="col-lg-3 control-label" for="contact_name">Name and firstname</label>
 370                                 <div class="col-lg-4">
 371                                     <input type="text" name="name" class="form-control" t-att-value="checkout.get('name', '')"/>
 372                                 </div>
 373                             </div>
 374                             <div t-attf-class="form-group #{error.get('phone', '')}">
 375                                 <label class="col-lg-3 control-label" for="contact_name">Telephone</label>
 376                                 <div class="col-lg-4">
 377                                     <input type="tel" name="phone" class="form-control" t-att-value="checkout.get('phone', '')"/>
 378                                 </div>
 379                             </div>
 380                             <div t-attf-class="form-group #{error.get('fax', '')}">
 381                                 <label class="col-lg-3 control-label" for="contact_name">Fax</label>
 382                                 <div class="col-lg-4">
 383                                     <input type="tel" name="fax" class="form-control" t-att-value="checkout.get('fax', '')"/>
 384                                 </div>
 385                             </div>
 386                             <div t-attf-class="form-group #{error.get('company', '')}">
 387                                 <label class="col-lg-3 control-label" for="contact_name">Company</label>
 388                                 <div class="col-lg-4">
 389                                     <input type="tel" name="company" class="form-control" t-att-value="checkout.get('company', '')"/>
 390                                 </div>
 391                             </div>
 392                             <div t-attf-class="form-group #{error.get('email', '')}">
 393                                 <label class="col-lg-3 control-label" for="contact_name">Email address</label>
 394                                 <div class="col-lg-4">
 395                                     <input type="tel" name="email" class="form-control" t-att-value="checkout.get('email', '')"/>
 396                                 </div>
 397                             </div>
 398                             <div t-attf-class="form-group #{error.get('street', '')}">
 399                                 <label class="col-lg-3 control-label" for="contact_name">Street</label>
 400                                 <div class="col-lg-4">
 401                                     <input type="tel" name="street" class="form-control" t-att-value="checkout.get('street', '')"/>
 402                                 </div>
 403                             </div>
 404                             <div t-attf-class="form-group #{error.get('city', '')}">
 405                                 <label class="col-lg-3 control-label" for="contact_name">City</label>
 406                                 <div class="col-lg-4">
 407                                     <input type="tel" name="city" class="form-control" t-att-value="checkout.get('city', '')"/>
 408                                 </div>
 409                             </div>
 410                             <div t-attf-class="form-group #{error.get('state_id', '')}">
 411                                 <label class="col-lg-3 control-label" for="contact_name">State / Province</label>
 412                                 <div class="col-lg-4">
 413                                     <select name="state_id" class="form-control">
 414                                         <option value="">State / Province...</option>
 415                                         <t t-foreach="states or []" t-as="state">
 416                                             <option t-att-value="state.id" t-att-selected="state.id == checkout.get('state_id')"><t t-esc="state.name"/></option>
 417                                         </t>
 418                                     </select>
 419                                 </div>
 420                             </div>
 421                             <div t-attf-class="form-group #{error.get('zip', '')}">
 422                                 <label class="col-lg-3 control-label" for="contact_name">Zip / Postal Code</label>
 423                                 <div class="col-lg-4">
 424                                     <input type="tel" name="zip" class="form-control" t-att-value="checkout.get('zip', '')"/>
 425                                 </div>
 426                             </div>
 427                             <div t-attf-class="form-group #{error.get('country_id', '')}">
 428                                 <label class="col-lg-3 control-label" for="contact_name">Country</label>
 429                                 <div class="col-lg-4">
 430                                     <select name="country_id" class="form-control">
 431                                         <option value="">Country...</option>
 432                                         <t t-foreach="countries or []" t-as="country">
 433                                             <option t-att-value="country.id" t-att-selected="country.id == checkout.get('country_id')"><t t-esc="country.name"/></option>
 434                                         </t>
 435                                     </select>
 436                                 </div>
 437                             </div>
 438                             <div class="form-group checkbox">
 439                                 <div class="col-lg-7 col-md-offset-3">
 440                                     <label>
 441                                         <input t-if="not shipping" type="checkbox" name="shipping_different"/>
 442                                         <input t-if="shipping" type="checkbox" name="shipping_different" checked="1"/>
 443                                         Ship to different address
 444                                     </label>
 445                                 </div>
 446                             </div>
 447                         </div>
 448                         <div class="js_shipping row" t-att-style="not shipping and 'display:none' or ''">
 449                             <h3 class="col-md-12 oe_shipping">Shipping Information</h3>
 450                              <div t-attf-class="form-group #{error.get('shipping_name', '')}">
 451                                 <label class="col-lg-3 control-label" for="contact_name">Name and firstname</label>
 452                                 <div class="col-lg-4">
 453                                     <input type="text" name="shipping_name" class="form-control" t-att-value="checkout.get('shipping_name', '')"/>
 454                                 </div>
 455                             </div>
 456                             <div t-attf-class="form-group #{error.get('shipping_phone', '')}">
 457                                 <label class="col-lg-3 control-label" for="contact_name">Telephone</label>
 458                                 <div class="col-lg-4">
 459                                     <input type="tel" name="shipping_phone" class="form-control" t-att-value="checkout.get('shipping_phone', '')"/>
 460                                 </div>
 461                             </div>
 462                             <div t-attf-class="form-group #{error.get('shipping_fax', '')}">
 463                                 <label class="col-lg-3 control-label" for="contact_name">Fax</label>
 464                                 <div class="col-lg-4">
 465                                     <input type="tel" name="shipping_fax" class="form-control" t-att-value="checkout.get('shipping_fax', '')"/>
 466                                 </div>
 467                             </div>
 468                             <div t-attf-class="form-group #{error.get('shipping_street', '')}">
 469                                 <label class="col-lg-3 control-label" for="contact_name">Street</label>
 470                                 <div class="col-lg-4">
 471                                     <input type="tel" name="shipping_street" class="form-control" t-att-value="checkout.get('shipping_street', '')"/>
 472                                 </div>
 473                             </div>
 474                             <div t-attf-class="form-group #{error.get('shipping_city', '')}">
 475                                 <label class="col-lg-3 control-label" for="contact_name">City</label>
 476                                 <div class="col-lg-4">
 477                                     <input type="tel" name="shipping_city" class="form-control" t-att-value="checkout.get('shipping_city', '')"/>
 478                                 </div>
 479                             </div>
 480                             <div t-attf-class="form-group #{error.get('shipping_state_id', '')}">
 481                                 <label class="col-lg-3 control-label" for="contact_name">State / Province</label>
 482                                 <div class="col-lg-4">
 483                                     <select name="shipping_state_id" class="form-control">
 484                                         <option value="">State / Province...</option>
 485                                         <t t-foreach="states or []" t-as="state">
 486                                             <option t-att-value="state.id" t-att-selected="state.id == checkout.get('shipping_state_id')"><t t-esc="state.name"/></option>
 487                                         </t>
 488                                     </select>
 489                                 </div>
 490                             </div>
 491                             <div t-attf-class="form-group #{error.get('shipping_zip', '')}">
 492                                 <label class="col-lg-3 control-label" for="contact_name">Zip / Postal Code</label>
 493                                 <div class="col-lg-4">
 494                                     <input type="tel" name="shipping_zip" class="form-control" t-att-value="checkout.get('shipping_zip', '')"/>
 495                                 </div>
 496                             </div>
 497                             <div t-attf-class="form-group #{error.get('shipping_country_id', '')}">
 498                                 <label class="col-lg-3 control-label" for="contact_name">Country</label>
 499                                 <div class="col-lg-4">
 500                                     <select name="shipping_country_id" class="form-control">
 501                                         <option value="">Country...</option>
 502                                         <t t-foreach="countries or []" t-as="country">
 503                                             <option t-att-value="country.id" t-att-selected="country.id == checkout.get('shipping_country_id')"><t t-esc="country.name"/></option>
 504                                         </t>
 505                                     </select>
 506                                 </div>
 507                             </div>
 508                         </div>
 509                         <button type="submit" class="btn btn-default">Last stape</button>
 510                     </form>
 511                 </div>
 512             </div>
 513         </t>
 514     </template>
 515
 516     <template id="payment">
 517         <t t-call="website.layout">
 518             <t t-set="head">
 519                 <script type="text/javascript" src="/website_sale/static/src/js/website_sale.js"></script>
 520                 <t t-raw="head or ''"/>
 521             </t>
 522             <t t-set="title">Shop - Payment</t>
 523             <div class="container mt48 oe_website_sale">
 524                 <div class="row">
 525                     <div class="col-md-4">
 526                         <table class="table table-condensed" t-if="order">
 527                             <thead>
 528                                 <tr>
 529                                     <th>Product</th>
 530                                     <th>Price</th>
 531                                     <th>Qty.</th>
 532                                 </tr>
 533                             </thead>
 534                             <tbody t-if="order.order_line">
 535                                 <t t-foreach="order.order_line" t-as="line">
 536                                     <tr>
 537                                         <td><t t-esc="line.name"/></td>
 538                                         <td><t t-esc="line.product_uom_qty"/></td>
 539                                         <td><t t-esc="line.price_unit"/> €</td>
 540                                     </tr>
 541                                 </t>
 542                             </tbody>
 543                             <tfoot>
 544                                 <tr><th>Untaxed Amount</th><td></td><td><t t-esc="order.amount_untaxed"/> €</td></tr>
 545                                 <tr><th>Taxes</th><td></td><td><t t-esc="order.amount_tax"/> €</td></tr>
 546                                 <tr><th>Total</th><td></td><td><t t-esc="order.amount_total"/> €</td></tr>
 547                             </tfoot>
 548                         </table>
 549                     </div>
 550                     <div class="col-md-8">
 551                         <div class="js_payment row">
 552                             <h3 class="col-md-12">Click on your payment method</h3>
 553                             <div class="col-md-2">
 554                                 <t t-foreach="payments or []" t-as="payment">
 555                                     <label>
 556                                         <input t-att-value="payment.id" type="radio" name="payment_type"/> <t t-esc="payment.name"/>
 557                                     </label>
 558                                 </t>
 559                             </div>
 560                             <t t-foreach="payments or []" t-as="payment">
 561                                 <div t-att-data-id="payment.id" t-raw="payment._content" class="hidden col-md-6"/>
 562                             </t>
 563                             <a href="/shop/payment_validate/" class="hidden btn btn-default">I validate my payment</a>
 564                         </div>
 565                     </div>
 566                 </div>
 567             </div>
 568         </t>
 569     </template>
 570  </data>
 571 </openerp>