Untitled

    <br>
        <!-- Deffered Documents -->
            <div class="row">
                
                <div class="accordion" id="accordionDeffered">
                    <div class="accordion-item">
                        <h4 class="accordion-header" id="headingDeffered">
                            <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseDeffered" aria-expanded="false" aria-controls="collapseDeffered" style="font-size:1.75rem; font-weight:700; color:rgb(12, 12, 112);">
                                Deffered Submission Documents
                            </button>
                        </h4>
                        <div id="collapseDeffered" class="accordion-collapse collapse" aria-labelledby="headingDeffered" data-bs-parent="#accordionDeffered">
                            <div class="accordion-body">
                                <div class="container table-responsive">
                                    <!-- <p style="font-size: x-small;"> -->
                                        <span class="fs-4">
                                        <b>
                                            Please note that the documents below needs to be submitted by the applicant ASAP. If not submitted, the admission offer may be revoked.
                                        </b>
                                        </span>
                                    <!-- </p> -->
                                    <br/>
                                    <center>
                                    <form method='post' enctype="multipart/form-data">
                                    {% csrf_token %}
                                    {{ formset.non_form_errors }}
                                    {{ formset.form_errors }}
                                        <table class="table table-bordered table-hover ">
                                        {{ formset.management_form }}
                                        <tr>
                                            <th><b>Document Name</b></th>
                                            <th><b>Status</b></th>
                                            <th><b>Rejection Reason</b></th>
                                            <th><b>Comments</b></th>
                                            <th><b>Upload New Document</b></th>
                                        </tr>
                                        {% for form in formset.forms %}
                                        {{ form.id }}
                                
                                            <tr>
                                                <td>
                                                {{ form.exist_file }}
                                                {{ form.exist_file_pk }}
                                                {{ form.document_name }}
                                                {{ form.document }}
                                                {{ form.document_name.value|safe }}:<br/>
                                            </td>
                                            <td>{{ form.status.value }}</td>
                                            <td>{{ form.rej_reason.value|default:'-' }}{{ form.rej_reason }}</td>
                                            <td>{{form.exception_notes.value}}</td>
                                
                                                <td>
                                                {{form.file|add:'onchange:InvalidSize(this);'}} 
                                                {{form.file.errors}}
                                                <a href="{% if form.exist_file.value %}{% url 'registrationForm:document-view' form.exist_file_pk.value  %}{% else %}#{% endif %}" 
                                                    target="_blank">
                                                {{ form.exist_file.value|default:"" }}
                                                </a>
                                                <span style="color:red" ></span>
                                                {{ form.x }}{{ form.y }}{{ form.width }}{{ form.height }}{{ form.rotate }}
                                            </td>
                                        </tr>
                                        {% endfor %}
                                        </br>
                                        </table>
                                    <input type="submit" class="btn custom-btn float-end" value="Upload Documents" />
                                    </form>
                                    </center>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                    
            </div>
        <br>
        <br>
        <!-- Elective Courses -->
            <div class="row">
                
                <div class="accordion" id="accordionElective">
                    <div class="accordion-item">
                        <h4 class="accordion-header" id="headingElective">
                            <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseElective" aria-expanded="false" aria-controls="collapseElective" style="font-size:1.75rem; font-weight:700; color:rgb(12, 12, 112);">
                                Elective Courses
                            </button>
                        </h4>
                        <div id="collapseElective" class="accordion-collapse collapse" aria-labelledby="headingElective" data-bs-parent="#accordionElective">
                            <div class="accordion-body">
                                
                                <p>Elective body</p>
                            </div>
                        </div>
                    </div>
                </div>
                    
            </div>