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

{% block title %}{{ _("Recomendaciones Personalizadas") }}{% endblock %}

{% block content %}
<div class="main-content">
    <div class="page-content">
        <div class="container-fluid">
            <h2>{% trans "Recomendaciones Personalizadas" %}</h2>

            <!-- Sección de Gráficos -->
            <div class="row">
                <div class="col-md-4">
                    <div class="card">
                        <div class="card-body">
                            <h5 class="card-title">{% trans "Cantidad de Cultivos" %}</h5>
                            <p id="total-crops" class="display-6">0</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card">
                        <div class="card-body">
                            <h5 class="card-title">{% trans "Cultivos en Alerta" %}</h5>
                            <p id="alert-crops-count" class="display-6">0</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card">
                        <div class="card-body">
                            <h5 class="card-title">{% trans "Rendimiento Promedio Estimado" %}</h5>
                            <div id="average-yield" class="display-6">0</div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Sección de Recomendaciones -->
            <div class="mt-4">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">{% trans "Recomendaciones" %}</h3>
                    </div>
                    <div class="card-body">
                        <table class="table table-striped" id="recommendation-list">
                            <thead>
                                <tr>
                                    <th>{% trans "Título" %}</th>
                                    <th>{% trans "Descripción" %}</th>
                                    <th>{% trans "Asociado a" %}</th>
                                    <th>{% trans "Fecha" %}</th>
                                    <th>{% trans "Acciones" %}</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for recommendation in recommendations %}
                                <tr>
                                    <td>{{ recommendation.title }}</td>
                                    <td>{{ recommendation.description|truncatechars:50 }}</td>
                                    <td>
                                        {% if recommendation.crop %}
                                            Cultivo: {{ recommendation.crop.name }}
                                        {% elif recommendation.field %}
                                            Campo: {{ recommendation.field.name }}
                                        {% endif %}
                                    </td>
                                    <td>{{ recommendation.created_at|date:"d/m/Y" }}</td>
                                    <td>
                                        <button class="btn btn-sm btn-warning edit-recommendation-btn" 
                                                data-bs-toggle="modal" 
                                                data-bs-target="#editRecommendationModal"
                                                data-id="{{ recommendation.id }}" 
                                                data-title="{{ recommendation.title }}" 
                                                data-description="{{ recommendation.description }}">
                                            {% trans "Editar" %}
                                        </button>


                                        <!-- Botón para abrir el modal de eliminación -->
                                        <button type="button" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#deleteModal-{{ recommendation.id }}">
                                            {% trans "Eliminar" %}
                                        </button>
                                    </td>

                                    <div class="modal fade" id="editRecommendationModal" tabindex="-1" aria-labelledby="editRecommendationModalLabel" aria-hidden="true">
                                        <div class="modal-dialog">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h5 class="modal-title" id="editRecommendationModalLabel">{% trans "Editar Recomendación" %}</h5>
                                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                </div>
                                                <div class="modal-body">
                                                    <form id="editRecommendationForm" action="{% url 'update_recommendation' recommendation.id %}" method="POST">
                                                        {% csrf_token %}  <!-- No olvides agregar el token CSRF para seguridad -->
                                                        <input type="hidden" id="edit-{{ recommendation.id }}" value="{{ recommendation.id }}">
                                                        
                                                        <div class="mb-3">
                                                            <label for="edit-title" class="form-label">{% trans "Título" %}</label>
                                                            <input type="text" class="form-control" id="edit-title" name="title" value="{{ recommendation.title }}" required>
                                                        </div>

                                                        <div class="mb-3">
                                                            <label for="edit-description" class="form-label">{% trans "Descripción" %}</label>
                                                            <textarea class="form-control" id="edit-description" name="description" rows="10">{{ recommendation.description }}</textarea>
                                                        </div>

                                                        <button type="submit" class="btn btn-primary">{% trans "Guardar cambios" %}</button>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Modal de confirmación -->
                                    <div class="modal fade" id="deleteModal-{{ recommendation.id }}" tabindex="-1" aria-labelledby="deleteModalLabel" aria-hidden="true">
                                        <div class="modal-dialog">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h5 class="modal-title" id="deleteModalLabel">{% trans "Confirmar eliminación" %}</h5>
                                                    <button type="button" class="btn-close" data-bs-close="modal" aria-label="Close"></button>
                                                </div>
                                                <div class="modal-body">
                                                    ¿{% trans "Estás seguro de que deseas eliminar la recomendación" %} "{{ recommendation.title }}"?
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{% trans "Cancelar" %}</button>
                                                    <!-- Formulario para enviar la solicitud POST -->
                                                    <form action="{% url 'delete_recommendation' recommendation.id %}" method="POST" style="display: inline;">
                                                        {% csrf_token %}
                                                        <button type="submit" class="btn btn-danger">{% trans "Eliminar" %}</button>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </tr>
                                {% empty %}
                                <tr>
                                    <td colspan="5" class="text-center">{% trans "No hay recomendaciones registradas" %}.</td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>    
            </div>

        </div>
    </div>
</div>


{% endblock %}

{% block footer %}
<script type="text/javascript" class="init">
    $('#recommendation-list').DataTable({
        dom: 'Bfrtip',
        buttons: [
            { extend: 'excelHtml5', text: '{% trans "Descarga Planilla" %}' },
                { 
                extend: 'pdfHtml5', 
                text: '{% trans "PDF" %}',
                title: '',  // 🔹 Elimina el título predeterminado en el PDF
                customize: function(doc) {
                    // 🔹 Agregar una imagen en base64 en el encabezado
                    doc.content.splice(0, 0, {
                        image: 'data:image/png;base64,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',  // Reemplaza con tu imagen en base64
                        width: 250, // Tamaño del logo en px
                        alignment: 'center'
                    });


                    // 🔹 Personalizar el título del documento
                    if (doc.content.length > 1 && typeof doc.content[1].text !== 'undefined') {
                        doc.content[1].text = 'Reporte de Cultivos';  // Personaliza el título
                        doc.content[1].fontSize = 12;
                        doc.content[1].bold = false;
                        doc.content[1].alignment = 'center';
                    }

                    // 🔹 Buscar la tabla dentro del contenido generado
                    var tableIndex = doc.content.findIndex(item => item.table);  // Encuentra la tabla
                    if (tableIndex !== -1) {
                        var columnIndexToRemove = 0;  // 🛑 Cambia al índice de la columna que deseas ocultar

                        // 🔹 Eliminar la columna de cada fila de la tabla
                        doc.content[tableIndex].table.body.forEach(function(row) {
                            if (row.length > columnIndexToRemove) {
                                row.splice(columnIndexToRemove, 1);
                            }
                        });
                    }

                    // 🔹 Establecer el ancho de la tabla al 100%
                    doc.content[tableIndex].table.widths = Array(doc.content[tableIndex].table.body[0].length).fill('*');

                    // 🔹 Aplicar padding a las celdas
                    doc.content[tableIndex].table.body.forEach(function(row) {
                        row.forEach(function(cell) {
                            cell.margin = [5, 5, 5, 5];  // 🔹 Padding de 5px en todas las direcciones
                            cell.alignment = 'center';  // 🔹 Centrar el contenido
                        });
                    });

                }
            }
        ],
        // columnDefs: [
        //     { width: '28%', targets: 4 },
        // ],
        // order: [[0, 'asc']],
        // autoWidth: true,
        // responsive: true,
        paging: true,
        pageLength: 10,
        // fixedHeader: {
        //     header: false,
        //     footer: false
        // },
        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...' %}",
            "search": "{% trans 'Buscar:' %}",
            "searchPlaceholder": "{% trans 'Término de búsqueda' %}",
            "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": {
                "create": "{% trans 'Nuevo' %}",
                "edit": "{% trans 'Cambiar' %}",
                "remove": "{% trans 'Borrar' %}",
                "copy": "{% trans 'Copiar' %}",
                "csv": "{% trans 'fichero CSV' %}",
                "excel": "{% trans 'tabla Excel' %}",
                "pdf": "{% trans 'documento PDF' %}",
                "print": "{% trans 'Imprimir' %}",
                "colvis": "{% trans 'Visibilidad columnas' %}",
                "collection": "{% trans 'Colección' %}",
                "upload": "{% trans 'Seleccione fichero....' %}"
            },
            "select": {
                "rows": {
                    _: '{% trans "%d filas seleccionadas" %}',
                    0: '{% trans "clic fila para seleccionar" %}',
                    1: '{% trans "una fila seleccionada" %}'
                }
            }
        }
    });
</script>

<!-- Script para obtener los datos del dashboard -->
<script type="text/javascript">
    document.addEventListener("DOMContentLoaded", function () {
        fetch("{% url 'recommendations-dashboard-data' %}")
        .then(response => response.json())
        .then(data => {
            document.getElementById("total-crops").textContent = data.total_crops;
            document.getElementById("alert-crops-count").textContent = data.alert_crops;
            document.getElementById("average-yield").textContent = `${data.average_yield} kg/ha`;
        });
    });
</script>

<script type="text/javascript">

    // document.addEventListener("DOMContentLoaded", function () {
        
    //     // Abrir el modal y cargar datos
    //     document.querySelectorAll(".edit-recommendation-btn").forEach(button => {
    //         button.addEventListener("click", function () {
    //             let recommendationId = this.dataset.id;

    //             fetch(`/agronomist/recommendations/${recommendationId}/`)
    //                 .then(response => response.json())
    //                 .then(data => {
    //                     document.getElementById("edit-recommendation-id").value = data.id;
    //                     document.getElementById("edit-title").value = data.title;
    //                     document.getElementById("edit-description").value = data.description;
                        
    //                     let modal = new bootstrap.Modal(document.getElementById("editRecommendationModal"));
    //                     modal.show();
    //                 });
    //         });
    //     });

    //     // Enviar la actualización
    //     document.getElementById("editRecommendationForm").addEventListener("submit", function (event) {
    //         event.preventDefault();

    //         let formData = new FormData();
    //         formData.append("id", document.getElementById("edit-recommendation-id").value);
    //         formData.append("title", document.getElementById("edit-title").value);
    //         formData.append("description", document.getElementById("edit-description").value);

    //         let csrftoken = document.querySelector("[name=csrfmiddlewaretoken]").value;

    //         fetch("/agronomist/recommendations/update/", {
    //             method: "POST",
    //             body: formData,
    //             headers: {
    //                 "X-CSRFToken": csrftoken,
    //             },
    //         })
    //         .then(response => {
    //             if (!response.ok) {
    //                 throw new Error("HTTP Error " + response.status);
    //             }
    //             return response.text(); // Leer como texto primero
    //         })
    //         .then(text => {
    //             try {
    //                 return JSON.parse(text); // Intentar convertir a JSON
    //             } catch (error) {
    //                 throw new Error("La respuesta no es JSON válido: " + text);
    //             }
    //         })
    //         .then(data => {
    //             if (data.success) {
    //                 alert("Recomendación actualizada.");
    //                 location.reload();
    //             } else {
    //                 alert("Error al actualizar: " + data.message);
    //             }
    //         })
    //         .catch(error => console.error("Error en la solicitud:", error));
    //     });



    // });


</script>

{% endblock %}