Sindbad~EG File Manager

<div class="container">
<ul id="progressbar">
  <li class="active" id="account"></li>
  <li class="active" id="personal"></li>
  <li class="active" id="payment"></li>
  <li class="active" id="confirm"></li>
  <li class="active" id="fifth"></li>
</ul>
<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 class="font-weight-bold">Chief Author Membership Number</div>
    <div>{{data.membership_no or ''}}</div>
  </div>
  <hr />
  <div class="col-lg-6 col-md-6 col-sm-12">
    <div class="font-weight-bold">Chief Author Name</div>
    <div>{{data.full_name or ''}}</div>
  </div>
</div>
<hr />
<div class="row">
  <div class="col">
    <div class="font-weight-bold"> Presenting Author:</div>
  </div>
</div>
<div class="row">
  <div class="col ">
    <div class="table-responsive mobile-responsive">
    <table class="table table-bordered">
      <thead>
        <th scope="col">MEMBERSHIP NO.</th>
        <th scope="col">AUTHOR NAME</th>
        <th scope="col">EMAIL</th>
        <th scope="col">MOBILE</th>
      </thead>
      <tbody>
        {% if data2 %}
        <tr>
          <td data-label="MEMBERSHIP NO">{{data2.membership_no or 'Non Member'}}</td>
          <td data-label="AUTHOR NAME">{{data2.full_name or ''}}</td>
          <td data-label="EMAIL">{{data2.email or ''}}</td>
          <td data-label="MOBILE">{{data2.mobile or ''}}</td>
        </tr>
        {% endif %}
      </tbody>
    </table>
    </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 class="font-weight-bold">Section</div>
    <div>{{data.display_name or ''}}</div>
  </div>
  <hr />
  </div>
</div>
  <div class="col">    
<div class="row">
  <div class="col-lg-6 col-md-6 col-sm-12">
    <div class="font-weight-bold">Duration of Video</div>
    <div>8 Minutes</div>
  </div>
  <hr />
  </div>
</div>
</div>
<hr />
<!-- end step 1 -->
<!-- step 2 -->
          {% if data.path %}
          <div class="row">
            <div class="col">
              <label class=""><b>Uploaded Image: </b> </label>
            </div>
          </div>
          <div class="row">
              <div class="col">
                  <img src="{{data.path or ''}}{{ data.file_name or '' }}" width="100px">
              </div>
          </div>
    {% endif %}
          <div class="row tiles">
            <div class="col">
              <span class=""><b>Title of the Video: </b> </span>
            </div>
          </div>
          <div class="row">
            <div class="col">
              <textarea name="title" id="title" disabled class="form-control" placeholder="Title of the Video" value="">{{data.title or ''}}</textarea>
            </div>
          </div>
          <br />
          <div class="row">
            <div class="col">
              <span><b>Aims and Objectives: </b></span><br><span class="text-danger">To help fair evaluation of your, please do not reveal your personal / hospital / Institution / Organisation identity.  Revealing the identity may lead to rejection of your abstract automatically.</span>
            </div>
          </div>
          <div class="row">
            <div class="col">
              <textarea name="synopsis" id="synopsis" disabled class="form-control" cols="50" rows="5" placeholder="Synopsis" value="">{{data.synopsis or ''}}</textarea>
            </div>
          </div>
          <br>
          <div class="row">
            <div class="col">
              <span><b>Materials and Methods: </b></span><br><span class="text-danger">To help fair evaluation of your, please do not reveal your personal / hospital / Institution / Organisation identity.  Revealing the identity may lead to rejection of your abstract automatically.</span>
            </div>
          </div>
          <div class="row">
            <div class="col">
              <textarea  disabled class="form-control" cols="50" rows="5"  value="">{{data.methods or ''}}</textarea>
            </div>
          </div>
          <br>
          <div class="row">
            <div class="col">
              <span><b>Result and Conclusions: </b></span>
            </div>
          </div>
          <div class="row">
            <div class="col">
              <textarea disabled class="form-control" cols="50" rows="5" value="">{{data.results or ''}}</textarea>
            </div>
          </div>

<!-- end step 2-->
<!-- step 3-->
<div class="row">
  <div class="col">
    <br>
    <div class="font-weight-bold">Following are the Co-Author(s) you have selected :</div>
    <div class="table-responsive mobile-responsive py-5 ">
        {% if data1 %}
      <table class="table table-bordered table-striped ">
        <thead>
          <th scope="col">MEMBERSHIP NO</th>
          <th scope="col">AUTHOR NAME</th>
          <th scope="col">EMAIL</th>
          <th scope="col">MOBILE</th>
        </thead>
        {% for i in data1 %}
        <tbody>
          <tr>
            <td data-label="MEMBERSHIP NO">{{i.membership_no or 'Non Member'}}</td>
            <td data-label="AUTHOR 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>NO Co-Author Selected</div>
        {% endif %}
    </div>
  </div>
</div>
<!-- end step 3-->
<!-- step 4 -->
<div class="row">
          <div class="col-lg-12 col-md-12 col-sm-12">
            <table class="table table-bordered" style="text-align:center;">
              <tr>
                <td>Do the Chief/Presenting/Co-Author have any financial interest? *<br><label id="misc1-error" class="error" for="misc1"></label></td>
                <td><label>{% if data.misc1 == "1" %}Yes {% else %} No{% endif %}</label></td>
              </tr>
            </table>
          </div>
        </div>
<!--  end step 4 -->
<div>
  <div class="font-weight-bold">NOTE : </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>
  {% if data.setting_value  %}
  <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>
  {% endif %}
</div>
<div class="row py-2">
  <div class="col">
     <input type="hidden" name="abs" id="abs_id" value="{{abs_id}}" />
        <input type="hidden" name="abs_type" id="abs_type" value="{{abs_type}}">
        <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>
</form>
</div>
{% 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 abstract 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 %}