Sindbad~EG File Manager

<div class="container">
  <div class="row">
      <div class="col form-group">
<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>
  </div>

<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>Change 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 form-group">
    <div> <label class="font-weight-bold">Chief author membership number</label></div>
    <div>{{data.membership_no or '' }}</div>
  </div>
  <hr />
  <div class="col-lg-6 col-md-6 col-sm-12 form-group">
    <div><label class="font-weight-bold">Chief author name</label></div>
    <div>{{data.full_name}}</div>
  </div>
</div>
<div class="row">
  <div class="col">
    <div><label class="font-weight-bold"> Presenting author:</label></div>
  </div>
</div>
<div class="row">
  <div class="col ">
    <div class="table-responsive mobile-responsive">
    <table class="table table-bordered">
      <thead class="thead-dark text-center">
        <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 class="text-center">
          <td>{{data2.membership_no or ''}}</td>
          <td>{{data2.full_name or ''}}</td>
          <td>{{data2.email or ''}}</td>
          <td>{{data2.mobile or ''}}</td>
        </tr>
        {% endif %}
      </tbody>
    </table>
    </div>
  </div>

</div>
<hr />

<!-- end step 1 -->
<!-- step 2 -->
          {% if data.path %}
              <div class="row">
                  <div class="col form-group">
                    <label class=""><b>Uploaded image: </b> </label>
                  </div>
              </div>
              <div class="row">
                  <div class="col form-group">
                {% set  src= data.path|string +""+data.file_name|string +"?"+Helper.getcurrenttimestamp()|string %}
                {% if  ".pdf" in data.file_name :%}
                  <iframe src="{{src}}"  width="50%" height="100%" allow="encrypted-media" allowfullscreenstyle="max-height: 150px;"> </iframe>
                  {% elif ".pptx" or ".ppt"  in data.file_name :%}  
                    <iframe src="https://view.officeapps.live.com/op/embed.aspx?src={{src}}" id="iframe" alt="Proof" width="50%" height="auto" allow="encrypted-media" allowfullscreenstyle="max-height: 150px;" style="max-height: 150px;" frameborder="0" border="0" allowtransparency="true"> </iframe>
                  {% else %}
                  <img src="{{src}}" width="100px">
                  {% endif %}
                    
            </div>
              </div>
          {% endif %}
          <div class="row">
            <div class="col form-group">
              <label class="font-weight-bold">Title of the Poster: </label>
              
            </div>
          </div>
          <div class="row">
            <div class="col form-group">
              <textarea name="title" id="title" disabled class="form-control" placeholder="Title of the Poster" value="">{{data.title or ''}}</textarea>
            </div>
          </div>
          <div class="row">
            <div class="col form-group">
              <label class="font-weight-bold">Aims and Objectives: </label>
            </div>
          </div>
          <div class="row">
            <div class="col form-group">
              <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 form-group">
              <label class="font-weight-bold">Materials and Methods: </label>
            </div>
          </div>
          <div class="row">
            <div class="col form-group">
              <textarea  disabled class="form-control" cols="50" rows="5"  value="">{{data.methods or ''}}</textarea>
            </div>
          </div>
          <br>
          <div class="row">
            <div class="col form-group">
              <label class="font-weight-bold">Result and Conclusion: </label>
            </div>
          </div>
          <div class="row">
            <div class="col form-group">
              <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 form-group">
    <div><label class="font-weight-bold">Following are the Co-Author(s) you have selected :</label></div>
    <div class="table-responsive mobile-responsive py-5 ">
        {% if data1 %}
      <table class="table table-bordered table-striped ">
        <thead class="thead-dark text-center">
          <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 class="text-center">
            <td data-label="Membership No">{{i.membership_no or ''}}</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 form-group">
            <table class="table table-bordered" style="text-align:center;">
              <tr>
                <td><p>Do the Chief/Presenting/Co-Author have any financial interest? <span class="text-danger">*</span></p><br><label id="misc1-error" class="error" for="misc1"></label></td>
                <td><p>{% if data.misc1 == "1" %}Yes {% else %} No{% endif %}</p></td>
              </tr>
            </table>
          </div>
        </div>
<!--  end step 4 -->
<div>
  <div><label class="font-weight-bold">Note :</label></div>
  <ul style="line-height:27px">
    <!--<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>-->
     <li>Please be available in the conference venue at your allotted time.</li>
      <li>If you are not available at allotted time, it will be considered as absence and no future chances will be given.</li>
      <li>Make it as PPT presentation not more than 3 slides.</li>
      <li>Kindly make your presentation in 16:9 slide size PPT format.</li>
      <li>Your presentation time is 3 minutes followed by 2 minutes discussion.</li>
      <li>Kindly finish the presentation within the stipulated time.</li>
      <li>Make sure your mobile phone in silent mode before going to present.</li>
      <li>You will be introduced very briefly.</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="step" id="step" value="4">
        <input type="hidden" name="cur_step" id="cur_step" value="{{ data.cur_step or 0 }}">
        <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 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"+
        "\n"+
        "\n"+
        "After submitting if you want to do the changes in your submission write to tnasihelpdesk@gmail.com."
    );
    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 %}