 <!-- STEP 1 -->
<div class="form-step active" id="step1">
                                
                                <div class="card-top">
                                    <div class="d-flex align-items-center gap-3">
                                        <div class="icon-box">
                                            <i class="fa-solid fa-circle-check"></i>
                                        </div>
                            
                                        <div>
                                            <div class="title">Step 1. Verification</div>
                                            <div class="subtitle">
                                                Verify your information
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="card-content">
                                    <label class="form-label">
                                        Phone Number *
                                    </label>
                            
                                    <div class="d-flex field-wrapper">
                                        <div class="country-code">
                                            +91
                                        </div>
                                        <input type="tel" class="form-control input-field mobile-no" id="phone" placeholder="Please Enter your phone number registered with Kapston">
                                    </div>
                            
                                    <div class="info-text">
                                        <i class="bi bi-info-circle"></i>
                                        An OTP will be sent for verification
                                    </div>
                                    
                                    <div class="row mt-4 d-none otpSection" id="otpSection">
                                        <div class="col-md-12">
                                            <label class="form-label">Enter OTP</label>
                                            <input type="text" class="form-control" id="otp" placeholder="Enter OTP">
                                    
                                            <small class="text-success">
                                                Static OTP: 1234
                                            </small>
                                        </div>
                                    
                                        <div class="col-md-6 d-flex align-items-end">
                                    
                                        </div>
                                    </div>
        
                                        <!--<div class="col-md-6">-->
                                        <!--    <label class="mb-2">Email Address (Optional)</label>-->
            
                                        <!--    <input type="email" id="email" class="form-control" placeholder="Enter email address">-->
                                        <!--</div>-->
                                    
                                    <div id="step1Message" class="step-message"></div>
                            
                                    <div class="terms-box d-flex align-items-start gap-3">
                                        <input class="form-check-input mt-1" type="checkbox" id="creditCheckConsent" />
                                        <label class="form-check-label text-dark-600" for="creditCheckConsent">
                                            By proceeding, you agree with our
                                            <a href="<?php echo e(url('help-center')); ?>">Terms &amp; Conditions</a>
                                            &amp;
                                            <a href="<?php echo e(url('help-center')); ?>">Privacy Policy</a>.
                                            We will use this number to send important updates regarding your loan status.
                                         </label>
                                    </div>
                                    
                                    <div id="consentError"></div>
                            
                                </div>
                                
                                <!-- Footer -->
                                <div class="card-footer-area d-flex justify-content-end ">
                                    <button type="button" class="btn-primary-custom d-none otpSection" onclick="verifyOtp()">
                                        Verify & Continue
                                    </button>
                                    <button type="button" class="btn-primary-custom" id="verifyNumberBtn" onclick="verifyUser()">Verify <i class="bi bi-arrow-right ms-2"></i></button>
                            
                                </div>
                                
                            </div><?php /**PATH /home/neefc25/public_html/kapstono/resources/views/pages/partials/step1.blade.php ENDPATH**/ ?>