{% 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 %}
    <p>Movimentações em aberto</p>
    <div class="open-rotations-container">
        {% if not open_rotations %}
            <p>Nenhuma movimentação em aberto</p>
        {% else %}

        {% for obj in open_rotations %}
            <div class="active-rotation-card">
                <div class="identification">
                    <p>{{ obj.batch.identifier }} em piquete {{ obj.paddock.paddock_number }}</p>
                </div>

                <div class="duration">
                    <p>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">
                    <a href="{% url details_url %}">Ver mais</a>
                </div>
            </div>
            {% include "rotation/active_rotation_card.html" %}
        {% endfor %}
        {% for obj in open_rotations %}
            {% include "rotation/active_rotation_card.html" %}
        {% endfor %}
        {% for obj in open_rotations %}
            {% include "rotation/active_rotation_card.html" %}
        {% endfor %}
        {% for obj in open_rotations %}
            {% include "rotation/active_rotation_card.html" %}
        {% endfor %}

{% endif %}
    </div>
{% endblock %}

{% block table %}
        <table>
            <tr>
                {% for col in columns %}
                    <th>{{ col.label }}</th>
                {% endfor %}
                <th>Excluir</th>
            </tr>

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

                    <!-- Delete -->
                    <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>
                </tr>
                {% endfor %}
        </table>
        {% endblock %}

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