From 178c79238f5fcf7140f5805294fa19827e82175f Mon Sep 17 00:00:00 2001
From: thejmitchener <joshua@fuelviews.com>
Date: Wed, 12 Jun 2024 16:45:05 -0400
Subject: [PATCH] Refactor forms-modal.blade.php to improve readability and
 maintainability.

---
 .../views/livewire/forms-modal.blade.php      | 51 ++++++++++---------
 1 file changed, 26 insertions(+), 25 deletions(-)

diff --git a/resources/views/livewire/forms-modal.blade.php b/resources/views/livewire/forms-modal.blade.php
index 11d07cc..36c807b 100644
--- a/resources/views/livewire/forms-modal.blade.php
+++ b/resources/views/livewire/forms-modal.blade.php
@@ -1,39 +1,40 @@
-<div class="flex justify-center mx-auto h-screen items-center z-50">
+<div>
     @if($isOpen)
-        <div class="fixed inset-0 bg-black bg-opacity-50 flex justify-center items-center flex-col">
-        </div>
-        <div wire:click="closeModal" class="absolute md:inset-0 p-4 flex justify-center items-center flex-col">
-            <div class="bg-white rounded-lg p-4 shadow-lg max-w-lg w-full border mx-auto" @click.stop>
-                <x-forms::modal.title :title="Forms::getModalTitle()" />
+        <div class="flex justify-center mx-auto items-center z-50 my-0">
+            <div class="fixed inset-0 bg-black bg-opacity-50 flex justify-center items-center flex-col"></div>
+            <div wire:click="closeModal" class="absolute top-32 md:inset-0 p-4 flex justify-center items-center flex-col">
+                <div class="bg-white rounded-lg p-4 shadow-lg max-w-lg w-full border mx-auto" @click.stop>
+                    <x-forms::modal.title :title="Forms::getModalTitle()" />
 
-                @if($step === 1)
-                    <x-forms::steps.step-one :title="Forms::getModalStepTitle($step)" />
-                @elseif($step === 2)
-                    <x-forms::steps.step-two :title="Forms::getModalStepTitle($step)" />
-                @endif
-                <div class="flex justify-between">
-                    @if($step > 1)
-                        <div class="flex justify-start items-center text-center pr-2 lg:pr-20">
-                        <x-forms::buttons.back-button :buttonText="'Back'" />
-                        </div>
+                    @if($step === 1)
+                        <x-forms::steps.step-one :title="Forms::getModalStepTitle($step)" />
+                    @elseif($step === 2)
+                        <x-forms::steps.step-two :title="Forms::getModalStepTitle($step)" />
                     @endif
-                    @if($step < $totalSteps)
-                        <x-forms::buttons.next-button :buttonText="'Next'" />
+                    <div class="flex justify-between">
+                        @if($step > 1)
+                            <div class="flex justify-start items-center text-center pr-2 lg:pr-20">
+                                <x-forms::buttons.back-button :buttonText="'Back'" />
+                            </div>
+                        @endif
+                        @if($step < $totalSteps)
+                            <x-forms::buttons.next-button :buttonText="'Next'" />
                             @if($errors->has('form.submit.limit'))
                                 <div class="sm:col-span-2">
                                     <x-forms::error :errorKey="'form.submit.limit'" />
                                 </div>
                             @endif
-                    @else
-                        <div class="flex justify-start items-center text-center pr-2 lg:pr-20">
-                            <x-forms::buttons.fake-button :buttonText="'Submit'" />
-                            <x-forms::buttons.submit-button :buttonText="'Submit'" />
-                        </div>
-                    @endif
+                        @else
+                            <div class="flex justify-start items-center text-center pr-2 lg:pr-20">
+                                <x-forms::buttons.fake-button :buttonText="'Submit'" />
+                                <x-forms::buttons.submit-button :buttonText="'Submit'" />
+                            </div>
+                        @endif
                         <x-forms::modal.optional-div />
+                    </div>
                 </div>
+                <x-forms::modal.tos />
             </div>
-            <x-forms::modal.tos />
         </div>
     @endif
 </div>