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

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

{% block content %}
    <div class="paddock_group_title">
        <h1>Blocos</h1>

        <form method="GET" action="{% url 'entities:farm:paddock_group_home' %}" class="form_paddock_group_search">
            {% if filter_query %}
                <a href="{% url 'entities:farm:paddock_group_home' %}" class="btn-clear-filter">
                    {{filter_query}}<i class="fa-solid fa-xmark"></i>
                </a>
            {% endif %}

            <label for="paddock_group_search">Buscar</label>
            <input type="text" name="paddock_group_search" required>

            <button type="submit">
                <i class="fa-solid fa-magnifying-glass"></i>
            </button>
        </form>

        <a href="{% url 'entities:farm:paddock_group_new' %}">
            Novo <i class="fa-solid fa-plus"></i>
        </a>
    </div>

    {% if not paddock_groups %}
        <p>Nenhum bloco encontrado.</p>
    {% else %}
        <table>
            <tr>
                <th>Identificador</th>
                <th>Descrição</th>
                <th>Piquetes</th>
                <th>Editar</th>
                <th>Excluir</th>
            </tr>

            {% for group in paddock_groups %}
            <tr>
                <td>{{ group.identifier }}</td>
                <td>{{ group.description }}</td>

                <td>
                    {% for paddock in group.paddocks.all %}
                        {{ paddock.paddock_number }}{% if not forloop.last %}, {% endif %}
                    {% empty %}
                        -
                    {% endfor %}
                </td>

                <td>
                    <a href="{% url 'entities:farm:paddock_group_update' group.id %}">
                        <i class="fa-solid fa-pen-to-square"></i>
                    </a>
                </td>

                <td>
                    <form method="POST" action="{% url 'entities:farm:paddock_group_delete' group.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 %}