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 nav_btn_gray" value="4" onclick="jump_step(4)">Step 4</button>
    </li>
    <li class="nav-item p-2">
        <button type="button" class="nav-link active" value="5">Step 5</button>
    </li>
</ul>

<div class="container">
    <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>
        <!-- <h4 class="text-center font-weight-bold font-italic">Verify Your Abstract before submission</h4> -->
        <hr />
        <!-- step 1 -->
        <div class="row">
            <div class="col-lg-6 col-md-6 col-sm-12">
                <div><label class="font-weight-bold">Chief Author Membership Number</label></div>
                <div>{{data.membership_no or ''}}</div>
            </div>
            <hr />
            <div class="col-lg-6 col-md-6 col-sm-12">
                <div><label class="font-weight-bold">Chief Author Name</label></div>
                <div>{{data.full_name or '' }}</div>
            </div>
        </div>
        <hr />
        <div class="row">
            <div class="col">
                <div><label class="font-weight-bold"> Presenting Author:</label></div>
            </div>
        </div>
        <div class="row">
            <div class="col">
                <div class="table-responsive mobile-responsive">
                    {% if data2 %}
                    <table class="table table-bordered">
                        <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>
                        <tbody>
                            <tr class="text-center">
                                <td data-label="MEMBERSHIP NO">{{data2.membership_no or ''}}</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>
                        </tbody>
                    </table>
                    {% endif %}
                </div>
            </div>
        </div>
        <hr />
        <div class="row">
            <!--  <div class="col">    -->
            <!--<div class="row">-->
            <!--  <div class="col-lg-6 col-md-6 col-sm-12">-->
            <!--    <div> <label class="font-weight-bold" >Section</label></div>-->
            <!--    <div>{{data.display_name or ''}}</div>-->
            <!--  </div>-->
            <!--  <hr />-->
            <!--  </div>-->
            <!--</div>-->
            <div class="col">
                <div class="row">
                    <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                        <div><label class="font-weight-bold">Duration of Paper</label></div>
                        <div>8 Minutes</div>
                    </div>
                    <hr />
                </div>
            </div>
        </div>
        <hr />
        {% if data.award_name %}
        <div class="row">
            <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                <div><label class="font-weight-bold">Applied award</label></div>
                <div>{{ data.award_name }}</div>
            </div>
            <hr />
        </div>
        <hr />
        {% endif %}
        <!-- end step 1 -->
        <!-- step 2 -->
        {% if data.path %}
        <div class="row">
            <div class="col">
              <label class=""><b>Uploaded Image: </b> </label>
            </div>
        </div>
        <div class="row">
            <div class="col form-group">
                    {% if  ".pdf" in data.file_name :%}
                    <a href="{{data.path or ''}}{{ data.file_name or '' }}" target="_blank" >{{ data.file_name or '' }} [Preview]</a>
                    {% elif ".pptx" or ".ppt"  in data.file_name :%}  
                      <a href="https://view.officeapps.live.com/op/embed.aspx?src={{data.path or ''}}{{ data.file_name or '' }}" target="_blank">{{ data.file_name or '' }} [Preview]</a>
                     
                    {% else %}
                    <a href="{{data.path or ''}}{{ data.file_name or '' }}" target="_blank" >{{ data.file_name or '' }} [Preview]</a>
                    {% endif %}
                    
            </div>
          </div>
        {% endif %}
        <div class="row tiles">
            <div class="col">
                <label class="font-weight-bold">Title of the Paper: </label>
            </div>
        </div>
        <div class="row">
            <div class="col">
                <textarea name="title" id="title" disabled class="form-control" style="background-color: #fff; color: black;" placeholder="Title of the Paper" value="">{{data.title or ''}}</textarea>
            </div>
        </div>
        <br />
        <div class="row">
            <div class="col">
                <label class="font-weight-bold">Aims and Objectives: </label>
            </div>
        </div>
        <div class="row">
            <div class="col">
                <textarea name="synopsis" id="synopsis" disabled class="form-control" style="background-color: #fff; color: black;" cols="50" rows="5" placeholder="Synopsis" value="">{{data.synopsis or ''}}</textarea>
            </div>
        </div>
        <br />
        <div class="row">
            <div class="col">
                <label class="font-weight-bold">Materials and Methods: </label>
            </div>
        </div>
        <div class="row">
            <div class="col">
                <textarea disabled class="form-control" cols="50" rows="5" value="" style="background-color: #fff; color: black;">{{data.methods or ''}}</textarea>
            </div>
        </div>
        <br />
        <div class="row">
            <div class="col">
                <label class="font-weight-bold">Result and Conclusion: </label>
            </div>
        </div>
        <div class="row">
            <div class="col">
                <textarea disabled class="form-control" cols="50" rows="5" value="" style="background-color: #fff; color: black;">{{data.results or ''}}</textarea>
            </div>
        </div>

        <!-- end step 2-->
        <!-- step 3-->
        <div class="row">
            <div class="col">
                <br />
                <div><label class="font-weight-bold">Following are the Co-Author(s) you have selected :</label></div>
                <div class="table-responsive mobile-responsive py-5">
                    {% if data1 %}
                    <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>
                            <tr class="text-center">
                                <td data-label="MEMBERSHIP NO">{{i.membership_no or ''}}</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>
                    {% else %}
                    <div>NO Co-author Selected</div>
                    {% endif %}
                </div>
            </div>
        </div>
        <!-- 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>
                            <p>Do the Chief/Presenting/Co-Author have any financial interest?</p>
                            <br />
                            <label id="misc1-error" class="error" for="misc1"></label>
                        </td>
                        <td><p>{% if data.misc1 == "1" %}Yes {% else %} No{% endif %}</p></td>
                    </tr>
                </table>
            </div>
        </div>
        <!--  end step 4 -->
        <div>
            <div><label class="font-weight-bold">NOTE :</label></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>-->
                <li>Please be available in the conference venue at your allotted time.</li>
              <li>Kindly make your Presentation in 16:9 Slide Size PPT format.</li>
              <li>Keep your presentation along with Video Clips (If Present) in the same folder.</li>
              <li>Make trail the presentation in the preview room prior to your session.</li>
              <li>Make sure your mobile phone in silent mode before going to present.</li>
              <li>Personal Laptops are not allowed to present.</li>
              <li>Your presentation time is 8 minutes followed by 2 minutes discussion.</li>
              <li>Kindly finish the talk within the stipulated time. Your Screen will cut off automatically as soon as your allotted time is completed.</li>
              <li>You will be introduced very briefly by the moderator/chairperson</li>
            </ul>

            <input type="checkbox" name="checkbox" id="checkbox" value="1" /><label for="checkbox" class="ml-2">I have read & understood the Guidelines</label><br />
            <label id="checkbox-error" class="error" for="checkbox"></label>
        </div>
        <div class="row py-2">
            <div class="col">
                <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="cur_step" id="cur_step" value="{{ data.cur_step or 0 }}" />
                <input type="hidden" name="step" id="step" value="4" />
                <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(5,0)" />
            </div>
            <button class="float-right btn btn-primary" type="submit" id="submit">Submit</button>
        </div>
    </form>
</div>
    {% block script %}
    <script type="text/javascript">
        $("#submit").click(function () {
            validation();
            if ($("form").valid()) {
                return 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 %}