Sindbad~EG File Manager

<div class="container-md">
    <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 active " value="2">Step 2</button>
        </li>
    </ul>



  <form id="form_s2" class="form_s2" 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)}}"  method="POST" >
    <div class="container" id="step1">
     <h3 class="text-center font-weight-bold text-danger mt-2">Verify before registration</h3>
   
    <div class="row">
        <div class="col">
            <h4 class="alert alert-info text-center">CHANGES CANNOT BE MADE ONCE SUBMITTED.</h4>
        </div>
    </div>
    <!-- step 1 -->
    <div class="row mt-2">
        <div class="col-lg-4 col-md-4 col-sm-12 form-group">
            <label class="font-weight-bold">Delegate number</label>
            <div>{{delData.delegate_no or ''}}</div>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-12 form-group">
            <label class="font-weight-bold">Membership number</label>
            <div>{{data.membership_no or ''}}</div>
        </div>
        
        <div class="col-lg-4 col-md-4 col-sm-12 form-group">
            <label class="font-weight-bold">Name</label>
            <div>{{data.full_name}}</div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6 form-group">
            <label class="font-weight-bold">Category:</label>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6  form-group">
            <span >{{ data.misc1 or '' }}</span>
        </div>
    </div>
    <div class="row">
        <div class="col form-group">
            <label class="font-weight-bold">Title</label>
        </div>
    </div>
    <div class="row">
        <div class="col form-group">
            <textarea class="form-control" disabled>{{data.title or ''}}</textarea>
        </div>
    </div>
    <div class="row">
        <div class="col form-group">
          <label class="font-weight-bold">Description</label>
        </div>
    </div>
    <div class="row">
        <div class="col form-group">
            <textarea class="form-control" disabled>{{data.synopsis or ''}}</textarea>
        </div>
    </div>
    <div class="row">
        <div class="col form-group">
            <label class="font-weight-bold">Attachment:</label>
        </div>
    </div>
    <div class="row">
        <div class="col text-center">
            {% if  (".mp4") in data.file_name :%}
            <video id="video_file" width="100%" height="auto" controls autoplay controlsList="nodownload">                           
                <source id="video" src="{{data.path+data.file_name}}" type="video/mp4">
            </video>
            {% elif  (".mp3") in data.file_name :%}
            <audio id="audio_file" controls>
                <source id="audio" src="{{data.path+data.file_name}}" type="audio/mpeg">
            </audio>
            {% else %}
            <img src="{{ data.path or '' }}{{ data.file_name or '' }}" width="500px">
            {% endif %}
        </div>
    </div>
    <!--<div class="row mt-3">-->
    <!--    <div class="col">-->
    <!--        <input type="checkbox" name="guideline_checkbox" id="guideline_checkbox" value="1" /><label class="font-weight-bold" 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>-->
      <div class="row">
        <div class="col">
           <input type="button" name="Previous" id="Previous" class="btn btn-primary" value="Previous" onclick="move(2,0)" />
        </div>
        <div class="col">
           <input type="submit" name="submit" id="submit" class="btn btn-primary float-right" value="Submit">
        </div>
        <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="user_id" id="user_id" value="{{ data.user_id }}">
        <input type="hidden" name="step" id="step" value="2">
        <input type="hidden" name="is_next" id="is_next" value="1">
      </div>
    </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;
        // }
        
        return true;
    }
</script>
{% endblock %}