Sindbad~EG File Manager

<div class="row">
    <div class="col">
        <!-- <h4 class="alert alert-info text-center">Your team mate should be a TNOA member and a PG from the same institution</h4> -->
    </div>
</div>
<div class="container-md">
    <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 active " value="2">Step 2</button>
        </li>
    </ul>





  <form id="form_s2" class="form_s2" 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)}}"  method="POST" >
    <div class="container" id="step1">
     <h3 class="text-center font-weight-bold text-danger mt-2">Verify before registration</h3>
   
    <div class="row">
        <div class="col">
            <h4 class="alert alert-info text-center">CHANGES CANNOT BE MADE ONCE SUBMITTED.</h4>
        </div>
    </div>
    <!-- step 1 -->
    <div class="row">
        <!--<div class="col-lg-6 col-md-6 col-sm-12 form-group">-->
        <!--    <label class="font-weight-bold">Membership number</label>-->
        <!--    <div>{{data.membership_no or 'Non-member' }}</div>-->
        <!--</div>-->
        <!--<hr />-->
        <div class="col-lg-6 col-md-6 col-sm-12 form-group">
            <label class="font-weight-bold"> Name</label>
            <div>{{data.full_name or '' }}</div>
        </div>
    </div>
   <!--  <div class="row">
        <div class="col form-group">
            <label class="font-weight-bold">Authorisation letter from the HOD:</label>
        </div>
    </div> -->
    <!--<div class="row">-->
    <!--    <div class="col text-center">-->
    <!--        <img src="{{ data.path or '' }}{{ data.file_name or '' }}" width="200px">-->
    <!--    </div>-->
    <!--</div>-->
    <!-- end step 1 -->
    <label class="font-weight-bold">Team mate:</label>
    <div class="container-sm-12 table-responsive py-3">
        <table class="table table-bordered table-striped">
            <thead class="thead-dark text-center">
                <!--<th scope="col">MEMBERSHIP NO</th>-->
                <th scope="col">NAME</th>
                <th scope="col">EMAIL</th>
                <th scope="col">MOBILE</th>
            </thead>
            {% if data1 %} {% for i in data1 %}
            <tbody>
                <tr class="text-center">
                    <!--<td data-label="MEMBERSHIP NO">{{i.membership_no or 'Non-member'}}</td>-->
                    <td data-label="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 %} {% endif %}
        </table>
    </div>
    <!-- end step 3-->
    <!-- step 2 -->
    <div class="row">
      <div class="col form-group">
        <label class="font-weight-bold">Team Name</label>
        <span  class="form-control">{{data.title or ''}}</span >
        </div>
    </div>
    <div class="row">
        <div class="col-md-6 form-group">
            <label class="font-weight-bold">City:</label><br>
            <span >{{ data.misc1 or '' }}</span>
        </div>
        <div class="col-md-6 form-group">
            <label class="font-weight-bold">State:</label><br>
            <span>{{ data.misc2 or '' }}</span>
        </div>
    </div>
    {% if data.path and data.file_name %}
    <div class="row">
        <div class="col">
            <label class="font-weight-bold">Bonafide Certificate</label><br>
              {% if  ".pdf" in data.file_name :%}
                <iframe src="{{data.path or ''}}{{ data.file_name or '' }}"   width="50%" height="auto" allow="encrypted-media" allowfullscreenstyle="max-height: 150px;" > </iframe>
              {% else %}
              <img src="{{data.path or ''}}{{ data.file_name or '' }}" width="50%" height="auto" style="max-height: 150px;">
              {% endif %}
              
        </div>
    </div>
    {% endif %}
    <!-- end step 2-->
    <!-- step 3-->
    <div class="row mt-3">
        <div class="col">
            {% if data.setting_value %}
            <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>
            {% endif %}
        </div>
    </div>
      <div class="row">
        <div class="col">
           <input type="button" name="Previous" id="Previous" class="btn btn-primary" value="Previous" onclick="move(2,0)" />
        </div>
        <div class="col">
           <input type="submit" name="submit" id="submit" class="btn btn-primary float-right" value="Submit">
        </div>
        <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="user_id" id="user_id" value="{{ data.user_id }}">
        <input type="hidden" name="step" id="step" value="2">
        <input type="hidden" name="is_next" id="is_next" value="1">
      </div>
    </div>
  </form>
</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").length){
        if ($("#guideline_checkbox").is(":checked")) {
            return true;
        } else {
            $("#guideline_checkbox-error").show();
            return false;
        }
        }
        else{
        return true;
        }
    }
</script>
{% endblock %}