{% extends 'base.html' %}
{% load static %}
{% load utils %}
{% block content_wrapper %}
  <div class="content-wrapper">
        <div class="card">
        <div class="card-header">
            <h3 class="card-title">Expenses' Parametrized Report</h3>
        </div>
        <div class="card-body">
            <form method="POST" action="{% url 'finance:expenses_parametrized_report' %}">
                {% csrf_token %}
                <div class="form-group">
                    <label for="start_date">Start Date:</label>
                    <input type="date" id="start_date" name="start_date" class="form-control">
                </div>

                <div class="form-group">
                    <label for="end_date">End Date:</label>
                    <input type="date" id="end_date" name="end_date" class="form-control">
                </div>

                <div class="form-group">
                    <label for="approved-by-choice">Approved By:</label>
                    <select id="approved-by-choice" name="approved-by-choice" class="form-control" multiple>
                        {% for approved_by in approved_by_choices %}
                            <option value="{{ approved_by.id }}">{{ approved_by.employee.name }}</option>
                        {% endfor %}
                    </select>
                </div>

                <div class="form-group">
                    <label for="expense_category-choice">Expense Category:</label>
                    <select id="expense_category-choice" name="expense_category-choice" class="form-control" multiple>
                        {% for expense_category in expense_category %}
                            <option value="{{ expense_category.id }}">{{ expense_category.title }}</option>
                        {% endfor %}
                    </select>
                </div>

                <button type="submit" class="btn btn-primary">Filter</button>
            </form>
        </div>
    </div>
</div>
{% endblock %}