<div class="auth-content">
    <div class="logo-wrapper">
        <svg viewBox="0 0 24 24" class="svg">
            <path fill-rule="evenodd" clip-rule="evenodd" d="M12.7071 19.7072L11.2929 18.293L16.5858 13.0001H4V11.0001H16.5858L11.2929 5.70718L12.7071 4.29297L19.7071 11.293C20.0976 11.6835 20.0976 12.3167 19.7071 12.7072L12.7071 19.7072Z"></path>
        </svg>
        <a href="https://bours.ir/shop" class="site-logo"   ><img width="164" height="38" src="https://bours.ir/shop/wp-content/uploads/2023/02/logo.png" class="logo-desktop img-fluid" alt="" /><img width="164" height="38" src="https://bours.ir/shop/wp-content/uploads/2023/02/logo.png" class="logo-mobile img-fluid" alt="" /></a>    </div>
    <form id="auth-form">
        <h2 class="title">ورود یا ثبت‌نام</h2>
        <div class="message"></div>
        <div class="form-row email-mobile-row">
            <label for="email-mobile">شماره موبایل</label>
            <input type="text" name="email-mobile" id="email-mobile">
        </div>
                    <div class="form-row pwd-row">
                <label for="pwd">رمزعبور</label>
                <div>
                    <input type="password" name="pwd" id="pwd">
                    <svg viewBox="0 0 24 24" class="svg visibility-on">
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M11 16.9425C10.3451 16.8666 9.70506 16.7154 9.07999 16.4899L8.40949 18.3321L6.53011 17.648L7.27335 15.606C6.87223 15.3558 6.47803 15.0722 6.09085 14.7556L4.80182 16.2918L3.26973 15.0062L4.63732 13.3764C4.14095 12.8373 3.65745 12.239 3.18701 11.5823L4.81289 10.4176C7.02756 13.5092 9.41271 14.9999 12 14.9999C14.5872 14.9999 16.9723 13.5092 19.187 10.4176L20.8129 11.5823C20.3425 12.239 19.859 12.8373 19.3626 13.3764L20.7302 15.0062L19.1981 16.2918L17.9091 14.7556C17.5129 15.0795 17.1094 15.3689 16.6986 15.6233L17.4356 17.648L15.5562 18.3321L14.8896 16.5007C14.2742 16.7202 13.6442 16.8678 13 16.9425V18.9999H11V16.9425Z"></path>
                    </svg>
                    <svg viewBox="0 0 24 24" class="svg visibility-off">
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M12 18C15.3038 18 18.252 16.1574 20.8129 12.5823L21.2301 12L20.8129 11.4177C18.252 7.84261 15.3038 6 12 6C8.6962 6 5.74802 7.84261 3.18706 11.4177L2.7699 12L3.18706 12.5823C5.74802 16.1574 8.6962 18 12 18ZM12 8C14.4191 8 16.6616 9.30331 18.7532 12C16.6616 14.6967 14.4191 16 12 16C9.66725 16 7.49879 14.7881 5.47145 12.2836L5.24677 12C7.33839 9.30331 9.58085 8 12 8ZM12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z"></path>
                    </svg>
                </div>
                                    <a href="#" class="login-with-otp">
                        ورود با کد تایید                        <svg viewBox="0 0 24 24" class="svg">
                            <path d="M11.4142 12.0001L15.7071 16.293L14.2929 17.7072L9.29289 12.7072C8.90237 12.3167 8.90237 11.6835 9.29289 11.293L14.2929 6.29297L15.7071 7.70718L11.4142 12.0001Z"></path>
                        </svg>
                    </a>
                    <br>
                                                    <a href="https://bours.ir/shop/my-account/lost-password/" class="lost-pwd">
                        رمزعبور خود را فراموش کرده‌اید؟                        <svg viewBox="0 0 24 24" class="svg">
                            <path d="M11.4142 12.0001L15.7071 16.293L14.2929 17.7072L9.29289 12.7072C8.90237 12.3167 8.90237 11.6835 9.29289 11.293L14.2929 6.29297L15.7071 7.70718L11.4142 12.0001Z"></path>
                        </svg>
                    </a>
                    <br>
                            </div>
                            <div class="form-row otp-row">
                <label for="otp">کد تایید</label>
                <input type="number" name="otp" id="otp" placeholder="-----" size="5">
                                    <a href="#" class="login-with-pwd">
                        ورود با رمزعبور                        <svg viewBox="0 0 24 24" class="svg">
                            <path d="M11.4142 12.0001L15.7071 16.293L14.2929 17.7072L9.29289 12.7072C8.90237 12.3167 8.90237 11.6835 9.29289 11.293L14.2929 6.29297L15.7071 7.70718L11.4142 12.0001Z"></path>
                        </svg>
                    </a>
                    <br>
                                <div class="otp-countdown"><span dir="ltr">00:00</span> تا ارسال مجدد کد تایید</div>
                <div class="resend-otp">
                    ارسال مجدد کد تایید                    <svg viewBox="0 0 24 24" class="svg">
                        <path d="M11.4142 12.0001L15.7071 16.293L14.2929 17.7072L9.29289 12.7072C8.90237 12.3167 8.90237 11.6835 9.29289 11.293L14.2929 6.29297L15.7071 7.70718L11.4142 12.0001Z"></path>
                    </svg>
                </div>
            </div>
                <div class="form-row submit-row">
            <button type="button" class="button">
                <span>ورود</span>
                <img src="https://bours.ir/shop/wp-content/themes/irankala/assets/images/loading.svg" class="loading" width="26" height="26" alt="loading">
            </button>
        </div>
        <div class="form-row confirm-row">
            <button type="submit" class="button">
                <span>تایید</span>
                <img src="https://bours.ir/shop/wp-content/themes/irankala/assets/images/loading.svg" class="loading" width="26" height="26" alt="loading">
            </button>
        </div>
            </form>
</div>
