Sindbad~EG File Manager

<div class="container">
<ul id="progressbar">
    <li class="active" id="account"><strong>Step</strong></li>
    <li class="active" id="personal"><strong>Step</strong></li>
    <li class="active" id="payment"><strong>Step</strong></li>
</ul>
</div>
<form method="POST" action="{{url_for('OPC.Mail',user_id=data.user_id,abs_id=abs_id)}}" id="form_s3">
    <h4 class="alert alert-primary text-center">
        Please review the details provided by you before submitting.<br />
        CHANGES CANNOT BE MADE ONCE SUBMITTED.
    </h4>
    <h4 class="text-center font-weight-bold font-italic">Verify Your Abstract berfore submission</h4>
    <hr />
    <!-- step 1 -->
    <div class="row">
        <div class="col-lg-6 col-md-6 col-sm-12">
            <div class="font-weight-bold">Membership number</div>
            <div>{{data.membership_no}}</div>
        </div>
        <hr />
        <div class="col-lg-6 col-md-6 col-sm-12">
            <div class="font-weight-bold">Name</div>
            <div>{{data.full_name}}</div>
        </div>
    </div>
    <hr />
    <div class="row">
        <div class="col">
            <div class="font-weight-bold">Ophthalmic Photography:</div>
        </div>
    </div>
    <div class="row">
        <div class="col text-center">
            <img src="{{ data.path or '' }}{{ data.file_name or '' }}" width="200px">
        </div>
    </div>
    <hr />
    <div class="row">
        <div class="col">
          <div class="font-weight-bold">Section</div>
          <div>{{ data.display_name or '' }}</div>  
          <br>
        </div>
    </div>
    <!-- end step 1 -->
    <!-- step 2 -->
    <div class="row">
      <div class="col">
        <label class="font-weight-bold">Title of the Video </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}}</textarea>
        </div>
    </div>
    <div class="row">
      <div class="col">
        <label class="font-weight-bold">A bref description of photograph:</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}}</textarea>
        </div>
    </div>

    <!-- end step 2-->
    <!-- step 3-->
    <div class="font-weight-bold">Following are the co-author you have selected :</div>
    <div class="container-sm-12 table-responsive py-3">
        <table class="table table-bordered table-striped">
            <thead>
                <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>
                    <td data-label="MEMBERSHIP NO">{{i.membership_no or ''}}</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-->
    <div>
        <!-- end step 4-->
        <input type="checkbox" name="checkbox" id="checkbox" value="1" /><label for="checkbox">I have read & understood the Guidelines</label> <br />
        <label id="checkbox-error" class="error" for="checkbox"></label>
    </div>
    <div class="row">
        <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">
            <!-- {% if confe_id != 2 %}
            <a href="{{url_for('VS.Step3',abs_id=abs_id,abs_type=abs_type)}}" class="btn btn-primary">Previous</a>
            {% else %}
            <a href="{{url_for('VS.Step4',abs_id=abs_id,abs_type=abs_type)}}" class="btn btn-primary">Previous</a>
            {% endif %} -->
             <input type="button" name="Previous" id="Previous" class="btn btn-primary" value="Previous" onclick="move(3,0)" />
        </div>
        <input type="submit" name="submit" id="submit" class="btn btn-primary float-right" value="Submit">
      </div>
</form>
</div>
{% 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 submit. 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) {
                $("form").submit(function (e) {
                    e.preventDefault();
                });
            } else {
                $("form").submit();
            }
        }
        function validation() {
            $("form").validate({
                rules: {
                    checkbox: {
                        required: true,
                    },
                },
                messages: {
                    checkbox: "Please, accept terms & conditions",
                },
            });
        }

    </script>
    {% endblock %}