Sindbad~EG File Manager

<ul class="nav nav-tabs" id="myTab" role="tablist">
  <li class="nav-item p-2">
    <button type="button" class="nav-link nav_btn_gray" value="1" onclick="jump_step(1)" aria-selected="true">Step 1</button>
  </li>
  <li class="nav-item p-2">
    <button type="button" class="nav-link nav_btn_gray" value="2" onclick="jump_step(2)">Step 2</button>
  </li>
  <li class="nav-item p-2">
    <button type="button" class="nav-link nav_btn_gray" value="3" onclick="jump_step(3)">Step 3</button>
  </li>
  <li class="nav-item p-2">
    <button type="button" class="nav-link nav_btn_gray" value="4" onclick="jump_step(4)">Step 4</button>
  </li>
  <li class="nav-item p-2">
    <button type="button" class="nav-link active" value="5">Step 5</button>
  </li>
</ul>

<div class="container">

<form method="POST" action="{{url_for('main.Mail',user_id=data.user_id,abs_id=abs_id,abs_type=abs_type,conf_id=conf_id,conf_key=conf_key)}}" id="form_s5">
<h4 class="alert alert-primary text-center ">Please review the details provided by you before submitting.<br>CHANGES CANNOT BE MADE ONCE SUBMITTED.</h4>
<!-- <h4 class="text-center font-weight-bold font-italic">Verify Your Abstract before submission</h4> -->
<hr />
<!-- step 1 -->
<div class="row">
  <div class="col-lg-6 col-md-6 col-sm-12">
    <div> <label class="font-weight-bold" >Orator's Membership Number</label></div>
    <div>{{data.membership_no or 'Non-Member'}}</div>
  </div>
  <hr />
  <div class="col-lg-6 col-md-6 col-sm-12">
    <div><label class="font-weight-bold" >Orator's Name</label></div>
    <div>{{data.full_name or '' }}</div>
  </div>
</div>
<hr />
<div class="row">
  <div class="col">    
<div class="row">
  <div class="col-lg-6 col-md-6 col-sm-12">
    <div> <label class="font-weight-bold" >Oration:</label></div>
    <div>{{data.display_name or ''}}</div>
  </div>
  <hr />
  </div>
</div>
  <div class="col">    
</div>
</div>
<hr />
          <div class="row tiles">
            <div class="col">
              <label class="font-weight-bold" >Title of the oration: </label>
            </div>
          </div>
          <div class="row">
            <div class="col">
              <textarea name="title" id="title" disabled style="background-color: white;color: black;" class="form-control" placeholder="Title of the Paper" value="">{{data.title or ''}}</textarea>
            </div>
          </div>
<div class="row">
  <div class="col">
    <br>
    <div><label class="font-weight-bold" >Your Proposer :</label></div>
    <div class="table-responsive mobile-responsive py-3 ">
        {% if data1 %}
      <table class="table table-bordered table-striped ">
        <thead class="thead-dark text-center">
          <th scope="col">MEMBERSHIP NO.</th>
          <th scope="col">PROPOSER NAME</th>
          <th scope="col">EMAIL</th>
          <th scope="col">MOBILE</th>
        </thead>
        {% for i in data1 %}
        <tbody>
          <tr class="text-center">
            <td data-label="MEMBERSHIP NO">{{i.membership_no or 'Non Member'}}</td>
            <td data-label="PROPOSER NAME">{{i.full_name or ''}}</td>
            <td data-label="EMAIL">{{i.email or ''}}</td>
            <td data-label="MOBILE">{{i.mobile or ''}}</td>
          </tr>
        </tbody>
        {% endfor %}
      </table>
        {% else %}
        <div></div>
        {% endif %}
    </div>
  </div>
</div>
<div class="row">
  <div class="col">
    <div><label class="font-weight-bold" >Your Seconder :</label></div>
    <div class="table-responsive mobile-responsive py-3 ">
        {% if data2 %}
      <table class="table table-bordered table-striped ">
        <thead class="thead-dark text-center">
          <th scope="col">MEMBERSHIP NO.</th>
          <th scope="col">SECONDER NAME</th>
          <th scope="col">EMAIL</th>
          <th scope="col">MOBILE</th>
        </thead>
        {% for i in data2 %}
        <tbody>
          <tr class="text-center">
            <td data-label="MEMBERSHIP NO">{{i.membership_no or 'Non Member'}}</td>
            <td data-label="SECONDER NAME">{{i.full_name or ''}}</td>
            <td data-label="EMAIL">{{i.email or ''}}</td>
            <td data-label="MOBILE">{{i.mobile or ''}}</td>
          </tr>
        </tbody>
        {% endfor %}
      </table>
        {% else %}
        <div></div>
        {% endif %}
    </div>
  </div>
</div>
<!-- end step 3-->
<!-- step 4 -->
<!-- <div>
  <div><label class="font-weight-bold" >NOTE :</label></div>
  <ul>
    <li>Online submission will be taken as signed by the Chief Author.</li>
    <li>This presentation may be recorded by the Society & distributed in any form to the Delegates and others.</li>
    <li>Clicking on submit button will submit your abstract for further evaluation. Subsequent to this it will not be possible for you to edit your abstract.</li>
    <li>We declare that myself and Co-authors are involved actively in the above research paper. The work is solely done by myself and the Co-authors.</li>          
    <li>We declare that this Paper / Poster / Video was not presented in any other conferences or published in any other journals.</li>
  </ul>
  
  <input type="checkbox" name="checkbox" id="checkbox" value="1" /><label for="checkbox" class="ml-2">I have read & understood the Guidelines</label><br><label id="checkbox-error" class="error" for="checkbox"></label>
 
</div> -->
<div class="row py-2">
  <div class="col">
     <input type="hidden" name="abs_id" id="abs_id" value="{{abs_id}}" />
        <input type="hidden" name="abs_type" id="abs_type" value="{{abs_type}}">
        <input type="hidden" name="cur_step" id="cur_step" value="{{ data.cur_step or 0 }}">
        <input type="hidden" name="step" id="step" value="4">
        <input type="hidden" name="is_next" id="is_next" value="1">
     <input type="button" name="Previous" id="Previous" class="btn btn-primary" value="Previous" onclick="move(5,0)" />
  </div>
  <button class="float-right btn btn-primary"  id="submit" >Submit </button>
    </div>
</div>
</form>
{% block script %}
    <script type="text/javascript">
    $("#submit").click(function(){
                    validation(); 
                    if($("form").valid()){
                    return submit1()
                }
                        });
  function submit1(){
    var r = confirm("It is not possible to edit your application after submission. Do you want to submit it ? Click OK to confirm." + '\n' + '\n' + "While submitting, please do not press ‘Back‘ button or Close the window. Please wait patiently until the submission is complete");
        if (r == false) {
         return false;
    }
     else{
         return true;
         // $("form").submit();
    }
}
function validation() {
     $("form").validate({
                              rules: {    
                                checkbox: {                                  
                                  required:true
                                }
                              },
                              messages: {
                                checkbox:"Please, accept terms & conditions"
                              },
                             
});
 }
    </script>
    {% endblock %}