{% extends 'admin_pages/base_admin.html' %}
{% block title %}{{ title }} | Admin Panel{% endblock %}

{% block content %}
<h2 class="mb-4">{{ title }}</h2>
{% block breadcrumbs %}
<nav aria-label="breadcrumb" class="mb-3">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="{% url 'admin_page' %}">Dashboard</a></li>
    <li class="breadcrumb-item"><a href="{% url 'expense_list' %}">Expenses</a></li>
    <li class="breadcrumb-item active" aria-current="page">{{ title }}</li>
  </ol>
</nav>
{% endblock %}
<form method="post">
  {% csrf_token %}
  {{ form.non_field_errors }}
  <div class="row g-3">
    <div class="col-md-6">{{ form.expense_category.label_tag }}{{ form.expense_category }}</div>
    <div class="col-md-6">{{ form.currency.label_tag }}{{ form.currency }}</div>
    <div class="col-md-6">{{ form.paid_by.label_tag }}{{ form.paid_by }}</div>
    <div class="col-md-6">{{ form.paid_to.label_tag }}{{ form.paid_to }}</div>
    <div class="col-md-6">{{ form.amount.label_tag }}{{ form.amount }}</div>
    <div class="col-md-6">{{ form.date.label_tag }}{{ form.date }}</div>
    <div class="col-md-12">{{ form.description.label_tag }}{{ form.description }}</div>
    <div class="col-md-12">{{ form.remarks.label_tag }}{{ form.remarks }}</div>
  </div>
  <div class="mt-4">
    <button type="submit" class="btn btn-success">Save</button>
    <a href="{% url 'expense_list' %}" class="btn btn-secondary">Cancel</a>
  </div>
</form>
{% endblock %}