From fee70e64fcc758fad765df36ff6c60cfcc81f32c Mon Sep 17 00:00:00 2001
From: mano-odoo <mano@odoo.com>
Date: Fri, 3 Nov 2023 15:17:30 +0100
Subject: [PATCH] [FIX] website_sale: extra_info not editable

The extra_info template was no more editable due to a t-call for the
CTAs in the template. To be able to add fields we need to remove the
t-call and apply the buttons manually.

This is due to the checkout redesign:
a5899db8e12af29bd311db75473ce76bfa91d641

This commit applies the previous navigation buttons while adapting the
styling to the checkout redesign.

task-3582219

closes odoo/odoo#140985

Signed-off-by: Valentin Chevalier <vcr@odoo.com>
---
 addons/website_sale/views/templates.xml | 25 +++++++++++++++++++++----
 1 file changed, 21 insertions(+), 4 deletions(-)

diff --git a/addons/website_sale/views/templates.xml b/addons/website_sale/views/templates.xml
index 82d9fbc56c2..3bb387ac2ec 100644
--- a/addons/website_sale/views/templates.xml
+++ b/addons/website_sale/views/templates.xml
@@ -1446,10 +1446,27 @@
                                     </div>
                                 </div>
                             </div>
-                            <t t-call="website_sale.navigation_buttons">
-                                <t t-set="_form_send_navigation" t-value="True"/>
-                                <t t-set="_cta_classes" t-valuef="s_website_form_send"/>
-                            </t>
+                            <div class="s_website_form_submit s_website_form_no_submit_option d-flex flex-column flex-lg-row align-items-lg-center pt-4">
+                                <a role="button"
+                                   name="website_sale_main_button"
+                                   class="s_website_form_send btn btn-primary order-lg-3 w-100 w-lg-auto ms-lg-auto"
+                                   href="/shop/confirm_order">
+                                    Continue checkout
+                                    <i class="fa fa-angle-right ms-2 fw-light"/>
+                                </a>
+
+                                <div class="position-relative d-flex d-lg-none w-100 justify-content-center align-items-center my-2 opacity-75">
+                                    <hr class="w-100"/>
+                                    <span class="px-3">or</span>
+                                    <hr class="w-100"/>
+                                </div>
+
+                                <a href="/shop/checkout" class="text-center">
+                                    <i class="fa fa-angle-left me-2 fw-light"/>
+                                    Return to shipping
+                                </a>
+                                <span id="s_website_form_result"/>
+                            </div>
                         </div>
                     </form>
                 </div>