From 57225936e4af797b33b77a0d6756b78c7f44541a Mon Sep 17 00:00:00 2001
From: abhisheks <abhisheks@consultbop.com>
Date: Wed, 6 Dec 2023 17:37:27 +0530
Subject: [PATCH] refactor: hide personal info step content if step is
 completed

---
 .../_partials/steps/personal-information.tpl  | 126 +++++++++---------
 1 file changed, 64 insertions(+), 62 deletions(-)

diff --git a/templates/checkout/_partials/steps/personal-information.tpl b/templates/checkout/_partials/steps/personal-information.tpl
index d38ce1d..c1656e9 100644
--- a/templates/checkout/_partials/steps/personal-information.tpl
+++ b/templates/checkout/_partials/steps/personal-information.tpl
@@ -1,70 +1,72 @@
 {extends file='checkout/_partials/steps/checkout-step.tpl'}
 
 {block name='step_content'}
-  {if $customer.is_logged && !$customer.is_guest}
-    <div class="flex flex-col">
-      <span class="identity">
-        {l s='Connected as [1]%firstname% %lastname%[/1].'
-          d='Shop.Theme.Customeraccount'
-          sprintf=[
-            '[1]' => "<a href='{$urls.pages.identity}'>",
-            '[/1]' => "</a>",
-            '%firstname%' => $customer.firstname,
-            '%lastname%' => $customer.lastname
-          ]
-        }
-      </span>
-      <span>
-        {l
-          s='Not you? [1]Log out[/1]'
-          d='Shop.Theme.Customeraccount'
-          sprintf=[
-          '[1]' => "<a href='{$urls.actions.logout}'>",
-          '[/1]' => "</a>"
-          ]
-        }
-      </span>
-    </div>
-  {else}
-    <div class="flex w-full flex-col tabs">
-      <ul class="tabs-list flex w-full">
-        <li class="flex flex-1 p-4 items-center justify-center">
-          <a
-            class="nav-link {if !$show_login_form}active{/if}"
-            data-toggle="tab"
-            href="#checkout-guest-form"
-            role="tab"
-            aria-controls="checkout-guest-form"
-            {if !$show_login_form} aria-selected="true"{/if}
+  {if !$step_is_complete}
+    {if $customer.is_logged && !$customer.is_guest}
+      <div class="flex flex-col">
+        <span class="identity">
+          {l s='Connected as [1]%firstname% %lastname%[/1].'
+            d='Shop.Theme.Customeraccount'
+            sprintf=[
+              '[1]' => "<a href='{$urls.pages.identity}'>",
+              '[/1]' => "</a>",
+              '%firstname%' => $customer.firstname,
+              '%lastname%' => $customer.lastname
+            ]
+          }
+        </span>
+        <span>
+          {l
+            s='Not you? [1]Log out[/1]'
+            d='Shop.Theme.Customeraccount'
+            sprintf=[
+            '[1]' => "<a href='{$urls.actions.logout}'>",
+            '[/1]' => "</a>"
+            ]
+          }
+        </span>
+      </div>
+    {else}
+      <div class="flex w-full flex-col tabs">
+        <ul class="tabs-list flex w-full">
+          <li class="flex flex-1 p-4 items-center justify-center">
+            <a
+              class="nav-link {if !$show_login_form}active{/if}"
+              data-toggle="tab"
+              href="#checkout-guest-form"
+              role="tab"
+              aria-controls="checkout-guest-form"
+              {if !$show_login_form} aria-selected="true"{/if}
+              >
+              {if $guest_allowed}
+                {l s='Order as a guest' d='Shop.Theme.Checkout'}
+              {else}
+                {l s='Create an account' d='Shop.Theme.Customeraccount'}
+              {/if}
+            </a>
+          </li>
+          <li class="flex flex-1 p-4 items-center justify-center">
+            <a
+              class="nav-link {if $show_login_form}active{/if}"
+              data-link-action="show-login-form"
+              data-toggle="tab"
+              href="#checkout-login-form"
+              role="tab"
+              aria-controls="checkout-login-form"
+              {if $show_login_form} aria-selected="true"{/if}
             >
-            {if $guest_allowed}
-              {l s='Order as a guest' d='Shop.Theme.Checkout'}
-            {else}
-              {l s='Create an account' d='Shop.Theme.Customeraccount'}
-            {/if}
-          </a>
-        </li>
-        <li class="flex flex-1 p-4 items-center justify-center">
-          <a
-            class="nav-link {if $show_login_form}active{/if}"
-            data-link-action="show-login-form"
-            data-toggle="tab"
-            href="#checkout-login-form"
-            role="tab"
-            aria-controls="checkout-login-form"
-            {if $show_login_form} aria-selected="true"{/if}
-          >
-            {l s='Sign in' d='Shop.Theme.Actions'}
-          </a>
-        </li>
-      </ul>
-      <div id="checkout-guest-form" class="tabs-content w-full">
-        {render file='checkout/_partials/customer-form.tpl' ui=$register_form guest_allowed=$guest_allowed}
+              {l s='Sign in' d='Shop.Theme.Actions'}
+            </a>
+          </li>
+        </ul>
+        <div id="checkout-guest-form" class="tabs-content w-full">
+          {render file='checkout/_partials/customer-form.tpl' ui=$register_form guest_allowed=$guest_allowed}
+        </div>
+        <div id="checkout-login-form" class="tabs-content w-full">
+          {render file='checkout/_partials/login-form.tpl' ui=$login_form}
+        </div>
       </div>
-      <div id="checkout-login-form" class="tabs-content w-full">
-        {render file='checkout/_partials/login-form.tpl' ui=$login_form}
-      </div>
-    </div>
+    {/if}
   {/if}
 {/block}