{% extends "base.html" %}
{% load crispy_forms_tags %}
{% block title %}{{ action }} Timetable Entry{% endblock %}
{% block nav_teacher_timetable %}active{% endblock %}

{% block content %}
<div class="page-header">
    <div>
        <a href="{% url 'portal:teacher_timetable' %}" class="text-muted small d-block mb-1">
            <i class="fa-solid fa-arrow-left me-1"></i> Timetable
        </a>
        <h2>{{ action }} Timetable Entry</h2>
    </div>
</div>

<div class="row justify-content-center">
    <div class="col-lg-8">
        <div class="portal-card">
            <div class="portal-card-body">
                <form method="post" novalidate>
                    {% csrf_token %}
                    {% crispy form %}
                </form>
            </div>
        </div>
        <div class="portal-card mt-3">
            <div class="portal-card-body">
                <p class="text-muted small mb-0">
                    <i class="fa-solid fa-circle-info me-1" style="color:var(--color-secondary);"></i>
                    You can only add or edit timetable entries for the programs assigned to you.
                </p>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block extra_js %}
{% include "partials/timetable_course_filter.html" %}
{% endblock %}