{% extends "BaseLogin.html" %}
{% block title %} List {% endblock %}
{% block content %}
    <h1> Tranf. entre Bancos </h1><br>
   <div class="row mb-3">
<div class="col-md-3">
    <form method="get" action="{% url 'MovTransitionListView' %}" id="filterForm">
        <div class="input-group">
            <select class="form-select" name="month" onchange="document.getElementById('filterForm').submit();">
                <option value="">Selecione o mês</option>
                <option value="1"  {% if request.GET.month == '1' %}selected{% endif %}>Janeiro</option>
                <option value="2"  {% if request.GET.month == '2' %}selected{% endif %}>Fevereiro</option>
                <option value="3"  {% if request.GET.month == '3' %}selected{% endif %}>Março</option>
                <option value="4"  {% if request.GET.month == '4' %}selected{% endif %}>Abril</option>
                <option value="5"  {% if request.GET.month == '5' %}selected{% endif %}>Maio</option>
                <option value="6"  {% if request.GET.month == '6' %}selected{% endif %}>Junho</option>
                <option value="7"  {% if request.GET.month == '7' %}selected{% endif %}>Julho</option>
                <option value="8"  {% if request.GET.month == '8' %}selected{% endif %}>Agosto</option>
                <option value="9"  {% if request.GET.month == '9' %}selected{% endif %}>Setembro</option>
                <option value="10" {% if request.GET.month == '10' %}selected{% endif %}>Outubro</option>
                <option value="11" {% if request.GET.month == '11' %}selected{% endif %}>Novembro</option>
                <option value="12" {% if request.GET.month == '12' %}selected{% endif %}>Dezembro</option>
            </select>
            <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-6">
        <a href="{% url 'MovTransitionCreateView' %}" class="btn btn-success float-end">
           <i class="bi bi-plus"></i> Criar </a>
    </div>
{#    {% endif %}#}
</div>

<div class="table-responsive">
    <table class="table table-striped table-bordered">
        <thead class="thead-dark">
            <tr  align="center">
{#                <th> ID </th>#}
                <th> Data </th>
                <th> Entrada </th>
                <th> Saida </th>
                <th > Valor </th>
                <th  width="15%"> Ações </th>
            </tr>
        </thead>
        <tbody>
        {% for Bank in Transitions %}
            <tr  align="center">
{#                <td> {{ Bank.id }} </td>#}
                <td> {{ Bank.date|date:"d/m/Y" }} </td>
                <td> {{ Bank.bank_credit }} </td>
                <td> {{ Bank.bank_debit }} </td>
                <td> {{ Bank.gross_value }} </td>
                <td> 
                    <a href="{% url 'MovTransitionDetailView' Bank.id %}" class="btn btn-info btn-sm">
                        <i class="bi bi-eye"></i>
                    </a>
{#                    {% if perms.brands.change_brands %}#}
                    <a href="{% url 'MovTransitionUpdateView' Bank.id %}" class="btn btn-warning btn-sm">
                        <i class="bi bi-pencil"></i>
                    </a>
{#                    {% endif %}#}
{#                    {% if perms.brands.delete_brands %}#}
                    <a href="{% url 'MovTransitionDeleteView' Bank.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 %}