{% extends "BaseLogin.html" %}
{% block title %} List {% endblock %}
{% block content %}
    <h1> Despesas </h1><br>
   <div class="row mb-3">
    <div class="col-md-3">
        <form method="get" action="{% url 'MovExpenseListView' %}" id="filterForm">
            <div class="input-group">
                <input type="date" class="date form-control" name="date"
                       placeholder="Dia" value="{{ request.GET.date }}"
                       onchange="document.getElementById('filterForm').submit();"
                >
                <button type="submit" class="btn btn-primary">
                    <i class="bi bi-search"></i>
                </button>
            </div>
        </form>
    </div>
{#    {% if perms.brands.add_brands %}#}
{#    <div class="col-md-1">#}
{#        <a href="{% url 'MovExpenseCreateView' %}" class="btn btn-success float-end">#}
{#           <i class="bi bi-plus"></i> Criar </a>#}
{#    </div>#}
    <div class="col-md-1">
        <a href="{% url 'MovExpenseFirmCreateView' %}" class="btn btn-success float-end">
           Criar Firm</a>
    </div>
    <div class="col-md-1">
        <a href="{% url 'MovExpenseProfCreateView' %}" class="btn btn-success float-end">
           Criar Prof</a>
    </div>
{#    {% endif %}#}
</div>

<div class="table-responsive">
    <table class="table table-striped table-bordered">
        <thead class="thead-dark">
            <tr  align="center">
                <th> Data </th>
                <th> Plano de Contas </th>
                <th> Banco </th>
                <th> Firma </th>
                <th> Prof </th>
                <th> Valor </th>
                <th  width="15%"> Ações </th>
            </tr>
        </thead>
        <tbody>
        {% for Exp in Expenses %}
            <tr  align="center">
                <td> {{ Exp.date|date:"d/m/Y" }} </td>
                <td> {{ Exp.chart_of_account }} </td>
                <td> {{ Exp.bank }} </td>
                <td> {{ Exp.firm }} </td>
                <td> {{ Exp.professional }} </td>
                <td> {{ Exp.gross_value }} </td>
                <td>
                    <a href="{% url 'MovExpenseDetailView' Exp.id %}" class="btn btn-info btn-sm">
                        <i class="bi bi-eye"></i>
                    </a>
{#                    {% if perms.brands.change_brands %}#}
                    <a href="{% url 'MovExpenseUpdateView' Exp.id %}" class="btn btn-warning btn-sm">
                        <i class="bi bi-pencil"></i>
                    </a>
{#                    {% endif %}#}
{#                    {% if perms.brands.delete_brands %}#}
                    <a href="{% url 'MovExpenseDeleteView' Exp.id %}" class="btn btn-danger btn-sm">
                        <i class="bi bi-trash"></i>
                    </a>
{#                    {% endif %}#}
                </td> 
            </tr>
        {% endfor %}
        </tbody>
    </table>
</div>
    {% include 'components/_pagination.html' %}
{% endblock %}