% extends "layout_admin.html" %}
{% load i18n %}

{% block title %}{{ _("Gestión de Scouts") }}{% endblock title %}

{% block content %}
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <h2>{% trans "Estadísticas Generales de los Scouts" %}</h2>
            <div class="table-responsive">
                <table id="scoutsTable" class="table table-striped table-bordered">
                    <thead>
                        <tr>
                            <th>{% trans "Nombre del Scout" %}</th>
                            <th>{% trans "Campos Administrados" %}</th>
                            <th>{% trans "Cultivos Supervisados" %}</th>
                            <th>{% trans "Observaciones Registradas" %}</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for data in scout_stats %}
                        <tr>
                            <td>{{ data.scout.first_name }} {{ data.scout.last_name }}</td>
                            <td>{{ data.fields_count }}</td>
                            <td>{{ data.crops_count }}</td>
                            <td>{{ data.observations_count }}</td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block scripts %}
<script>
    document.addEventListener('DOMContentLoaded', function() {
        $('#scoutsTable').DataTable({
            "paging": true,
            "pageLength": 10,
            "responsive": true,
            "language": {
                "decimal": ",",
                "thousands": ".",
                "info": "{% trans 'Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros' %}",
                "infoEmpty": "{% trans 'Mostrando registros del 0 al 0 de un total de 0 registros' %}",
                "lengthMenu": "{% trans 'Mostrar _MENU_ registros' %}",
                "paginate": {
                    "first": "{% trans 'Primero' %}",
                    "last": "{% trans 'Último' %}",
                    "next": "{% trans 'Siguiente' %}",
                    "previous": "{% trans 'Anterior' %}"
                },
                "search": "{% trans 'Buscar:' %}",
                "zeroRecords": "{% trans 'No se encontraron resultados' %}",
                "emptyTable": "{% trans 'Ningún dato disponible en esta tabla' %}"
            }
        });
    });
</script>
{% endblock %}