{% if entries %}
<div class="overflow-x-auto">
  <div class="grid grid-cols-6 bg-gray-50 font-semibold text-gray-700 border border-gray-300">
    <div class="p-3 border-r">Title</div>
    <div class="p-3 border-r">Subject</div>
    <div class="p-3 border-r">Category</div>
    <div class="p-3 border-r">Class Level</div>
    <div class="p-3 border-r">Duration</div>
    <div class="p-3">Custom?</div>
  </div>

  {% for entry in entries %}
  <div class="grid grid-cols-6 border-b border-gray-200">
    <div class="p-3 border-r">{{ entry.title }}</div>
    <div class="p-3 border-r">{{ entry.subject.name }}</div>
    <div class="p-3 border-r">{{ entry.exam_category.name }}</div>
    <div class="p-3 border-r">{{ entry.class_level.name }}</div>
    <div class="p-3 border-r">{{ entry.duration_minutes }} min</div>
    <div class="p-3">{{ entry.is_custom|yesno:"Yes,No" }}</div>
  </div>
  {% endfor %}
</div>
{% endif %}