{% extends "farmer/layout_farmer.html" %}
{% load i18n %}

{% block title %}{{ _("Detalle del Campo") }}{% endblock title %}

{% block content %}
    {% load custom_filters %}
    <div class="main-content">
        <div class="page-content">
            <div class="container-fluid contenido-principal">

                <div class="row">
                    <div class="col-md-12 mb-4">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="card-title mb-4" style="text-transform: uppercase;">{{ field.name }}</h4>
                                <div class="row">
                                    <div class="col-md-3">
                                        <strong>{% trans "Ubicación:" %}</strong> {{ field.location }}
                                    </div>
                                    <div class="col-md-3">
                                        <strong>{% trans "Tamaño:" %}</strong> {{ field.size }} hectáreas
                                    </div>
                                    <div class="col-md-3">
                                        <strong>{% trans "Tipo de Suelo:" %}</strong> {{ field.soil_type.name }}
                                    </div>
                                    <div class="col-md-3">
                                        <strong>{% trans "Clima actual:" %}</strong> <span id="weather-info-{{ field.id }}">{% trans "Cargando ..." %}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Gráficos -->
                <div class="row">
                    <div class="col-md-4">
                        <div class="card mb-3">
                            <div class="card-header">
                                <h4 class="card-title">{% trans "Distribución de Cultivos" %}</h4>
                            </div>
                            <div class="card-body">
                                {% if has_crops %}
                                    <div id="crop-types-chart"></div>
                                {% else %}
                                    <p>{% trans "No hay datos disponibles" %}</p>
                                {% endif %}
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="card mb-3">
                            <div class="card-header">
                                <h4 class="card-title">{% trans "Evolución del Crecimiento Promedio" %}</h4>
                            </div>
                            <div class="card-body">
                                {% if has_crops %}
                                    <div id="growth-trend-chart"></div>
                                {% else %}
                                    <p>{% trans "No hay datos disponibles" %}</p>
                                {% endif %}
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="card mb-3">
                            <div class="card-header">
                                <h4 class="card-title">{% trans "Condiciones del Suelo y Clima" %}</h4>
                            </div>
                            <div class="card-body">
                                {% if has_crops %}
                                    <div id="soil-climate-chart"></div>
                                {% else %}
                                    <p>{% trans "No hay datos disponibles" %}</p>
                                {% endif %}
                            </div>
                        </div>
                    </div>
                </div>


            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">{% trans "Acciones" %}</h4>
                        </div>
                        <div class="card-body">
                            <a href="{% url 'farmer-create-crop' %}" class="btn btn-sm btn-primary">
                            <i class="bi bi-plus-circle-fill"></i> {% trans "Crear Cultivo" %}</a>
                        </div>                 
                    </div>
                </div>
            </div>

                <div class="row">
                    <div class="col-md-12 mt-4 mb-4"></div>
                </div>

                <!-- Tabla de Cultivos -->
                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header">
                                <h5 class="card-title">{% trans "Cultivos en este Campo" %}</h5>
                            </div>
                            <div class="card-body">
                                <div class="table-responsive">
                                    {% if has_crops %}
                                        <table id="cropsTable" class="ui celled table striped responsive" style="width:100%">
                                            <thead>
                                                <tr>
                                                    <th>{% trans "Nombre" %}</th>
                                                    <th>{% trans "Tipo" %}</th>
                                                    <th>{% trans "Condiciones Óptimas" %}</th>
                                                    <th>{% trans "Fecha de Cosecha Esperada" %}</th>
                                                    <th>{% trans "Acciones" %}</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                {% for crop in crops %}
                                                <tr>
                                                    <td>{{ crop.name }}</td>
                                                    <td>{{ crop.get_crop_type_display }}</td>
                                                    <td>{{ crop.optimal_conditions }}</td>
                                                    <td>{{ crop.expected_harvest_date|date:"d M, Y" }}</td>
                                                    <td>
                                                        <a href="{% url 'farmer-crop-detail' crop.id %}" class="btn btn-sm btn-primary">
                                                            <i class="bi bi-search"></i> {% trans "Ver Detalle" %}
                                                        </a>
                                                        <a href="{% url 'farmer-edit-crop' crop.id %}" class="btn btn-warning btn-sm">
                                                            <i class="bi bi-pencil-square"></i> Editar
                                                        </a>

                                                        <button class="btn btn-danger btn-sm delete-crop-btn"
                                                                data-bs-toggle="modal"
                                                                data-bs-target="#deleteCropModal"
                                                                data-crop-id="{{ crop.id }}">
                                                            <i class="bi bi-trash"></i> Eliminar
                                                        </button>
                                                    </td>
                                                </tr>
                                                {% endfor %}
                                            </tbody>
                                        </table>
                                    {% else %}
                                        <p>{% trans "No hay cultivos en este campo." %}</p>
                                    {% endif %}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

<div class="modal fade" id="deleteCropModal" tabindex="-1" aria-labelledby="deleteCropModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">{% trans "Eliminar Cultivo" %}</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <p>¿{% trans "Estás seguro de que deseas eliminar este cultivo" %}?</p>
                <input type="hidden" id="delete-crop-id">  <!-- ✅ Captura correctamente el `crop_id` -->
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger" id="confirmDeleteCrop">{% trans "Eliminar" %}</button>
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{% trans "Cancelar" %}</button>
            </div>
        </div>
    </div>
</div>







{% endblock content %}

{% block footer %}

<script>
    document.addEventListener('DOMContentLoaded', function () {
        const fieldId = {{ field.id }};
        const url = "{% url 'field-crop-types-data' field.id %}";

        fetch(url)
            .then(response => response.json())
            .then(data => {
                var options = {
                    chart: {
                        type: 'pie',
                        height: 300
                    },
                    series: data.counts,
                    labels: data.labels,
                    title: {
                        text: '',
                        align: 'center'
                    },
                    colors: ['#E67034', '#C68739', '#B6C8A7', '#3D6E42', '#2B7561'],  // Opcional: Personaliza los colores
                };

                var chart = new ApexCharts(document.querySelector("#crop-types-chart"), options);
                chart.render();
            });
    });
</script>


<script>
    document.addEventListener('DOMContentLoaded', function () {
        const fieldId = {{ field.id }};
        const url = "{% url 'field-growth-trend-data' field.id %}";

        fetch(url)
            .then(response => response.json())
            .then(data => {
                var options = {
                    chart: {
                        type: 'bar',
                        height: 300
                    },
                    series: [{
                        name: '{% trans "Altura Promedio" %}',
                        data: data.average_heights
                    }],
                    xaxis: {
                        categories: data.dates,
                        title: {
                            text: '{% trans "Fecha" %}'
                        }
                    },
                    yaxis: {
                        title: {
                            text: '{% trans "Altura (cm)" %}'
                        }
                    },
                    title: {
                        text: '',
                        align: 'center'
                    },
                    colors: ['#2B7561'], 
                };

                var chart = new ApexCharts(document.querySelector("#growth-trend-chart"), options);
                chart.render();
            });
    });
</script>

<script>
    document.addEventListener('DOMContentLoaded', function () {
        const fieldId = {{ field.id }};
        fetch(`/fields/${fieldId}/soil-climate-data/`)
            .then(response => response.json())
            .then(data => {
                const soilConditionsChartOptions = {
                    chart: {
                        type: 'area'
                    },
                    series: [
                        {
                            name: '{% trans "Temperatura del Suelo" %}',
                            data: data.soil_temperatures
                        },
                        {
                            name: '{% trans "Altura del Cultivo" %}',
                            data: data.crop_heights
                        }
                    ],
                    xaxis: {
                        categories: data.dates
                    },
                    colors: ['#3D6E42', '#C68739'],  // Opcional: Personaliza los colores                    
                };
                const soilConditionsChart = new ApexCharts(document.querySelector("#soil-climate-chart"), soilConditionsChartOptions);
                soilConditionsChart.render();
            })
            .catch(error => {
                console.error('{% trans "Error al obtener los datos de condiciones del suelo y clima:" %}', error);
            });
    });
</script>

<script>
    document.addEventListener('DOMContentLoaded', function () {
        // Iterar sobre cada campo para obtener su clima
        const field = [{ id: {{ field.id }}, latitude: {{ field.latitude|unlocalize }}, longitude: {{ field.longitude|unlocalize }} }];

        field.forEach(field => {
            const url = `/fields/${field.id}/weather/`;

            fetch(url)
                .then(response => response.json())
                .then(data => {
                    const weatherElement = document.getElementById(`weather-info-${field.id}`);
                    if (data.error) {
                        weatherElement.textContent = data.error;
                    } else {
                        weatherElement.textContent = `${data.temperature}°C, ${data.description}`;
                    }
                })
                .catch(error => {
                    console.error('{% trans "Error al obtener el clima:" %}', error);
                    const weatherElement = document.getElementById(`weather-info-${field.id}`);
                    weatherElement.textContent = '{% trans "Error al obtener el clima." %}';
                });
        });
    });
</script>

<script type="text/javascript" class="init">
        $('#cropsTable').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 = 4;  // 🛑 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
                        });
                    });

                }
            }
            
            ],

            // order: [[0, 'asc']],
            autoWidth: true,
            // responsive: true,
            // paging: true,
            // pageLength: 10,
            // fixedHeader: {
            //     header: false,
            //     footer: false
            // },
            searching: true, // 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>

<script>
    document.addEventListener("DOMContentLoaded", function () {
        // Capturar ID del cultivo a eliminar
        document.querySelectorAll(".delete-crop-btn").forEach(button => {
            button.addEventListener("click", function () {
                let cropId = this.dataset.cropId;
                document.getElementById("delete-crop-id").value = cropId;
            });
        });

        // Confirmar y eliminar cultivo con AJAX
        document.getElementById("confirmDeleteCrop").addEventListener("click", function () {
            let cropId = document.getElementById("delete-crop-id").value;
            let csrfToken = document.querySelector("[name=csrfmiddlewaretoken]")?.value;  // ✅ Obtener CSRF Token

            if (!csrfToken) {
                alert("Error: No se encontró el CSRF Token.");
                return;
            }

            fetch(`/farmer/crops/delete/${cropId}/`, {  // ✅ Asegurar que la URL es correcta
                method: "POST",  // ✅ Forzar `POST`
                headers: {
                    "X-CSRFToken": csrfToken,  // ✅ Enviar CSRF Token
                    "Content-Type": "application/json"
                },
                credentials: "same-origin",  // ✅ Asegura que las cookies de sesión se envíen
                body: JSON.stringify({})  // ✅ Se necesita un `body`, aunque esté vacío
            })
            .then(response => {
                if (!response.ok) {
                    throw new Error(`Error en la respuesta del servidor: ${response.status}`);
                }
                return response.json();
            })
            .then(data => {
                if (data.success) {
                    // alert(data.message);
                    window.location.reload();  // ✅ Recargar la lista de cultivos después de eliminar
                } else {
                    alert("Error: " + data.message);
                }
            })
            .catch(error => console.error("Error en la petición AJAX:", error));
        });
    });
</script>




{% endblock footer %}