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

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

{% block content %}
    <div class="animal_title">
        <h1>Animais</h1>
        <form method="GET" action="{% url 'entities:animal:animal_home' %}" class="form_animal_search">
            {% if filter_query %}
                <a href="{% url 'entities:animal:animal_home' %}" class="btn-clear-filter">{{filter_query}}<i class="fa-solid fa-xmark"></i></a>
            {% endif %}
            <label for="animal_search">Buscar</label>
            <input type="text" name="animal_search" required>
            <button type="submit"><i class="fa-solid fa-magnifying-glass"></i></button>
        </form>
        <a href="{% url 'entities:animal:animal_new' %}">Novo <i class="fa-solid fa-plus"></i></a>
    </div>
    {% if not animals %}
        <p>Nenhum animal encontrado.</p>
    {% else %}
        <table>
            <tr>
                <th>Identificador</th>
                <th>Idade</th>
                <th>Peso</th>
                <th>Editar</th>
                <th>Excluir</th>
            </tr>
            {% for animal in animals %}
            <tr>
                <td>{{ animal.identifier }}</td>
                <td>{{ animal.age }}</td>
                <td>{{ animal.weight }} Kg</td>
                <td><a href="{% url 'entities:animal:animal_update' animal.id %}"><i class="fa-solid fa-pen-to-square"></i></a></td>
                <td>
                    <form method="POST" action="{% url 'entities:animal:animal_delete' animal.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 %}