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

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

{% block content %}
    <div class="paddock_title">
        <h1>Piquetes</h1>

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

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

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

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

    {% if not paddocks %}
        <p>Nenhum piquete encontrado.</p>
    {% else %}
        <table>
            <tr>
                <th>Número</th>
                <th>Área</th>
                <th>Capacidade</th>
                <th>Ocupado</th>
                <th>Bloco</th>
                <th>Editar</th>
                <th>Excluir</th>
            </tr>

            {% for paddock in paddocks %}
            <tr>
                <td>{{ paddock.paddock_number }}</td>
                <td>{{ paddock.area }} ha</td>
                <td>{{ paddock.load_capacity }}</td>
                <td>
                    {% if paddock.occupied %}
                        Sim
                    {% else %}
                        Não
                    {% endif %}
                </td>
                <td>
                    {% if paddock.paddock_group %}
                        {{ paddock.paddock_group.identifier }}
                    {% else %}
                        -
                    {% endif %}
                </td>

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

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