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 mt-2">
                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 class="font-weight-bold">Presenting Author:</label>
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <div class="table-responsive mobile-responsive">
                        <table class="table table-bordered">
                            <thead  style="background-color:#484747;color: white;" class="text-center">
                                <th scope="MEMBERSHIP NO">MEMBERSHIP NO</th>
                                <th scope="AUTHOR NAME">AUTHOR NAME</th>
                                <th scope="EMAIL">EMAIL</th>
                                <th scope="MOBILE">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 form-group"> -->
                    <!-- <div class="row"> -->
                        <!-- <div class="col-lg-6 col-md-6 col-sm-12 form-group"> -->
                            <!-- <label><b>Section</b></label><br> -->
                            <!-- <span>{{data.display_name or ''}}</span> -->
                        <!-- </div> -->
                    <!-- </div> -->
                <!-- </div> -->
            <!--    <div class="col form-group">-->
            <!--       <div class="row">-->
            <!--           <div class="col-lg-6 col-md-6 col-sm-12 form-group">-->
            <!--               <label><b>Type of Presentation</b></label><br>-->
            <!--               <span>{{data.type or ''}}</span>-->
            <!--           </div>-->
            <!--       </div>-->
            <!--    </div>-->
            <!--</div>-->
            <!-- end step 1 -->
            <!-- step 2 -->
            <div class="row tiles">
                <div class="col form-group">
                    <label ><b>Title of the Paper</b></label>
                    <textarea name="title" id="title" disabled class="form-control" placeholder="Title of paper" 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 class="font-weight-bold mt-2">Following are the list of Co-Author(s) you have selected :</label>
                    <div class="table-responsive mobile-responsive py-2">
                        <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 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-->
            <!-- 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>Was this research carried out within India ?*<br><label id="in_India-error" class="error" for="in_India"></label></td>
                <td><label><input type="radio" name="in_India" disabled id="in_India" {% if data.is_in_india == 1 %}checked{% endif %} value="1">Yes</label><br>
                  <label><input type="radio" name="in_India" disabled id="in_India" {% if data.is_in_india == 0 %}checked{% endif %} value="0">NO</label></td>
              </tr>

              <tr>
                <td>Was this submission been presented in any other conferences earlier<br>
                  OR<br>
                  would it be presented in any other conferences prior to TNOA 2022<br>
                  OR<br>
                  was it published or submitted for publication in any peer reviewed journal *<br><label id="is_already_published-error" class="error" for="is_already_published"></td>
                <td><label><input type="radio" disabled name="is_already_published" {% if data.is_already_published == 1 %}checked{% endif %} id="is_already_published" value="1">Yes</label><br>
                  <label><input type="radio" disabled name="is_already_published" id="is_already_published" {% if data.is_already_published == 0 %}checked{% endif %} value="0">NO</label></td>
              </tr>

              <tr>
                <td>Do you want to consider your abstract for Hydepark if your abstract is not selected for FP ? *<br><label id="is_consider_hp-error" class="error" for="is_consider_hp"></td>
                <td><label><input type="radio" disabled name="is_consider_hp" id="is_consider_hp" {% if data.is_consider_hp == 1 %}checked{% endif %} value="1">Yes</label><br>
                  <label><input type="radio" disabled name="is_consider_hp" id="is_consider_hp" {% if data.is_consider_hp == 0 %}checked{% endif %} value="0">NO</label></td>
              </tr>

              <tr>
                <td>Does this paper pertain to Laboratory research (Translational research) *<br><label id="lab_research-error" class="error" for="lab_research">
                </td>
                <td><label><input type="radio" disabled name="lab_research" id="lab_research" {% if data.lab_research == 1 %}checked{% endif %} value="1">Yes</label><br>
                  <label><input type="radio" disabled name="lab_research" id="lab_research" {% if data.lab_research == 0 %}checked{% endif %} value="0">NO</label></td>
              </tr>
            </table>
          </div>
        </div>
 --><!--  end step 4 -->
            <div class="row">
              <div class="col ml-3 form-group">
                <div class="font-weight-bold">Declaration</div>
                <ul class="ml-3" style="line-height: 25px;">
                    <li>I take full responsibility for the content of my abstract and presentation.</li>
                    <li>I understand that I will not use my presentation as a means of selling my organisations products or services.</li>
                    <li>I understand that the presenting author should be registered for the IPGS Conference to be able to present the abstract.</li>
                    <li>All presentation and supporting materials promote clinical or quality improvements in patient care, not any specific proprietary business or commercial interest. Generic names will be used when possible.</li>
                    <li>There is no mention of the name of my institution or of the authors in the text of the abstract.</li>
                </ul>
                <input type="checkbox" name="guideline_checkbox" id="guideline_checkbox" value="1" /><label for="guideline_checkbox">&nbsp I accept the above declaration and confirm that my abstract complies with it</label> <br />
                <label id="guideline_checkbox-error" class="error" for="guideline_checkbox">Please, accept the declaration</label>
              </div>
            </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="hidden" name="cur_step" id="cur_step" value="{{ data.cur_step or 0 }}">
                    <input type="button" name="Previous" id="Previous" class="btn btn-primary" value="Previous" onclick="move(5,0)" />
                    {% if data.abs_no %}
                    <button class="float-right btn btn-primary" id="submit">Save</button>
                    {% else %}
                    <button class="float-right btn btn-primary" id="submit">Submit</button>
                    {% endif %}
                </div>
            </div>
        </form>
    </div>
</div>
{% block script %}
<script type="text/javascript">
    $("#guideline_checkbox-error").hide();
    $("#submit").click(function () {
        if (validation()) {
            var r = confirm(
                "By clicking the 'ok' button, the abstract shall be submitted and your abstract number shall be generated." +
                    "\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").is(":checked")) {
            return true;
        } else {
            $("#guideline_checkbox-error").show();
            return false;
        }
    }
</script>
{% endblock %}