{% for sub_section in Sub_Sections_list %}
                                                <tr class="selected">
                                                    <td>
                                                        <div class="media align-items-center">
                                                            <div class="media-body">
                                                                <span
                                                                    class="js-lists-values-exam-name exam-name">{{ forloop.counter }}</span>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <div class="media align-items-center">
                                                            <div class="media-body">
                                                                <span class="js-lists-values-exam-name exam-name">
                                                                    {{sub_section.id}}</span>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <div class="media align-items-center">
                                                            <div class="media-body">
                                                                <span
                                                                    class="js-lists-values-exam-name exam-name">{{sub_section.section_name}}</span>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <div class="media align-items-center">
                                                            <div class="media-body">
                                                                <span class="js-lists-values-exam-name exam-name">{{sub_section.sub_section_name}}</span>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <div class="media align-items-center">
                                                            <div class="media-body">
                                                                <span
                                                                    class="js-lists-values-exam-name exam-name">{{sub_section.display_order}}</span>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td><span class="badge badge-success status active">{{sub_section.status}}</span>
                                                    </td>
                                                    <td>
                                                        <div class="media align-items-center">
                                                            <div class="media-body">
                                                                <span class="js-lists-values-exam-name exam-name">
                                                                    {{sub_section.created_at}}</span>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td span="2">
                                                        <a href="#modal-delete" class="badge badge-danger"
                                                            data-toggle="modal"><i class="fas fa-trash delete"></i></a>
                                                        <a href="#edit-sub-section" class="badge badge-warning edit"
                                                            data-toggle="modal"><i class="fas fa-edit"></i></a>
                                                    </td>
                                                </tr>
                                                {% endfor %}