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

{% block title %}{{ action }} Program | Admin Portal{% endblock %}
{% block nav_programs %}active{% endblock %}

{% block content %}
<div class="page-header">
    <div>
        <h2><i class="fa-solid fa-layer-group me-2"></i>{{ action }} Program</h2>
        <p class="text-muted mb-0">
            {% if action == 'Add' %}Create a new vocational training track.{% else %}Update this program's details.{% endif %}
        </p>
    </div>
    <a href="{% url 'portal:program_list' %}" class="btn btn-outline-secondary">
        <i class="fa-solid fa-arrow-left me-1"></i> Back
    </a>
</div>

<div class="row justify-content-center">
    <div class="col-lg-8">
        <div class="portal-card">
            <div class="portal-card-body">
                <form method="post">
                    {% csrf_token %}
                    {% crispy form %}
                </form>
            </div>
        </div>

        {% if program %}
        <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>
                    Deactivating a program hides it from new applications and timetable filters
                    but does not affect existing enrolled students.
                </p>
            </div>
        </div>
        {% endif %}
    </div>
</div>
{% endblock %}