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

{% block title %}Update 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="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
            </svg>
            Update Training Material: {{ object.title }}
        </h1>
        <a href="{% url 'training_list' %}" class="btn btn-secondary">Back to List</a>
    </div>
    <form method="post" enctype="multipart/form-data">
        {% csrf_token %}
        <div class="form-row">
            <label class="form-label">Title</label>
            {{ form.title }}
        </div>
        <div class="form-row">
            <label class="form-label">Content</label>
            {{ form.content }}
        </div>
        <div class="form-row">
            <label class="form-label">Video Link</label>
            {{ form.video_link }}
        </div>
        <div class="form-row">
            <label class="form-label">File</label>
            {{ form.file }}
        </div>
        <div class="form-row">
            <button type="submit" class="btn btn-primary">
                <svg class="heroicon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M5 13l4 4L19 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
                Update Material
            </button>
            <a href="{% url 'training_delete' object.pk %}" class="btn btn-danger" onclick="return confirm('Are you sure you want to delete this material?')">Delete</a>
        </div>
    </form>
</div>
{% endblock %}