fix progress numbers

Author: nopara73

LongevityWorldCup.Website/wwwroot/onboarding/convergence.html

@@ -517,7 +517,7 @@ <h2 data-aos="fade" data-aos-duration="700" data-aos-delay="400">1. Character Cr
                     break;
                 case 4:
                     // Stage 4: Almost There
-                    document.querySelector('h2').textContent = "4. Almost There";
+                    document.querySelector('h2').textContent = "4/a. Almost There";
                     updateIllustration("headshot", "jpg", webpSource, jpegSource, illustrationImage);
                     illustrationImage.alt = "Headshot";
                     illustrationImage.loading = "lazy";
@@ -548,7 +548,7 @@ <h2 data-aos="fade" data-aos-duration="700" data-aos-delay="400">1. Character Cr
                     break;
                 case 5:
                     // Stage 5: Don't Trust Verify
-                    document.querySelector('h2').textContent = "5. Don't Trust Verify";
+                    document.querySelector('h2').textContent = "4/b. Don't Trust Verify";
                     updateIllustration("proof", "jpg", webpSource, jpegSource, illustrationImage);
                     illustrationImage.alt = "Proof Image";
                     illustrationImage.loading = "lazy";
@@ -614,12 +614,13 @@ <h2 data-aos="fade" data-aos-duration="700" data-aos-delay="400">1. Character Cr
                     break;
                 case 6:
                     // Stage 6: Final Details
-                    document.querySelector('h2').textContent = "6. Final Details";
+                    document.querySelector('h2').textContent = "5. Final Details";
                     updateIllustration("finish", "jpg", webpSource, jpegSource, illustrationImage);
                     illustrationImage.alt = "Finish Line";
                     illustrationImage.loading = "lazy";
                     document.getElementById('finalDetailsText').style.display = '';
                     document.getElementById('finalDetails').style.display = '';
+                    updateSubProgress(5);
 
                     illustrationImage.classList.remove('clickable');
                     nextButton.innerHTML = 'Next&nbsp;<i class="fas fa-arrow-right"></i>';
@@ -638,7 +639,7 @@ <h2 data-aos="fade" data-aos-duration="700" data-aos-delay="400">1. Character Cr
                     break;
                 case 7:
                     // Stage 7: Application
-                    document.querySelector('h2').textContent = "5. Application";
+                    document.querySelector('h2').textContent = "Application";
                     updateIllustration("account-creation", "jpg", webpSource, jpegSource, illustrationImage);
                     illustrationImage.alt = "Application";
                     illustrationImage.loading = "lazy";
@@ -648,7 +649,7 @@ <h2 data-aos="fade" data-aos-duration="700" data-aos-delay="400">1. Character Cr
                     illustrationImage.classList.remove('clickable');
                     nextButton.textContent = 'Apply';
                     nextButton.setAttribute('type', 'submit');
-                    updateSubProgress(5);
+                    updateSubProgress(99);
 
                     const accountEmailInput = document.getElementById('accountEmail');
                     accountEmailInput.addEventListener('input', checkFormValidityStage7);

LongevityWorldCup.Website/wwwroot/partials/sub-progress-bar.html

@@ -54,7 +54,7 @@
             margin-top: -7px; /* Adjusted value for the sub-progress bar */
         }
 </style>
-<div class="sub-progress-container">
+<div id="subProgressContainerItem" class="sub-progress-container">
     <div class="progress-bar">
         <div class="progress-fill" id="subProgressFill"></div>
     </div>
@@ -97,6 +97,14 @@
         // Update sub-progress bar fill
         const subProgressPercentage = ((currentSubStage - 1) / (subStages.length - 1)) * 100;
         subProgressFill.style.width = `${subProgressPercentage}%`;
+
+        const subProgressContainerItem = document.getElementById('subProgressContainerItem');
+        if (currentSubStage == 99) {
+            subProgressContainerItem.style.display = 'none';
+        }
+        else {
+            subProgressContainerItem.style.display = 'block';
+        }
     }
 
     // Example usage: