{% for exam_category in all_categories %}
<tr class="">
    <td>{{forloop.counter}}</td>
    <td>
        <div class="media align-items-center">
            <div class="media-body">
                <span
                    class="js-lists-values-exam-name exam-name">{{exam_category.exam_category_name}}</span>
            </div>
        </div>
    </td>
    <td class="img"><span class="badge"><img
                src="{{ exam_category.image.url}}"/>
            </span></td>
    
    <td>
        {% if exam_category.status == "Active" %}
        <span class="badge badge-success status active">{{exam_category.status}}</span>
        {% else %}
        <span
            class="badge badge-warning text-white status inactive">{{exam_category.status}}</span>
       
        {% endif %}
    </td>

    <td>
        <div class="media align-items-center">
            <div class="media-body">
                <span
                    class="js-lists-values-exam-name exam-name">{{exam_category.updated_at}}</span>
            </div>
        </div>
    </td>

    <td span="2">
        <a href="#modal-delete" class="delete-button badge badge-danger"
            data-toggle="modal"
            data-id="{{exam_category.id}}"
                >
                <i class="fas fa-trash delete"></i></a>
        <a href="#exam-category-modal-edit"
            class="edit-button badge badge-warning edit" data-toggle="modal" 
            data-id="{{exam_category.id}}" data-name="{{exam_category.exam_category_name}}" 
            data-img="{{exam_category.image}}" data-status="{{exam_category.status}}"><i
                class="fas fa-edit"></i></a>

               


    </td>
</tr>
{% endfor %}