Sindbad~EG File Manager

{% extends 'neuro_backoffice/bo_layout.html' %}
 {% block title %}OTP{% endblock %} 
 {% block content %}

<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div class="d-flex justify-content-md-center align-items-center vh-100">
                <div class="col-md-5 box">
                        <img src="../static/images/tricon_logo.JPG" height="140" width="auto" alt="TNOA 2023" class="mx-auto d-block">
                        <form id="registration_form" method="POST" action="{{url_for('user.VerifyOtp',user_id=encrypt_user_id)}}">
                            <h3 class="text-center"><b>Authenticate yourself</b></h3>
                            {% for mesg in get_flashed_messages(category_filter=["successMsg"]) %}
                                 <div class="alert alert-success text-align-center successMessage alert-dismissible" >
                                   <p class="close" data-dismiss="alert" aria-label="close">&times;</p>
                                   <h6 class="text-center">{{ mesg|safe }}</h6>
                                 </div>
                            {% endfor %}
                            {% for mesg in get_flashed_messages(category_filter=["errorMsg"]) %}
                                <div class="alert alert-danger text-align-center successMessage" id="successMessage">
                                   <p class="close" data-dismiss="alert" aria-label="close">&times;</p>
                                   <h6 class="text-center">{{ mesg|safe }}</h6>  
                                </div>
                            {% endfor %}
                            <div class="row">
                                <div class="col-lg-3  col-sm-12"></div>
                                <div id="app" class="col-lg-6   col-md-12 col-sm-12 " >
                                    <h4 style="text-align: center; color: rgb(4, 4, 73);">Key in your OTP <br /></h4>
                                    <div id="otp" class="inputs d-flex flex-row justify-content-center mt-2">
                                        <input
                                            class="m-2 text-center form-control rounded inputs"
                                            type="text"
                                            name="otp_number"
                                            id="otp_number"
                                            oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"
                                            value=""
                                            maxlength="4" autofocus
                                            required
                                        />  
                                    </div>
                                </div>
                            </div>
                            <br />
                            <div class="row">
                                <div class="col-md-4 "></div>
                                <div class="col-md-4 ">
                                    <div class="form-group">
                                        <input type="submit" class="btn btn-danger   text-center  validate submit_btn btn-lg submit_btn form-control center" id="submit_btn" name="submit_btn" value="Proceed" />
                                    </div>
                                </div>
                                <div class="col-md-4 "></div>
                            </div>
                            <div class="row">
                                <div class="col-md-12" align="center">
                                    <div class="form-group" id="div">
                                        <span>OTP not received?</span>
                                        <a href="{{url_for('user.OtpMail',user_id=encrypt_user_id)}}" style="align-items: right; color: red;" id="resend">Click here to send again</a>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12" align="center">
                                    <div class="form-group" id="div">
                                        <span>Change login email id ?</span>
                                        <a href="{{url_for('user.Login')}}" style="align-items: right; color: red;" id="resend">Click here</a>
                                    </div>
                                </div>
                            </div>
                            {% endblock %}
                                    
                        </form>
                </div>
            </div>
        </div>
    </div>
</div>