<html>

<head>
    <title></title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="stylesheet" type="text/css" href="{{MO_CSS_URL}}">{{JQUERY}}</head>

<body>
    <div class="mo-modal-backdrop">
        <div class="mo_customer_validation-modal mo-new-ui-modal" tabindex="-1" role="dialog" id="mo_site_otp_form">
            <div class="mo_customer_validation-modal-backdrop"></div>
            <div class="mo_customer_validation-modal-dialog mo_customer_validation-modal-md">
                <div class="login mo_customer_validation-modal-content mo-new-ui-content">
                    <div class="mo_customer_validation-modal-header mo-new-ui-header">
                        <div class="mo-popup-header">{{HEADER}}</div><a href="#" onclick={{GO_BACK_ACTION_CALL}}><span class="mo-icon-button close mo-close-button-x">{{GO_BACK}}</span></a></div>
                    <div class="mo_customer_validation-modal-body center">
                        <div>{{MESSAGE}}</div>
                        <br>
                        <div class="mo_customer_validation-login-container">
                            <form id="{{FORM_ID}}" name="f" method="post" action="">{{REQUIRED_FIELDS}}
                                <input type="text" name="{{PHONE_FIELD_NAME}}" autofocus placeholder="" id="{{PHONE_FIELD_NAME}}" required class="mo_customer_validation-textbox mo-new-ui-validation-textbox" autofocus pattern="^[\\+]\\d{1,4}\\d{7,12}$|^[\\+]\\d{1,4}[\\s]\\d{7,12}$"
                                title="{{PHONE_NUMBER_TITLE}}">
                                <div id="{{OTP_MESSAGE_BOX}}" hidden style="background-color:#f7f6f7;padding:1em 2em 1em 1.5em;color:#000"></div>
                                <br>
                                <div id="{{VERIFY_CODE_BOX}}" hidden>Verify Code:
                                    <input type="text" name="{{VERIFICATION_FIELD_NAME}}" autofocus placeholder="" id="{{VERIFICATION_FIELD_NAME}}" required class="mo_customer_validation-textbox mo-new-ui-validation-textbox">
                                </div>
                                <div class="mo-flex-space-between">
                                    <input type="button" hidden id="{{VALIDATE_BTN_ID}}" name="otp_token_submit" class="miniorange_otp_token_submit mo-new-ui-submit" value="{{VALIDATE_BUTTON_TEXT}}">
                                    <input type="button" id="{{SEND_OTP_BTN_ID}}" class="miniorange_otp_token_submit " value="{{SEND_OTP_TEXT}}">
                                </div> {{EXTRA_POST_DATA}}</form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>{{REQUIRED_FORMS_SCRIPTS}}</body>

</html>