{% extends 'base.html' %}
{% block title %}{{ title }} | Learning management system{% endblock title %}
{% load crispy_forms_tags %}

{% block content %}

<nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="/">Home</a></li>
        <li class="breadcrumb-item"><a href="{% url 'programs' %}">Programs</a></li>
        <li class="breadcrumb-item"><a href="{% url 'program_detail' course.program.id %}">{{ course.program }}</a></li>
        <li class="breadcrumb-item"><a href="{% url 'course_detail' course.slug %}">{{ course }}</a></li>
        <li class="breadcrumb-item active" aria-current="page">File upload</li>
    </ol>
</nav>
    
<p class="title-1">File upload for {{ course|truncatechars:25 }}</p>
<br><br>

{% include 'snippets/messages.html' %}

<div class="row">
    <div class="col-md-8 p-0 mx-auto">
        <div class="card">
            <p class="form-title">File Upload Form</p>

            <div class="card-body">
                <form action="" method="POST" enctype="multipart/form-data">{% csrf_token %}
                    {{ form|crispy }}
                    
                    <div class="form-group">
                        <button class="btn btn-primary" type="submit">Upload</button>
                        <a class="btn btn-danger" href="{% url 'course_detail' course.slug %}" style="float: right;">Cancel</a>
                    </div>
            </form>
        </div>
    </div>
</div>

{% endblock content %}