{% for topic in Topic_list %}
<tr class="selected">
    <td>{{ forloop.counter }}</td>
    <td>{{topic.id}}</td>
    <td>
        <div class="media align-items-center">
            <div class="media-body">
                <span
                    class="js-lists-values-exam-name exam-name">{{topic.section_id.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">{{topic.sub_section_id.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">{{topic.topic_name}}</span>
            </div>
        </div>
    </td>
    <td>
        <span>{{topic.display_order}}</span>
    </td>
    <td><span class="badge badge-success status active">{{topic.status}}</span>
    </td>
    <td>
        {{topic.created_at}}
    </td>
    {% comment %} <td>
        11:30 Am
    </td>
    <td>
        05-07-23
    </td> {% endcomment %}
    <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-topic" class="badge badge-warning edit edit-topic"
            data-toggle="modal" data-id="{{topic.id}}" data-name="{{topic.topic_name}}" 
            data-section="{{topic.section_id}}" data-subsection="{{topic.sub_section_id}}" data-status="{{topic.status}}" data-display="{{topic.display_order}}"><i class="fas fa-edit"></i></a>
    </td>
</tr>
{% endfor %}