Sindbad~EG File Manager

<div class="container">
    <ul id="progressbar">
        <li class="active" id="account"></li>
        <li class="active" id="personal"></li>
        <li class="active" id="payment"></li>
        <li class="active" id="confirm"></li>
    </ul>
    <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_s4">
        <h4 class="alert alert-primary text-center">
            Please review the details provided by you before submitting.<br />
            CHANGES CANNOT BE MADE ONCE SUBMITTED.
        </h4>
        <hr />
        <!-- step 1 -->
        <div class="row">
            <div class="col-lg-6 col-md-6 col-sm-12">
                <div class="font-weight-bold">Chief Author Membership Number:</div>
                <div>{{data.membership_no or 'Non Member'}}</div>
            </div>
            <hr />
            <div class="col-lg-6 col-md-6 col-sm-12">
                <div class="font-weight-bold">Chief Author Name:</div>
                <div>{{data.full_name or ''}}</div>
            </div>
        </div>
        <hr />
        <div class="row">
            <div class="col">
                <div class="font-weight-bold">Presenting Author:</div>
            </div>
        </div>
        <div class="row">
            <div class="col">
                <div class="table-responsive mobile-responsive">
                    <table class="table table-bordered">
                        <thead>
                            <th scope="col">MEMBERSHIP NO</th>
                            <th scope="col">AUTHOR NAME</th>
                            <th scope="col">EMAIL</th>
                            <th scope="col">MOBILE</th>
                        </thead>
                        <tbody>
                            {% 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>
        <hr />

        <div class="row">
            <!-- <div class="col-lg-4 col-md-4 col-sm-12">
                <div class="font-weight-bold">Category:</div>
                <div>{{data.display_name or ''}}</div>
            </div> -->
            <div class="col-lg-4 col-md-4 col-sm-12">
                <div class="font-weight-bold">Type of Presentation:</div>
                <div>{{data.type or ''}}</div>
            </div>
           <!--  <div class="col-lg-4 col-md-4 col-sm-12">
                <div class="font-weight-bold">Time duration:</div>
                <div>{% if data.presentation_type_id == 15 %}5 minutes presentation + 2 minutes discussion {% else %} 8 minutes presentation + 2 minutes discussion {% endif %}</div>
            </div> -->
            <hr />
        </div>
        <hr />
        <!-- end step 1 -->
        <!-- step 2 -->
        <div class="row">
            <div class="col">
                <label class=""><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>
        <br />
        <div class="row">
            <div class="col">
                <span id="chars1" style="color: blue;"></span>
            </div>
        </div>
        <div class="row">
            <div class="col">
                <label><b>Abstract:</b></label>
                <textarea name="case_report" id="case_report" disabled class="form-control" cols="50" rows="5" placeholder="Abstract" value="">{{data.synopsis or ''}}</textarea>
            </div>
        </div>

        <!-- end step 2-->
        <!-- step 3-->
        <div class="row py-2">
            <div class="col">
                <div class="font-weight-bold">Following are the Co-Author(s) you have selected :</div>
                {% if data1 %}
                <div class="table-responsive mobile-responsive">
                    <table class="table table-bordered table-striped">
                        <thead>
                            <th scope="col">MEMBERSHIP NO</th>
                            <th scope="col">AUTHORS NAME</th>
                            <th scope="col">EMAIL</th>
                            <th scope="col">MOBILE</th>
                        </thead>
                        {% for i in data1 %}
                        <tbody>
                            <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>
                {% else %}
                <div>No Co-Author selected</div>
                {% endif %}
            </div>
        </div>
        <!-- end step 3-->
        <div>
            <div class="font-weight-bold">NOTE :</div>
            <ul>
                <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>
            {% set setting = AbstractModel().settings(data.abs_type,conf_id) %}
            {% if  setting[1] %}
            <input type="checkbox" name="checkbox" id="checkbox" value="1" /><label for="checkbox" class="ml-2">I have read & understood the <a target="_blank" href="{{ setting[1][0].setting_value }}">Guidelines.</a></label><br />
            <label id="checkbox-error" class="error" for="checkbox"></label>
            {% endif %}
        </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="3" />
                <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(4,0)" />
            </div>
            <button class="float-right btn btn-primary"  id="submit">Submit</button>
        </div>
    </form>
    {% block script %}
    <script type="text/javascript">
        $("#submit").click(function () {
            validation();
            if ($("form").valid()) {
                submit1();
            }
        });
        function submit1() {
            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) {
         return false;
    }
     else{
         return true;
        //  $("form").submit();
    }
}
        function validation() {
            $("form").validate({
                rules: {
                    checkbox: {
                        required: true,
                    },
                },
                messages: {
                    checkbox: "Please, accept terms & conditions",
                },
            });
        }
    </script>
    {% endblock %}
</div>