<section dir="rtl">
    <div class="container">
        <div class="error-box">
            <div>
                <span class="error-box-msg"></span>
                <span class="error-box-close">x</span>
            </div>
        </div>
        <h2><?php echo __('Go to Admin Panel','taamito'); ?></h2>
        <div class="loader"></div>
        <div class="form-container">

            <div id="mobile-login">
                <div class="input-section">
                    <label for="mobile"><?php echo __('Mobile Number','taamito') ?>*</label>
                    <input type="tel" id="mobile">
                    <span id="mobile-error" class="input-error"></span>
                </div>
                <button type="button" id="login-btn" class="base-btn primary btn-block">
                    <span id="login-text" class="button__text"><?php echo __('Login','taamito') ?></span>
                </button>
                <a href="https://taamito.com/platform/auth" target="_blank">
                    <button type="button" id="register-btn" class="base-btn primary btn-block">
                        <span id="login-text" class="button__text"><?php echo __('Register','taamito') ?></span>
                    </button>
                </a>
                <div class="terms">
                    <?php echo __('By Login, you agree to the','taamito') ?>
                    <a href="https://taamito.com/terms/" target="_blank" class="terms-link"><?php echo __('Terms and Conditions','taamito') ?></a>
                </div>
            </div>

            <div id="password-verify">
                <div class="input-section">
                    <label for="mobile"><?php echo __('Enter your password','taamito') ?>*</label>
                    <input type="password" id="password">
                    <span id="password-error" class="input-error"></span>
                </div>
                <button type="button" id="pw-login-btn" class="base-btn primary btn-block">
                    <span id="pw-login-text" class="button__text"><?php echo __('Login','taamito') ?></span>
                </button>

                <div class="divider-section">
                    <div class="divider"></div>
                    <span>یا</span>
                    <div class="divider"></div>
                </div>

                <button type="button" id="send-otp-btn" class="outline-btn primary-border btn-block">
                    <span id="send-otp-text" class="button__text">
                        <?php echo __('Send OTP Code','taamito') ?>
                    </span>
                </button>
            </div>

            <div id="otp-verify">
                <div class="otp-title">
                    <?php echo __('We sent you a verification request to','taamito') ?>
                    <span id="otp-mobile"></span>
                    <?php echo __(', Enter That','taamito') ?>:
                </div>
                <div class="otp-container">
                    <div id="otp-inputs" class="otp-inputs" dir="ltr">
                        <input class="otp-input" type="text" inputmode="numeric" maxlength="1" />
                        <input class="otp-input" type="text" inputmode="numeric" maxlength="1" />
                        <input class="otp-input" type="text" inputmode="numeric" maxlength="1" />
                        <input class="otp-input" type="text" inputmode="numeric" maxlength="1" />
                    </div>
                </div>
                <span id="otp-error" class="input-error"></span>
                <div style="display: flex; justify-content: space-between">
                    <button type="button" id="change-mobile-btn" class="base-btn secondary w-50"><?php echo __('Change Phone Number','taamito') ?></button>
                    <button type="button" id="resend-btn" class="outline-btn secondary-border w-50">
                        <span id="resend-text" class="button__text"></span>
                    </button>
                </div>
                <button type="button" id="otp-btn" class="base-btn primary btn-block">
                    <span id="otp-text" class="button__text"><?php echo __('Verify','taamito') ?></span>
                </button>
            </div>

        </div>
    </div>
</section>