{% extends "base.html" %}
{% load static %}

{% block title %}Delete Training Material - {{ block.super }}{% endblock %}

{% block content %}
<div class="card">
    <div class="card-header">
        <h1>
            <svg class="heroicon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
            </svg>
            Delete Training Material: {{ object.title }}
        </h1>
        <a href="{% url 'training_list' %}" class="btn btn-secondary">Back to List</a>
    </div>
    <p>Are you sure you want to delete the training material "{{ object.title }}" created on {{ object.created_at|date:"M d, Y" }}? This action cannot be undone.</p>
    {% if object.file %}
        <p><strong>File:</strong> {{ object.file.name }}</p>
    {% endif %}
    {% if object.video_link %}
        <p><strong>Video Link:</strong> {{ object.video_link }}</p>
    {% endif %}
    <form method="post">
        {% csrf_token %}
            <svg class="heroicon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
            </svg>
            Yes, Delete Material
        </button>
    </form>
</div>
{% endblock %}