{% extends "farmer/layout_farmer.html" %}
{% load i18n %}
{% block title %} {{ _("Buscar y Asignar Scouts") }} {% endblock title %}

{% block content %}
<div class="main-content">
    <div class="page-content">
        <div class="container-fluid contenido-principal">
            
            
            <div class="card">
                <div class="card-header"><h3 class="card-title">{% trans "Buscar y Asignar Scouts" %}</h3></div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-4">
                            <form method="get" action="{% url 'search-scouts' %}" class="d-flex mb-3">
                                <input type="text" name="email" class="form-control me-2" placeholder="{% trans 'Ingrese el correo electrónico del Scout' %}">
                                <button type="submit" class="btn btn-primary">{% trans "Buscar" %}</button>
                            </form>                            
                        </div>
                        <div class="col-md-4"></div>
                        <div class="col-md-4"></div>
                    </div>


                    {% if message %}
                        <div class="alert alert-info" role="alert">
                            {{ message }}
                        </div>
                    {% endif %}

                    {% if results %}
                        <table class="table table-striped" id="searchscoutstable">
                            <thead>
                                <tr>
                                    <th>{% trans "Nombre" %}</th>
                                    <th>{% trans "Correo" %}</th>
                                    <th>{% trans "Teléfono" %}</th>
                                    <th>{% trans "Acciones" %}</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for scout in results %}
                                <tr>
                                    <td>{{ scout.first_name }} {{ scout.last_name }}</td>
                                    <td>{{ scout.email }}</td>
                                    <td>{{ scout.phone }}</td>
                                    <td>
                                        {% if scout.farmer == farmer %}
                                            <span class="badge bg-success">{% trans "Asignado a ti" %}</span>
                                        {% elif scout.farmer %}
                                            <span class="badge bg-warning">{% trans "Asignado a otro finquero" %}</span>
                                        {% else %}
                                            <form method="post" action="{% url 'assign-scout' scout.id %}">
                                                {% csrf_token %}
                                                <button type="submit" class="btn btn-success btn-sm">{% trans "Asignar" %}</button>
                                            </form>
                                        {% endif %}
                                    </td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    {% endif %}
                    
                </div>
            </div>

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

{% block footer %}
    <script type="text/javascript" class="init">
    $('#searchscoutstable').DataTable({
        dom: 'Bfrtip',
        buttons: [
            { extend: 'excelHtml5', text: '{% trans "Descarga Planilla" %}' },
            { extend: 'pdfHtml5', text: '{% trans "PDF" %}' },
        ],
        // order: [[0, 'asc']],
        // autoWidth: true,
        // responsive: true,
        // paging: true,
        // pageLength: 10,
        // fixedHeader: {
        //     header: false,
        //     footer: false
        // },
        searching: false, // Desactivar el campo de búsqueda
        columnDefs: [
            { targets: '_all', visible: true }, // Asegurar que todas las columnas sean visibles
        ],
        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' %}",
            "infoFiltered": "{% trans '(filtrado de un total de _MAX_ registros)' %}",
            "loadingRecords": "{% trans 'Cargando...' %}",
            "lengthMenu": "{% trans 'Mostrar _MENU_ registros' %}",
            "paginate": {
                "first": "{% trans 'Primero' %}",
                "last": "{% trans 'Último' %}",
                "next": "{% trans 'Siguiente' %}",
                "previous": "{% trans 'Anterior' %}"
            },
            "processing": "{% trans 'Procesando...' %}",
            "zeroRecords": "{% trans 'No se encontraron resultados' %}",
            "emptyTable": "{% trans 'Ningún dato disponible en esta tabla' %}",
            "aria": {
                "sortAscending": "{% trans ': Activar para ordenar la columna de manera ascendente' %}",
                "sortDescending": "{% trans ': Activar para ordenar la columna de manera descendente' %}"
            },
            "buttons": {
                "excel": "{% trans 'Exportar a Excel' %}",
                "pdf": "{% trans 'Exportar a PDF' %}"
            },
            "select": {
                "rows": {
                    _: '{% trans "%d filas seleccionadas" %}',
                    0: '{% trans "Haga clic en una fila para seleccionarla" %}',
                    1: '{% trans "Una fila seleccionada" %}'
                }
            }
        }
    });
</script>

{% endblock footer %}