{% extends 'admin/base.html' %}
{% block title %}Manage Courses | Admin{% endblock %}
{% block content %}
<div class="container mx-auto py-10">
  <h2 class="text-3xl font-extrabold mb-8 text-center">Manage Courses</h2>
  <div class="flex justify-center gap-4 mb-8">
    <a href="{{ url_for('admin.add_short_course') }}" class="btn btn-primary">Add Short Course</a>
    <a href="{{ url_for('admin.add_learning_course') }}" class="btn btn-success">Add Learning Course</a>
  </div>
  <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
    <div>
      <h3 class="text-xl font-bold mb-4 text-blue-800">Short Courses</h3>
      <table class="min-w-full bg-white rounded-xl shadow overflow-hidden">
        <thead class="bg-blue-50">
          <tr>
            <th class="px-4 py-2 text-left">Title</th>
            <th class="px-4 py-2 text-left">Description</th>
            <th class="px-4 py-2">Actions</th>
          </tr>
        </thead>
        <tbody>
          {% for course in short_courses %}
          <tr class="border-b">
            <td class="px-4 py-2 font-semibold">{{ course.title }}</td>
            <td class="px-4 py-2 text-gray-600">{{ course.description }}</td>
            <td class="px-4 py-2 flex gap-2">
              <a href="{{ url_for('admin.edit_short_course', course_id=course.id) }}" class="btn btn-xs btn-info">Edit</a>
              <form method="POST" action="{{ url_for('admin.delete_short_course', course_id=course.id) }}" onsubmit="return confirm('Are you sure you want to delete this course?');">
                <button type="submit" class="btn btn-xs btn-error btn-outline">Delete</button>
              </form>
            </td>
          </tr>
          {% else %}
          <tr><td colspan="3" class="text-center text-gray-400 py-4">No short courses found.</td></tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
    <div>
      <h3 class="text-xl font-bold mb-4 text-green-800">Learning Courses</h3>
      <table class="min-w-full bg-white rounded-xl shadow overflow-hidden">
        <thead class="bg-green-50">
          <tr>
            <th class="px-4 py-2 text-left">Title</th>
            <th class="px-4 py-2 text-left">Description</th>
            <th class="px-4 py-2">Actions</th>
          </tr>
        </thead>
        <tbody>
          {% for course in learning_courses %}
          <tr class="border-b">
            <td class="px-4 py-2 font-semibold">{{ course.title }}</td>
            <td class="px-4 py-2 text-gray-600">{{ course.description }}</td>
            <td class="px-4 py-2 flex gap-2">
              <a href="{{ url_for('admin.edit_learning_course', course_id=course.id) }}" class="btn btn-xs btn-info">Edit</a>
              <form method="POST" action="{{ url_for('admin.delete_learning_course', course_id=course.id) }}" onsubmit="return confirm('Are you sure you want to delete this course?');">
                <button type="submit" class="btn btn-xs btn-error btn-outline">Delete</button>
              </form>
            </td>
          </tr>
          {% else %}
          <tr><td colspan="3" class="text-center text-gray-400 py-4">No learning courses found.</td></tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</div>
{% endblock %}