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 active" value="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="{% if data.cur_step >= 1 %}jump_step(2){% endif %}">Step 2</button>
    </li>
    <li class="nav-item p-2">
        <button type="button" class="nav-link nav_btn_gray" value="3" onclick="{% if data.cur_step >= 2 %}jump_step(3){% endif %}">Step 3</button>
    </li>
    <li class="nav-item p-2">
        <button type="button" class="nav-link nav_btn_gray" value="4" onclick="{% if data.cur_step >= 3 %}jump_step(4){% endif %}">Step 4</button>
    </li>
</ul>
<div class="container p-3" id="myTabContent">
    
    <form method="POST" action="{{url_for('main.Step1post',abs_id=abs_id,abs_type=abs_type,conf_id=conf_id,conf_key=conf_key)}}" id="form_s1">
        <div class="row">
            <div class="col-lg-4 col-md-4 col-sm-12 form-group">
                <label>Chief Instructor Membership Number:</label><br />
                <span>{{user_info.membership_no or "Non-member"}}</span><input type="hidden" name="member_id" id="member_id" value="{{user_info.membership_no or ''}}" />
            </div>
            <div class="col-lg-4 col-md-4 col-sm-12 form-group">
                <label>Chief Instructor Name:</label><br />
                <span>{{user_info.full_name or ''}}</span><input type="hidden" name="name" id="name" value="{{user_info.full_name or ''}}" />
            </div>
            <div class="col-lg-4 col-md-4 col-sm-12 form-group">
                <label>Age of Chief Instructor ?<span class="text-danger">*</span></label><br />
                <input type="text" class="form-group p-1" name="misc1" id="misc1" value="{{data.misc1 or ''}}">
            </div>
        </div>
        <div class="row my-2">
            <div class="col-lg-12 col-md-12 col-sm-12 form-group">
                <label>Section:<span class="text-danger">*</span></label>
                <select class="form-control categories" id="category" name="category">
                    <option value="" id="select">--Select--</option>
                    {% if categories %} 
                        {% for item in categories %}
                            {% if data.category_id == item.category_id %}
                                <option value="{{item.category_id}}" selected>{{item.display_name}}</option>
                            {% else %}
                                <option value="{{item.category_id}}">{{item.display_name}}</option>
                            {% endif %} 
                        {% endfor %} 
                    {% endif %}
                </select>
            </div>
        </div>
        <div class="row">
            {% if duration.setting_value == '50' %}
            <div class="col-md-6 form-group">
                <label>Level of Course:<span class="text-danger">*</span></label>
                <select class="form-control" name="level" id="level">
                    <option value="">--Select--</option>
                    <option value="Basic" {% if data.level == 'Basic' %} selected="selected" {% endif %}>Basic</option>
                    <option value="Intermediate" {% if data.level == 'Intermediate' %} selected="selected" {% endif %}>Intermediate</option>
                    <option value="Advance" {% if data.level == 'Advance' %} selected="selected" {% endif %}>Advance</option>
                </select>
            </div>
            {% endif %}
            <div class="col-md-6 form-group">
                <input type="hidden" name="duration" id="duration" value="{{ duration.setting_value or '' }}" />
                <label>Duration of Course:</label><br />
                <span>{{duration.setting_value or ''}} Minutes</span>
            </div>
        </div>
        <div class="row">
            <div class="col float-right py-2">
                <input type="button" name="next" id="next" class="btn btn-primary float-right" value="Next" onclick="move(1,1)" />
            </div>
        </div>
        <input type="hidden" name="user_id" id="user_id" value="{{user_id}}" />
        <input type="hidden" name="abs_id" id="abs_id" value="{{abs_id}}" />
        <input type="hidden" name="cur_step" id="cur_step" value="{{ data.cur_step or 0 }}">
    </form>
</div>