{% extends "base.html" %}

{% block title %}
  Delete Material - {{ material.title }}
{% endblock title %}
{% block content %}
  <div class="container mx-auto px-4 py-8">
    <div class="max-w-2xl mx-auto">
      <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
        <div class="text-center mb-6">
          <h1 class="text-2xl font-bold mb-4">Delete Course Material</h1>
          <p class="text-gray-600 dark:text-gray-300">
            Are you sure you want to delete "{{ material.title }}"? T