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 2</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>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>Author Name</b></label><br>
                    <span>{{data.full_name or ''}}</span>
                </div>
            </div>
            <!-- <label><b>Presenting Author</b></label><br>
            <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>Instagram Reel URL / link</b></label>
                    <textarea name="title" id="title" disabled class="form-control" style="background-color:white;color: black;" 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">NOTE</div>
                <ul class="ml-3" 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 <a target="_blank" href="{{ data.setting_value or '#'}}">Guidelines</a></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">
                    <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)" />
                    <button class="float-right btn btn-primary" id="submit">Submit</button>
                </div>
            </div>
        </form>
    </div>
</div>
{% block script %}
<script type="text/javascript">
    $("#guideline_checkbox-error").hide();
    $("#submit").click(function () {
        if (validation()) {
            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").is(":checked")) {
    //         return true;
    //     } else {
    //         $("#guideline_checkbox-error").show();
    //         return false;
    //     }
    // }
</script>
{% endblock %}