Sindbad~EG File Manager

{% extends "users/layout.html" %}
{% block content %}
{% block bottomscript %}
{% endblock %}
<style type="text/css">
      label.error
       table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}

table.center {
  margin-left: auto; 
  margin-right: auto;
}
</style>
<div class="row mt-2">
   <div class="container">
      <form id="registration_form" method="POST" action="{{ url_for('user.DelegateRegister',society_id=society_id)}}">
         <div class="row">
            <div class="col-md-4 offset-md-4 col-sm-10 offset-sm-1 box p-4 form-container">
               <div class="row">
                  <div class="col-md-12">
                  </div>
               </div>
               <h4 class="text-center">Registration  </h4>
                   {% for mesg in get_flashed_messages() %}
                   <div id="successMessage" style="color:red;text-align: center;">
                    
                        <h4>{{ mesg }}</h4>
                     </div>
                  {% endfor %}

                  <input type="hidden" class="form-control " name="society_id" id="society_id"  value="{{society_id}}">
         


               <div class="row">
                  <div class="col-md-12">
                     <div class="form-group">
                        <label>Full name <span class="mand">*</span> <br> </label>
                        <input type="text" class="form-control " onkeydown="return /[a-z]/i.test(event.key)" name="name" id="name" placeholder="Enter name" value="">
                     </div>
                  </div>
               </div>
               <div class="row">
                  <div class="col-md-12">
                     <div class="form-group">
                        <label>Email <span class="mand">*</span> <br></label>
                        <input type="email" class="form-control" name="email" id="email" placeholder="Enter email-id" value="" >
                     </div>
                  </div>
               </div>   
               <div class="row">
                  <div class="col-md-12">
                     <div class="form-group">
                        <label>Mobile <span class="mand">*</span></label>
                        <input type="text" class="form-control" id="mobile" name="mobile" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" value=""  placeholder="Enter mobile">
                     </div>
                  </div>
               </div>
          <!--      <div class="row">
                  <div class="col-md-12">
                     <div class="form-group">
                        <label>Date <span class="mand">*</span></label>
                        <input type="date" class="form-control"  id="date-field" name="date-field" value=""  placeholder="Enter mobile">
                     </div>
                  </div>
               </div> -->
               <div class="row">
                  <div class="col-md-12">
                     <div class="form-group">
                        <input type="submit" class="btn btn-primary btn-lg btn-block text-uppercase submit_btn"  id="submit_btn" name="submit_btn" value="Next">
       
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </form>
   </div>
</div>
<script type="text/javascript">
   var BaseUrl = document.location.origin
   
   $(document).ready(function(){

 // $('#date-field').val(new Date().toISOString().slice(0, 10));
      $("#registration_form").validate({
             // in 'rules' user have to specify all the constraints for respective fields
             rules : {
                  prefix : "required",
                  name : {
                         required:true,
          
                     },
                  email : {
                      required : true,
                      email : true
                  },
                  mobile :{
                     required:true,
                       
                  },                    
                
              },
         
              messages : {
                  prefix : "Please select the Prefix",
                  name : "Please enter the Name",
         
                  email : {
                      required : "Please enter the Email id",
                      email : "Please enter valid Email Id"
                  },
                  mobile : {
                      required : "Please enter Mobile number",
                      
                  },
                  },


             });

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