{% extends 'admin/base.html' %}
{% block title %}Add 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">Add a New 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>
    <p class="mt-8 text-center text-gray-500 text-sm">Teachers will add lessons and content to this course after creation.</p>
  </div>
</div>
{% endblock %}