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

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

{% block content %}
    <div class="entity_title">
        <h1>{{entity_name}}</h1>
        <form method="GET" action="{{entity_home_url}}" class="form_entity_search">
            {% if filter_query %}
                <a href="{{entity_home_url}}" class="btn-clear-filter">{{filter_query}}<i class="fa-solid fa-xmark"></i></a>
            {% endif %}
            <label for="entity_search">Buscar</label>
            <input type="text" name="entity_search" required>
            <button type="submit"><i class="fa-solid fa-magnifying-glass"></i></button>
        </form>
        <a href="{{entity_new_url}}">Novo <i class="fa-solid fa-plus"></i></a>
    </div>
    {% if not entities %}
        <p>Nenhum registro encontrado.</p>
    {% else %}
        <table>
            <tr>
                <th>Identificador</th>
                <th>Idade</th>
                <th>Peso</th>
                <th>Editar</th>
                <th>Excluir</th>
            </tr>
            {% for entity in entities %}
            <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 %}