Sindbad~EG File Manager

{% extends "users/layout.html" %} {% block title %}Login{% endblock %} {% block content %}
<div class="container">
  <div class="row justify-content-center">
    <div class="col-xl-10 col-lg-12 col-md-9 rounded">
      <div class="card o-hidden border border-solid shadow-lg my-5">
        <div class="card-body p-0">
          <div class="row">
            <div class="col text-center">
              <div class="p-5">
                <div class="row p-2">
                  <div class="col mx-2 p-2 rounded" style="background-color:#ffe0c3">
                    <span class="h1 p-2">Authenticate yourself</span>
                  </div>
                </div>
                {% with messages=get_flashed_messages(with_categories=true) %}
                {% if messages %}
                {% for category,message in messages %}
                <p class="alert alert-{{category}} message">{{message}}</p>
                {% endfor %}
                {% endif %}
                {% endwith %}
                <form id="registration_form" method="POST" action="{{url_for('user.Otp',user_id=encrypt_user_id,conf_id=conf_id,conf_key=conf_key)}}">
                  <div id="app" class="form-group">
                    <span>Key in your OTP </span>
                    <div class="row d-flex justify-content-center">
                      <div class="col-lg-3 col-sm-12 ">
                        <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="input1" id="input1" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" value="" autofocus maxlength="4" required />
                        </div>
                      </div>
                    </div>
                  </div>
                  <div>
                    <input type="submit" class="btn btn-primary px-5" id="submit_btn" name="submit_btn" value="Proceed" />
                  </div>
                  {% if conf_id|int == 61 %}
                  <br>
                  <div class="row">
                      <div class="col">
                        <h4>
                            If you do not see the OTP in your inbox, please search for the OTP in your spam folder. <br>You can search for email from <a href="mailto:support@numerotec.com">support@numerotec.com</a>.<br><br>
                            For any assistance , please call / whatsapp to <a href="https://wa.me/919843846776" target="_blank">9843846776</a> / <a href="https://wa.me/919843217108" target="_blank">9843217108</a> / <a href="https://wa.me/919787409783" target="_blank">9787409783</a>
                        </h4>    
                      </div>
                  </div>
                  {% endif %}
                  <br>
                  {% if conf_id|int == 65 %}
                  <div class="form-group">
                      <span style="font-size:small; color: red;">If you do not see your OTP email in your inbox, please check your SPAM folder</span>
                  </div>
                  {% endif %}
                  <div class="form-group" id="div">
                    <span>OTP not received?</span>
                    <a href="{{url_for('user.Resend_otp',user_id=encrypt_user_id,conf_id=conf_id,conf_key=conf_key)}}" style="align-items: right; color: red;" id="resend">Click here to send again</a>
                  </div>
                  <div class="form-group" id="div">
                    <span>Change login email id ?</span>
                    <a href="{{url_for('user.Login',conf_id=conf_id,conf_key=conf_key)}}" style="align-items: right; color: red;" id="resend">Click here</a>
                  </div>


                  <!-- <script type="text/javascript">window.setTimeout("document.getElementById('successMessage').style.display='none';", 6000); </script> -->
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}