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 active nav_btn_gray" value="4">Step 4</button>
  </li>
</ul>
<div class="tab-content" id="myTabContent">
  <div class="tab-pane fade show active p-2 rounded" role="tabpanel">
    <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> -->
     <h3 class="text-center font-weight-bold text-danger mt-2">Verify your abstract before submission</h3>
      <h4 class="alert alert-primary text-center">
        Please review the details provided by you before submitting.<br />
        CHANGES CANNOT BE MADE ONCE SUBMITTED.
      </h4>
      <!-- step 1 -->
      <div class="row">
        <div class="col-lg-6 col-md-6 col-sm-12 form-group">
          <label ><b>Chief Author Membership Number</b></label><br>
          <span>{{data.membership_no or 'Non-Member'}}</span>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-12 form-group">
          <label ><b>Chief Author Name</b></label><br>
          <span>{{data.full_name or ''}}</span>
        </div>
      </div>
      <div class="row">
        <div class="col form-group">
          <label><b>Presenting Author:</b></label>
        </div>
      </div>
      <div class="row">
        <div class="col form-group">
          <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 class="text-center">
                {% 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>
       <div class="row">
         <div class="col-lg-6 col-md-6 col-sm-12 form-group">
          <label><b>Video Category</b></label><br>
          <span>{{data.display_name or ''}}</span>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-12 form-group">
          <label><b>Duration</b></label><br>
          <span>6 Minutes</span>
        </div>
      </div>
      
      <!-- end step 1 -->
      <!-- step 2 -->
      <div class="row">
        <div class="col form-group">
          <label><b>Title of the Video</b></label>
          <textarea name="title" id="title" disabled class="form-control" value="">{{data.title or ''}}</textarea>
        </div>
      </div>
      <div class="row">
        <div class="col form-group">
          <label><b>Synopsis</b></label>
          <textarea name="synopsis" id="synopsis" disabled class="form-control" cols="50" rows="5" placeholder="Synopsis" value="">{{data.synopsis or ''}}</textarea>
        </div>
      </div>

      <!-- end step 2-->
      <!-- step 3-->
      {% if data1 %}
      <div class="row">
        <div class="col form-group">
          <label><b>Following are the list of co-author(s) you have selected :</b></label>
          <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>
               {% for i in data1 %}
              <tbody class="text-center">
                <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>
          </div>
        </div>
      </div>
      {% endif %}
      <!-- end step 3-->
      <div class="row">
        <div class="col form-group ml-3">
        <label class="font-weight-bold">NOTE</label>
        <ul class="ml-4" style="line-height: 25px;">
          <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="guideline_checkbox" id="guideline_checkbox" value="1" /><label for="guideline_checkbox">&nbsp I have read & understood the guidelines</label> <br />
        <label id="guideline_checkbox-error" class="error" for="guideline_checkbox">Please, accept terms & conditions</label>
      </div>
      </div>
      <div class="row py-2">
                <div class="col">
                    <div class="alert alert-danger " style="line-height: 22px;">
                        By clicking on the "submit" button, your abstract shall get submitted and an abstract number shall be generated.  Abstract once submitted cannot be changed. A confirmation email shall be sent to your email id {{ data.email or '' }}.  
                        If you do not see a confirmation email in your inbox,  please search for an email from rosconhelpdesk@gmail.com in your inbox / spam box.
                    </div>
                </div>
            </div>
      <div class="row ">
        <div class="col form-group">
          <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="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)" />
          <button class="float-right btn btn-primary" id="submit">Submit</button>
        </div>
      </div>
    </form>
    {% block script %}
 <script type="text/javascript">
    $("#guideline_checkbox-error").hide();
    $("#submit").click(function () {
        if (validation()) {
            $("#form_s5").submit();
            return true;
            // 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) {
            //     // alert("false");
            //     return false;
            // } else {
            //     //  alert("true");
            //     return true;
            //     //  $("form").submit();
            // }
        } else {
            return false;
        }
    });
    function validation() {
     if ($("#guideline_checkbox").val() != 'undefined' && $("#guideline_checkbox").val() != null){
        if ($("#guideline_checkbox").is(":checked")) {
            return true;
        } else {
            $("#guideline_checkbox-error").show();
            return false;
        }
    }
    else{
        return true;
    }
}
</script>
    {% endblock %}
  </div>
</div>