{% extends 'base.html' %}
{% load static %}

{% block title %}
Expenses | {{ block.super }}
{% endblock %}

{% block extra_head %}
<script src="{% static "js/jquery.dataTables.min.js" %}"></script>
<link rel="stylesheet" href="{% static 'css/jquery.dataTables.min.css' %}">
{% endblock extra_head %}

<{% block content %}
<h3>Your {{ camp.title }} Expenses</h3>

{% include 'includes/expense_list_panel.html' %}

{% if perms.camps.expense_create_permission %}
<a class="btn btn-primary" href="{% url 'economy:chain_list' camp_slug=camp.slug %}"><i class="fas fa-plus"></i> Create New Expense</a>
{% else %}
<div class="alert alert-danger"><p class="lead"><span class="text-error">You don't have permission to add expenses. Please ask someone from the Economy team to add the permission if you need it.</p></div>
{% endif %}

{% endblock %}