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',abs_id=abs_id,abs_type=abs_type,conf_id=conf_id,conf_key=conf_key)}}" id="form_s4">
            <h3 class="text-center font-weight-bold text-danger mt-2">Verify Your Abstract before submission</h3>
            <br />
            <!-- step 1 -->
            <div class="row">
                <div class="col-lg-4 col-md-4 col-sm-12 form-group">
                    <label class="font-weight-bold">Chief Instructor Membership Number</label>
                    <div>{{data.membership_no or 'Non-Member' }}</div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-12 form-group">
                    <label class="font-weight-bold">Chief Instructor Name</label>
                    <div>{{data.full_name or '' }}</div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-12 form-group">
                    <label class="font-weight-bold">Chief Instructor Age</label>
                    <div>{{data.misc1 or '' }}</div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                    <label class="font-weight-bold">Section</label>
                    <div>{{data.display_name or '' }}</div>
                </div>
            </div>
            <div class="row">
                {% if data.level %}
                <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                    <label class="font-weight-bold">Level of course</label>
                    <div>{{data.level or '' }}</div>
                </div>
                <br />
                {% endif %}
                <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                    <label class="font-weight-bold">Duration of course</label>
                    <div>{{data.duration or '' }} minutes</div>
                </div>
                <br />
            </div>
            <br />
            <!-- end step 1 -->
            <!-- step 2 -->
            <div class="row">
                <div class="col form-group">
                    <label class="font-weight-bold">Title (not exceeding 100 characters) </label>
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <textarea name="title" id="title" class="form-control" disabled placeholder="Enter the title" value="">{{data.title or '' }}</textarea>
                </div>
            </div>
            <div class="row">
                <div class="col mt-4 form-group">
                    <label class="font-weight-bold">Synopsis (not exceeding 1000 characters)</label>
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <textarea name="Synopsis" id="Synopsis" class="form-control" disabled cols="50" rows="5" placeholder="Enter Synopsis" value="">{{data.synopsis or '' }}</textarea>
                </div>
            </div>
            <!-- end step 2-->
            <!-- step 3-->
            <label class="font-weight-bold mt-3">Following are the list of  Co-Instructor(s) you have selected :</label>
            <div class="container table-responsive  mobile-responsive py-3">
                <table class="table table-bordered" id="save_table1">
                    <thead class="text-center thead-dark">
                        <th scope="col">ORDER NO</th>
                        <th scope="col">INSTRUCTOR DETAILS</th>
                        <th scope="col">TOPIC</th>
                        <th scope="col">DURATION</th>
                        <th scope="col">INSTRUCTOR AGE</th>
                    </thead>
                    {% if data1 %} {% for i in data1 %}
                    <tbody class="text-center">
                        <tr>
                            <td data-label="ORDER NO">{{i.order_no or '' }}</td>
                            <td data-label="INSTRUCTOR DETAILS" style="text-align: center;">{{i.full_name or '' }} ({{i.membership_no or 'Non-Member' }}),{{i.email or '' }},{{i.mobile or '' }}</td>
                            <td data-label="TOPIC">{{i.topic or '' }}</td>
                            <td data-label="DURATION">{{i.duration or '' }}</td>
                            <td data-label="INSTRUCTOR AGE">{{i.misc1 or ''}}</td>
                        </tr>
                        {% endfor %} {% endif %}
                        <tr>
                            <td colspan="3" style="text-align: center;">Total duration(include panel discussion : {{data.panel_discussion or '0' }} mintues)</td>
                            <td data-label="DURATION">{{data.total_duration or '' }} Mins</td>
                            <td></td>
                            
                        </tr>
                    </tbody>
                </table>
            </div>
            <!-- end step 3-->
            <div>
                <label class="font-weight-bold">NOTE</label>
                <ul class="ml-3" style="line-height: 25px">
                    <li>Online submission will be taken as signed by the Chief Instructor</li>
                    <li>This presentation may be recorded by the conference & 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>
                </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 class="row">
                <div class="col">
                    <input type="hidden" name="abs_id" id="abs_id" value="{{data.abs_id or '' }}" />
                    <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(4,0)" />
                </div>
                <button class="float-right btn btn-primary" id="submit">Submit</button>
            </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").is(":checked")) {
                return true;
            } else {
                $("#guideline_checkbox-error").show();
                return false;
            }
            // $("form").validate({
            //     rules: {
            //         checkbox: {
            //             required: true,
            //         },
            //     },
            //     messages: {
            //         checkbox: "Please, accept terms & conditions",
            //     },
            // });
        }
    </script>
    {% endblock %}
</div>