[IMP] website_sale: add payment terms page and update checkout.

Old terms feature display the default terms from company.
But if you have more than that 10 words, it was just unusable.
Now, we just add a link to a page.

addons/website_sale/controllers/main.py

@@ -902,6 +902,11 @@ class WebsiteSale(http.Controller):
 
         return request.redirect('/shop/confirmation')
 
+
+    @http.route(['/shop/terms'], type='http', auth="public", website=True)
+    def terms(self, **kw):
+        return request.render("website_sale.terms")
+
     @http.route(['/shop/confirmation'], type='http', auth="public", website=True)
     def payment_confirmation(self, **post):
         """ End of checkout process controller. Confirmation is basically seing

addons/website_sale/views/templates.xml

@@ -1410,17 +1410,15 @@
         </t>
     </template>
 
-    <template id="payment_sale_note" inherit_id="payment" name="Display Sale Note" customize_show="True" active="False">
+    <template id="payment_sale_note" inherit_id="payment" name="Accept Terms &amp; Conditions" customize_show="True" active="False">
         <xpath expr="//t[@id='acquirers_list']" position="before">
-            <t t-set="sale_note" t-value="website_sale_order.note" />
-            <t t-if="sale_note and sale_note != ''">
-                <div class="oe_accept_cgv_button">
-                    <label>
-                        <input type="checkbox" checked="checked" id="checkbox_cgv" />
-                        <t t-esc="sale_note" />
-                    </label>
-                </div>
-            </t>
+            <div class="oe_accept_cgv_button">
+                <label>
+                    <input type="checkbox" checked="checked" id="checkbox_cgv" />
+                    I agree to the <a target='_BLANK' href='/shop/terms'>terms &amp; conditions</a>
+
+                </label>
+            </div>
         </xpath>
     </template>
 
@@ -1755,4 +1753,43 @@
             </t>
         </xpath>
     </template>
+
+    <template id="terms" name="Terms &amp; Conditions">
+        <t t-call="website.layout">
+          <div id="wrap">
+              <div class="oe_structure">
+                <section class="s_title">
+                  <div class="container">
+                    <div class="row">
+                      <div class="col-md-12">
+                        <h1 class="text-center">Terms &amp;amp; Conditions</h1>
+                        <div class="well s_well clearfix">
+                            <ul>
+                                <li>The <b>Intellectual Property</b> disclosure will inform users that the contents, logo and other visual media you created is your property and is protected by copyright laws.</li>
+                                <li>A <b>Termination</b> clause will inform that users’ accounts on your website and mobile app or users’ access to your website and mobile (if users can’t have an account with you) can be terminated in case of abuses or at your sole discretion.</li>
+                                <li>A <b>Governing Law</b> will inform users which laws govern the agreement. This should the country in which your company is headquartered or the country from which you operate your web site and mobile app.</li>
+                                <li>A <b>Links To Other Web Sites</b> clause will inform users that you are not responsible for any third party web sites that you link to. This kind of clause will generally inform users that they are responsible for reading and agreeing (or disagreeing) with the Terms and Conditions or Privacy Policies of these third parties.</li>
+                                <li>If your website or mobile apps allows users to create content and make that content public to other users, a <b>Content</b> section will inform users that they own the rights to the content they have created.<br/>The “Content” clause usually mentions that users must give you (the website or mobile app developer) a license so that you can share this content on your website/mobile app and to make it available to other users.<br/>Because the content created by users is public to other users, a DMCA notice clause (or Copyright Infringement ) section is helpful to inform users and copyright authors that, if any content is found to be a copyright infringement, you will respond to any DMCA take down notices received and you will take down the content.</li>
+                                <li>A <b>Limit What Users Can Do</b> clause can inform users that by agreeing to use your service, they’re also agreeing to not do certain things. This can be part of a very long and thorough list in your Terms and Conditions agreements so as to encompass the most amount of negative uses.</li>
+                           </ul>
+                           <small class="text-muted pull-right">Source: https://termsfeed.com/blog/sample-terms-and-conditions-template</small>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </section>
+                <section class="s_text_block">
+                  <div class="container">
+                    <div class="row">
+                      <div class="col-md-12 mb16 mt16">
+                        <p style='white-space:pre' t-esc="website.company_id.sale_note"/>
+                      </div>
+                    </div>
+                  </div>
+                </section>
+              </div>
+              <div class="oe_structure"/>
+          </div>
+        </t>
+    </template>
 </odoo>