<div class="col-lg-6">
     <div class="log-reg-form search-modal form-style1 bgc-white p50 p30-sm default-box-shadow1 bdrs12">
         <div class="mb30">
             <h3>Email Confirmation</h3>
             <p class="text mt20">Hello, <a href="#" class="text-thm">enter your registered email to continue</a></p>
         </div>
         <form wire:submit.prevent="sendEmailOtp">
             <div class="mb25">
                 <label class="form-label fw500 dark-color">Email address</label>
                 <div class="input-group">
                     <div class="input-group-text">
                         <i class="flaticon-mail mr8"></i>
                     </div>
                     <input wire:model.lazy="email" type="email" class="form-control" placeholder="Enter email address">
                 </div>
                 @error('email')
                 <span class="text-danger">{{ $message }}</span>
                 @enderror
             </div>

             <div class="d-grid mb20">
                 <button type="submit" wire:loading.attr="disabled" class="ud-btn btn-thm default-box-shadow2">
                     <span wire:loading wire:target="sendEmailOtp" class="spinner-border spinner-border-sm"> </span>
                     <span wire:loading wire:target="sendEmailOtp"> Please wait... </span>
                     <span wire:loading.remove> Verify Email </span>
                 </button>
             </div>

         </form>
         <!-- <div class="hr_content mb20 text-center"> Back to <a wire:navigate href="{{ route('login') }}" class="text-thm">Login</a></span> </div> -->
     </div>
 </div>