{% extends "base.html" %}
{% block title %}Add Expense Category{% endblock %}

{% block content %}
<div class="page-container">

    <div class="page-header mb-4">
        <h4><i class="bi bi-tags"></i> Add Expense Category</h4>
        <p class="text-muted">Create a new expense category</p>
    </div>

    <div class="card shadow-sm">
        <div class="card-body">

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

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

                <button type="submit" class="btn btn-primary">
                    Save Category
                </button>

                <a href="{% url 'expense_list' %}" class="btn btn-secondary">
                    Cancel
                </a>
            </form>

        </div>
    </div>

</div>
{% endblock %}