{% extends 'layouts/entity_list.html' %}
{% load custom_tags %}
{% load static %}

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

{% block before_table %}
{% if open_rotations %}
    <p>Movimentações em aberto</p>
    <div class="open-rotations-container">
        {% for obj in open_rotations %}
            <div class="active-rotation-card" hx-get="{% url 'entities:rotation:view_more' obj.id %}" hx-swap="beforeend" hx-target="body">
                <div class="identification">
                    <p><i class="fa-solid fa-cow"></i> Lote {{ obj.batch.identifier }} em piquete {{ obj.paddock.paddock_number }}</p>
                </div>

                <div class="duration">
                    <p><i class="fa-solid fa-arrow-rotate-right"></i> Há {{ obj.duration_display_day }} dias, desde {{ obj.entry_date|date:"d/m/Y" }}</p>
                </div>

                <div class="animals">
                    <p>Animais: {{ obj.animal_count }}</p>
                </div>

                <div class="livestock">
                    <p>UGM: {{ obj.livestock_unit }}</p>
                </div>

                <div class="details">
                    <p>Ver mais <i class="fa-solid fa-angle-right"></i></p>
                </div>
            </div>
        {% endfor %}
    </div>
{% endif %}
{% endblock %}

{% block table %}
        <table id="table">
            <tr>
                {% for col in columns %}
                    <th>{{ col.label }}</th>
                {% endfor %}
                {% comment %} <th>Excluir</th> {% endcomment %}
            </tr>

            {% for obj in object_list %}
                <tr>
                    {% for col in columns %}
                        <td>
                            {{ obj|get_attr:col.field }}
                        </td>
                    {% endfor %}

                    <!-- Delete -->
                    {% comment %} <td>
                        <form method="POST" action="{% url delete_url obj.id %}">
                            {% csrf_token %}
                            <button type="submit" class="btn-icon-trash">
                                <i class="fa-solid fa-trash"></i>
                            </button>
                        </form>
                    </td> {% endcomment %}
                </tr>
                {% endfor %}
        </table>
        {% endblock %}

{% block extra_js %}
    {{ block.super }}
    <script src="{% static "rotation/js/rotation_list.js" %}"></script>
{% endblock extra_js %}