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 active" value="4">Step 4</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_s4">
            <h3 class="text-center font-weight-bold text-danger mt-2">Verify Your Abstract before submission</h3>
            
            <!-- step 1 -->
            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                    <label class="font-weight-bold">Applicant Membership Number</label>
                    <div>{{data.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">Applicant Name</label>
                    <div>{{data.full_name or ''}}</div>
                </div>
            </div>
            
            
            <div class="row">
                <div class="col">
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                            <label class="font-weight-bold">Section</label>
                            <div>{{data.display_name or ''}}</div>
                        </div>
                    </div>
                </div>
                <!-- <div class="col">
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                            <label class="font-weight-bold">Type of Presentation</label>
                            <div>{{data.type or ''}}</div>
                        </div>
                    </div>
                </div> -->
            </div>
            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                    <label class="font-weight-bold">Name of Institution</label>
                    <div>{{data.institution}}</div>
                </div>
                <hr />
                <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                    <label class="font-weight-bold">Name of University</label>
                    <div>{{data.university or ''}}</div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                    <label class="font-weight-bold">MCI State</label>
                    <div>{{data.mc_state or ''}}</div>
                </div>
                <hr />
                <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                    <label class="font-weight-bold">Year of Passing</label>
                    <div>{{data.year_of_passing or ''}}</div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                    <label class="font-weight-bold">Name of Guide</label>
                    <div>{{data.guide_name or ''}}</div>
                </div>
                <hr />
                <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                    <label class="font-weight-bold">Name of Co-Guide</label>
                    <div>{{data.co_guide_name or ''}}</div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                    <label class="font-weight-bold">Name of HOD</label>
                    <div>{{data.hod_name or ''}}</div>
                </div>
            </div>
           <!--  <div class="row">
                <div class="col-md-12 form-group">
                   <label class="font-weight-bold">Time allotted for Presentation</label>
                   <div>6 Mins</div> 
                </div>
            </div> -->
            <!-- end step 1 -->
            <!-- step 2 -->
            <div class="row tiles">
                <div class="col form-group">
                    <label class=""><b>Title of the Thesis</b> </label>
                </div>
            </div>
            <div class="row">
                <div class="col form-group">
                    <textarea name="title" id="title" disabled class="form-control" placeholder="Title of paper" value="">{{data.title or ''}}</textarea>
                </div>
            </div>
            <div class="row">
                <div class="col form-group">
                    <label><b>Abstracts</b></label>
                    <span id="chars1" style="color: blue;"></span>
                </div>
            </div>
            <div class="row">
                <div class="col form-group">
                    <textarea name="purpose" id="purpose" disabled class="form-control" cols="50" rows="5">{{data.synopsis or ''}}</textarea>
                </div>
            </div>
            {% if img.path and img.file_name %}
            <div class="row">
                <div class="col form-group">
                    <label class="font-weight-bold">Proof</label><br>
                    <img src="{{ img.path or '' }}{{ img.file_name }}" width="300px" id="uploaded_img" />
                </div>
            </div>
            {% endif %}


            <!-- end step 2-->
            <!-- step 3-->
            
            
            <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(4,0)" />
                </div>
                <button class="float-right btn btn-primary" type="submit" id="submit">Submit</button>
            </div>
        </form>
    </div>
</div>
{% block script %}
<script type="text/javascript">
    

</script>
{% endblock %}