{% load form_tags %}
<h4 class="mb-4 text-success border-bottom pb-2">Section B: Academic Information</h4>

<div class="row g-3">
    <div class="col-md-6">
        <label class="form-label">Mode of Study</label>
        {{ form.mode_of_study }}
    </div>
    <div class="col-md-6">
        <label class="form-label">Institution Type</label>
        {{ form.institution_type }}
    </div>

    <div class="col-12">
        <label class="form-label">Name of Institution <span class="text-danger">*</span></label>
        {{ form.name_of_institution }}
    </div>

    <div class="col-md-6">
        <label class="form-label">Department / Course <span class="text-danger">*</span></label>
        {{ form.department_course }}
    </div>
    <div class="col-md-6">
        <label class="form-label">Degree / Diploma in View</label>
        {{ form.degree_diploma }}
    </div>

    <div class="col-md-4">
        <label class="form-label">Duration of Course</label>
        {{ form.duration_of_course }}
    </div>
    <div class="col-md-4">
        <label class="form-label">Date of Commencement</label>
        {{ form.date_of_commencement }}
    </div>
    <div class="col-md-4">
        <label class="form-label">Current CGPA</label>
        {{ form.current_cgpa }}
    </div>

    <div class="col-12">
        <label class="form-label">Level / Year (e.g., 200 Level, ND2)</label>
        {{ form.level_year }}
    </div>
</div>