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

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

{% block body %}
	<h1>{{ controller_name }}</h1>
	{# {{ dump(limites) }} #}
	<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>
			</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_real_show', {'id': item.id}) }}">
								<i class="fa-solid fa-eye"></i>
							</a>
							<a href="{{ path('analyse_real_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({paging: true, searching: true, ordering: true, scrollX: true});
});
	</script>
{% endblock %}


{# {% block body %}
<h1>{{ controller_name }}</h1>
{{ dump(limites) }}
<table id="analyseTable" class="display">
    <thead>
        <tr>
            <th>ID</th>
            <th>Number Animal</th>
            {% for element in limites|keys %}
                <th>{{ element }}</th>
            {% endfor %}
        </tr>
    </thead>
    <tbody>
        {% for item in analyse %}
            {% if item != 'No data' %}
                <tr>
                    <td>{{ item.id }}</td>
                    <td>{{ item.number_animal }}</td>
                    {% for element, limits in limites %}
                        {% set value = item[element]|default(0) %}
                        {% if value|default('0') >= limits.low|default('0') and value|default('0') <= limits.high|default('0') %}
                            <td class="in-range">{{ value }}</td>
                        {% else %}
                            <td class="out-of-range">{{ value }}</td>
                        {% endif %}
                    {% endfor %}
                </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;
    }
</style>

<script>
    $(document).ready(function () {
        $('#analyseTable').DataTable();
    });
</script>
{% endblock %} #}