{% extends "base.html" %}

{% block content %}
<div class="container mt-4">
    <div class="row justify-content-center">
        <div class="col-md-8">

            <h1>
                {% if form.instance.pk %}
                    Edit Department
                {% else %}
                    Add New Department
                {% endif %}
            </h1>

            <form method="post">
                {% csrf_token %}

                <div class="mb-3">
                    <label class="form-label">Department Name</label>
                    {{ form.name }}
                </div>

                <div class="mb-3">
                    <label class="form-label">Department Leader</label>
                    {{ form.leader }}
                </div>

                <div class="mb-3">
                    <label class="form-label">Description</label>
                    {{ form.description }}
                </div>

                <div class="d-flex gap-2">
                    <button type="submit" class="btn btn-primary">
                        Save Department
                    </button>
                    <a href="{% url 'department_list' %}" class="btn btn-secondary">
                        Cancel
                    </a>
                </div>

            </form>

        </div>
    </div>
</div>
{% endblock %}