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"  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>
    <!-- <li class="nav-item p-2">
        <button type="button" class="nav-link nav_btn_gray" value="3" >Step 3</button>
    </li>
    <li class="nav-item p-2">
        <button type="button" class="nav-link  nav_btn_gray" value="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="tab-content " id="myTabContent">
    <div class="tab-pane fade show active p-2 rounded" role="tabpanel">
        <form method="POST" action="{{url_for('main.Mail',user_id=data.user_id,abs_id=abs_id,abs_type=abs_type,society_id=society_id)}}" id="form_s2">
             <h3 class="text-center  text-danger mt-2">Verify Your Abstract before submission</h3>
            <h4 class="alert alert-primary text-center mt-2">
                Please review the details provided by you before submitting.<br />
                CHANGES CANNOT BE MADE ONCE SUBMITTED.
            </h4>
            <!-- step 1 -->
            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                    <label>Author Membership Number</label><br>
                    <span>{{data.membership_no or 'Non-Member'}}</span>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                    <label>Author Name</label><br>
                    <span>{{data.full_name or ''}}</span>
                </div>
            </div>
            
            
            <div class="row tiles">
                <div class="col form-group">
                    <label >Section :</label><br>
                    <span>{{ data.display_name or '' }}</span>
                </div>
            </div>
            <!-- end step 1 -->
            <!-- step 2 -->
            <div class="row tiles">
                <div class="col form-group">
                    <label >Title</label>
                    <textarea disabled class="form-control" style="color: black;background-color: white;" >{{data.title or ''}}</textarea>
                </div>
            </div>
            <div class="row tiles">
                <div class="col form-group">
                    <label>Abstract Body</label><br>
                    <textarea disabled class="form-control" style="color: black;background-color: white;" >{{data.synopsis or ''}}</textarea>
                </div>
            </div>
            
            <div class="row ">
                <div class="col-md-6 offset-md-3 mb-4" id="video_upload">
                    <div class="card text-white text-center user_attach_card mb-3" >
                        <div class="card-header">Video<br>[Format : MP4 ]<br></div>
                        <div class="card-body">
                             {% set img=img[0] %}
                            {% if img.path : %}
                                {% set image_display = "block" %}
                            {% else %}
                                {% set image_display = "none" %}    
                            {% endif %}

                            <div id="show_img" style="display:{{ image_display }}" >
                                {% if img.path : %} 
                                    {% set  src= img.path+img.file_name %}
                                    {% set img_hide = "block" %}
                                {% else %}
                                    {% set  src= "" %}
                                {% endif %}
                                
                                <video id="video_file" width="100%" height="auto" controls autoplay controlsList="nodownload">                                    
                                    <source id="video" src="{{ src}}" type="video/mp4">
                                </video>
                                    <!-- <img src="{{ src}}" id="img" alt="Proof" width="100%" height="auto" style="max-height: 150px;">                                    -->
                            </div>
                                <div class="progress" style="display:none;">
                                    <div class="progress-bar " max="100" value="0"> </div>
                                </div>
                                <button type="button" style="display:none;" class="progress_btn btn btn-danger" id="cancel_upload">Cancel Upload</button>
                            
                            <div class=" btn btn-primary file-field-vide1 btn-block" style="display:none;"></div>
                            
                            
                    </div>
                </div>
            </div>
        </div>
            
            <!--  end step 4 -->
            <div class="row">
              <div class="col ml-3 form-group">
                <!-- <ul class="ml-3" style="line-height: 25px;">
                    <li>Online submission will be taken as signed by the Presenting Author.</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>The video is produced by me & above co-authors only. I understand that once submitted the video becomes the property of AIOS & we permit them to reprodurce and distribute the videos in any manner they deem to be neccessary.</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>
                </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 class="">NOTE</label> -->
                <label id="guideline_checkbox-error" class="error" for="guideline_checkbox">Please, accept terms & conditions</label>
              </div>
            </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="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(2,0)" />
                    <button class="float-right btn btn-primary" id="submit">Submit</button>
                </div>
            </div>
        </form>
    </div>
</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() {
        return true
        // if ($("#guideline_checkbox").is(":checked")) {
        //     return true;
        // } else {
        //     $("#guideline_checkbox-error").show();
        //     return false;
        // }
    }
</script>
{% endblock %}