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 active" value="2">Step 2</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,conf_id=conf_id,conf_key=conf_key)}}" id="form_s2">
       <h3 class="text-center font-weight-bold text-danger mt-2">Verify Your Abstract before submission</h3>
      <h4 class="alert alert-primary text-center">
        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 class="font-weight-bold">Membership Number</label>
          <div>{{user_info.membership_no or 'Non-Member'}}</div>
        </div>
        <hr />
        <div class="col-lg-6 col-md-6 col-sm-12 form-group">
          <label class="font-weight-bold">Name</label>
          <div>{{user_info.full_name or ''}}</div>
        </div>
      </div>
      
      
     
      <!-- end step 1 -->
      <!-- step 2 -->
      
      <div class="row">
        <div class="col-md-12 mt-4 form-group">
           <label class=""><b>Title </b> </label>
          <textarea name="title" id="title" disabled style="background-color: white;color: black;" class="form-control" placeholder="Title " value="">{{data.title or ''}}</textarea>
        </div>
      </div>
      
      <div class="row">
            <div class="col-md-12 mt-4 form-group">
                <label class=""><b>The Need (not exceeding 400 characters)</b></label>
                <textarea name="purpose" id="purpose" disabled style="background-color: white;color: black;" class="form-control" cols="50" rows="6" placeholder="The Need" value="">{{data.purpose or ''}}</textarea>
            </div>
        </div>
        <div class="row">
                <div class="col-md-12 mt-4 form-group">
                    <label class=""><b>Development of the Idea </b> </label>
                    <textarea name="methods" id="methods" disabled style="background-color: white;color: black;" class="form-control" cols="50" rows="6" placeholder="Development of the Idea" value="">{{data.methods or ''}}</textarea>
                </div>
        </div>

         <div class="row">
                <div class="col-md-12 mt-4 form-group">
                    <label class=""><b>Validation/ Superiority over existing Techniques </b> </label>
                    <textarea name="results" id="results" disabled style="background-color: white;color: black;" class="form-control" cols="50" rows="6" placeholder="Validation/ Superiority over existing Techniques" value="">{{data.results or ''}}</textarea>
                </div>
           </div>
     
    
      <!-- end step 3-->
      <div>
        <input type="checkbox" name="checkbox" id="checkbox" value="1" /><label for="checkbox" class="ml-2">I have read & understood the <a target="_blank" href="{{ data.setting_value or '#'}}">Guidelines</a></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="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="cur_step" id="cur_step" value="{{ data.cur_step or 0 }}">
          <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(2,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 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 %}
  </div>
</div>