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

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

{% block content %}
    <div class="farm_title">
        <h1>Fazendas</h1>
        <form method="GET" action="{% url 'entities:farm:farm_home' %}" class="form_farm_search">
            {% if filter_query %}
                <a href="{% url 'entities:farm:farm_home' %}" class="btn-clear-filter">{{filter_query}}<i class="fa-solid fa-xmark"></i></a>
            {% endif %}
            <label for="farm_search">Buscar</label>
            <input type="text" name="farm_search" required>
            <button type="submit"><i class="fa-solid fa-magnifying-glass"></i></button>
        </form>
        <a href="{% url 'entities:farm:farm_create' %}">Novo <i class="fa-solid fa-plus"></i></a>
    </div>
    {% if not farms %}
        <p>Nenhuma fazenda encontrado.</p>
    {% else %}
        <table>
            <tr>
                <th>Nome</th>
                <th>Área total</th>
                <th>Editar</th>
                <th>Excluir</th>
            </tr>
            {% for farm in farms %}
            <tr>
                <td>{{ farm.name }}</td>
                <td>{{ farm.total_area }} m2</td>
                <td><a href="{% url 'entities:farm:farm_update' farm.id %}"><i class="fa-solid fa-pen-to-square"></i></a></td>
                <td>
                    <form method="POST" action="{% url 'entities:farm:farm_delete' farm.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 %}