reimplemented login system and added state list component.

myaccount.html

@@ -247,7 +247,7 @@
                                                                         <div class="form-floating">
                                                                             <!-- <input type="number" class="form-control" id="phonenumber"
                                                                                 placeholder="Phone Number"> -->
-                                                                                <input type="number" inputmode="tel" class="form-control addr_phone" pattern="[1-9]{1}[0-9]{9}^[0-9]*$" onKeyPress="if(this.value.length==10) return false;" maxlength="10"  id="phonenumber" placeholder="Phone Number" disabled  required>
+                                                                                <input type="number" inputmode="tel" class="form-control " pattern="[1-9]{1}[0-9]{9}^[0-9]*$" onKeyPress="if(this.value.length==10) return false;" maxlength="10"  id="phonenumber" placeholder="Phone Number"   required>
                                                                             <label for="phonenumber">Phonenumber</label>
                                                                             <div class="invalid-feedback ">
                                                                                 Please choose a valid Phone Number.
@@ -276,15 +276,20 @@
                                                                             </div>
                                                                         </div>
                                                                     </div>
-                                                                    <div class="col-sm-6">
-                                                                        <div class="form-floating h-100">
-                                                                            <select name="state" id="state"
-                                                                                class="form-control h-100 pt-2"></select>
-                        
+                                                                    <div class="col-6 stateBoxParent">
+                                                                        <div class="form-floating">
+                                                                            <input type="text" class="form-control" id="state"
+                                                                                placeholder="Phone Number">
+                                                                            <label 
+                                                                            class="d-flex align-items-center"
+                                                                            for="state">City </label>
                                                                             <div class="invalid-feedback ">
-                                                                                Please choose a valid state.
+                                                                                Please choose a valid City
                                                                             </div>
                                                                         </div>
+                                                                        <div class="stateBox border d-none">
+                                                                           
+                                                                        </div>
                                                                     </div>
                                                                 </div>
                                                                 <div class="py-2">
@@ -460,7 +465,7 @@
                                                             <div class="col-md-6 py-2">
                                                                 <div class="form-floating py-0 ">
                                                                     <input type="text"
-                                                                        class="form-control shadow-none h-50p profile_info cursor-notvalid text-capitalize"
+                                                                        class="form-control shadow-none h-50p profile_info cursor-notvalid "
                                                                         id="Profile_User_name"
                                                                         placeholder="Enter Your Name" autocomplete="off"
                                                                         disabled>