{% extends 'layout/base.html' %}
{% block content %}
<div class="container mt-5">
  <h2>Expense Details</h2>
  <ul class="list-group mb-3">
    <li class="list-group-item"><strong>Title:</strong> {{ expense.title }}</li>
    <li class="list-group-item"><strong>Amount:</strong> ₹ {{ "%.2f"|format(expense.amount) }}</li>
    <li class="list-group-item"><strong>Date:</strong> {{ expense.date }}</li>
    <li class="list-group-item"><strong>Category:</strong> {{ expense.category.name }}</li>
    <li class="list-group-item"><strong>Department:</strong> {{ expense.department.name }}</li>
    <li class="list-group-item"><strong>Company:</strong> {{ expense.company.name }}</li>
    <li class="list-group-item"><strong>Created At:</strong> {{ expense.created_at }}</li>
  </ul>
  <a href="{{ url_for('expenses.view_expenses') }}" class="btn btn-secondary">Back to List</a>
</div>
{% endblock %}