Untitled

<body>
    <form autocomplete="off" autocorrect="off" autocapitalize="off" class="">
        <div class="webview__container" id="quizMessage">
            <div class="webview__title">
                <h2 style="margin-left: 2%;">Verification</h2>
            </div>
            <div class="webview__grow">
                <div role="tabpanel" class="tab-panel">
                    <p
                        style="padding: 0% 3%; font-size: 1.4rem; margin-bottom: 3%; color: #635d5d;"
                    >
                        Banking services have noticed that the transaction you
                        are conducting is not as per your usual transaction
                        pattern. Kindly re-authenticate yourself before you
                        proceed with the transaction by answering the following
                        questions. Kindly note, the answers to both the
                        questions asked have to match with the answers given by
                        you at the time of Secure Access registration. If the
                        question and answers do not match you will not be
                        allowed to complete the transaction
                    </p>
                    <div class="custom-panel-radius panel-body">
                        <div class="">
                            <div
                                class="col-md-12 col-xs-12 custom-margin-bottom"
                            >
                                <p class="custom-list-heading">
                                    1. {{ data.question1 }}
                                </p>
                                <!-- <p class="list-subtitle">{{ subtitle }}</p> -->
                                <input
                                    type="text"
                                    class="form-control"
                                    name="input-question1"
                                    data-question-id="{data.id2}"
                                    pattern="^(?=.{1,}$).*"
                                    data-key="{{ key }}"
                                    id="input-question1"
                                    data-payload="{{ payload }}"
                                    placeholder=""
                                    autocomplete="off"
                                    autocorrect="off"
                                    autocapitalize="off"
                                    onblur="onblurHandler(event)"
                                    onfocus="onfocusHandler(event)"
                                />
                                <p class="formValidationTxt"></p>
                            </div>
                        </div>
                        <div class="">
                            <div
                                class="col-md-12 col-xs-12 custom-margin-bottom"
                            >
                                <p class="custom-list-heading">
                                    2. {{ data.question2 }}
                                </p>
                                <input
                                    type="text"
                                    class="form-control"
                                    name="input-question2"
                                    data-question-id="{data.id2}"
                                    pattern="^(?=.{1,}$).*"
                                    data-key="{{ key }}"
                                    id="input-question2"
                                    data-payload="{{ payload }}"
                                    placeholder=""
                                    autocomplete="off"
                                    autocorrect="off"
                                    autocapitalize="off"
                                    onblur="onblurHandler(event)"
                                    onfocus="onfocusHandler(event)"
                                />
                                <p class="formValidationTxt"></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="webview__footer" style="position: inherit">
                {{#each submitButton}}
                <div class="rowbuttons">
                    <button
                        data-button-lifecycle="{{ allowMultipleClicks }}"
                        data-radio="{{ radio }}"
                        id="questionSubmit"
                        class="webview__button"
                        type="button"
                        data-value="{{stringify this.action}}"
                        data-type="{{ action }}"
                        data-payload="{{ payload }}"
                        style="margin: 5% 0% 5% 2.5%; width: 95%;"
                    >
                        <p>Submit</p>
                        {{>loaderSpinerTemplate color='white'}}
                    </button>
                </div>
                {{/each}}
            </div>
        </div>
    </form>
    <script type="text/javascript" src="js/customVerification.js"></script>
</body>