{% extends 'admin/base.html' %}
{% block title %}Edit Short Course | Admin{% endblock %}
{% block content %}
<div class="container mx-auto py-12">
  <div class="max-w-lg mx-auto bg-white rounded-xl shadow-lg p-10">
    <h2 class="text-3xl font-extrabold mb-6 text-center text-blue-800">Edit Short Course</h2>
    <form method="POST">
      {{ form.hidden_tag() }}
      <div class="mb-6">
        {{ form.title.label(class_='block text-lg font-semibold mb-2 text-blue-700') }}
        {{ form.title(class_='w-full p-3 rounded border border-blue-200 focus:ring-2 focus:ring-blue-400') }}
      </div>
      <div class="mb-8">
        {{ form.description.label(class_='block text-lg font-semibold mb-2 text-blue-700') }}
        {{ form.description(class_='w-full p-3 rounded border border-blue-200 focus:ring-2 focus:ring-blue-400') }}
      </div>
      <div class="text-center">
        {{ form.submit(class_='btn btn-primary btn-lg px-8 py-2 rounded shadow') }}
      </div>
    </form>
    <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-error btn-outline mt-8 w-full">Delete Course</button>
    </form>
  </div>
</div>
{% endblock %}