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

{% block extra_css %}
    <link rel="stylesheet" href="{% static 'animal/css/batch.css' %}"> 
{% endblock %}

{% block content %}
    <div class="batch_title">
        <h1>Lotes</h1>
        <form method="GET" action="{% url 'entities:animal:batch_home' %}" class="form_batch_search">
            {% if filter_query %}
                <a href="{% url 'entities:animal:batch_home' %}" class="btn-clear-filter">{{filter_query}}<i class="fa-solid fa-xmark"></i></a>
            {% endif %}
            <label for="batch_search">Buscar</label>
            <input type="text" name="batch_search" required>
            <button type="submit"><i class="fa-solid fa-magnifying-glass"></i></button>
        </form>
        <a href="{% url 'entities:animal:batch_new' %}">Novo <i class="fa-solid fa-plus"></i></a>
    </div>
    {% if not batches %}
        <p>Nenhum lote encontrado.</p>
    {% else %}
        <table>
            <tr>
                <th>Identificador</th>
                <th>Categoria animal</th>
                <th>Tipo de lote</th>
                <th>Editar</th>
                <th>Excluir</th>
            </tr>
            {% for batch in batches %}
            <tr>
                <td>{{ batch.identifier }}</td>
                <td>{{ batch.animal_category }}</td>
                <td>{{ batch.batch_type }} Kg</td>
                <td><a href="{% url 'entities:animal:batch_update' batch.id %}"><i class="fa-solid fa-pen-to-square"></i></a></td>
                <td>
                    <form method="POST" action="{% url 'entities:animal:batch_delete' batch.id %}">
                        {% csrf_token %}
                        <button type="submit" class="btn-icon-trash"><i class="fa-solid fa-trash"></i></button>
                    </form>
                </td>
            </tr>
            {% endfor %}
        </table>
    {% endif %}
{% endblock %}