{% extends 'base.html.twig' %}

{% block title %}Analyse{% endblock %}

{% block body %}
<h1>{{ controller_name }}</h1>
{# {{ dump(limites) }} #}
<button onclick="if(confirm('Lancer la révision des données ?')) { window.location.href='{{ path('app_couleur_revision') }}'; }" class="btn btn-warning">
    Révision des valeurs
</button>

<table id="analyseTable" class="display">
    <thead>
        <tr>
            <th>Number Animal</th>
            {% for element in analyse[0]|keys %}
                {% if element not in ['id', 'number_animal'] %}
                    <th>{{ element }}</th>
                {% endif %}
            {% endfor %}
            <th>Actions</th> {# Ajout de la colonne Actions #}
        </tr>
    </thead>
    <tbody>
        {% for item in analyse %}
            {% if item != 'No data' %}
                <tr>
                    <td>{{ item.number_animal }}</td>
                    {% for element, value in item %}
                        {% if element not in ['id', 'number_animal'] %}
                            {% set limits = limites[element] ?? null %}
                            
                            {% if limits is not null %}
                                {% set low = limits.low|default(0) %}
                                {% set high = limits.high|default(0) %}
                                {% if value >= low and value <= high %}
                                    <td class="in-range">{{ value }}</td>
                                {% else %}
                                    <td class="out-of-range">{{ value }}</td>
                                {% endif %}
                            {% else %}
                                <td class="no-limits">{{ value }}</td>
                            {% endif %}
                        {% endif %}
                    {% endfor %}
                    <td>
                        <a href="{{ path('analyse_show', {'id': item.id}) }}"><i class="fa-solid fa-eye"></i></a>
                        <a href="{{ path('analyse_edit', {'id': item.id}) }}"><i class="fa-solid fa-pen"></i></a>
                    </td> {# Ajout des actions show et edit #}
                </tr>
            {% endif %}
        {% endfor %}
    </tbody>
</table>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.4/css/jquery.dataTables.min.css" />

<style>
    .in-range {
        color: green;
    }

    .out-of-range {
        color: red;
    }

    .no-limits {
        color: black;
    }
</style>
<script>
    $(document).ready(function () {
        $('#analyseTable').DataTable();
    });
</script>
{% endblock %}