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

{% block title %}{% trans "Campos del Finquero" %}{% endblock title %}

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

            <div class="row">
                <div class="col-md-4">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">{% trans "Comparación del Área de los Campos" %}</h4>
                        </div>
                        <div class="card-body">
                            {% if fields %}
                                <div id="field-area-chart"></div>
                            {% else %}
                                <p>{% trans "No hay campos registrados." %}</p>
                            {% endif %}
                        </div>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">{% trans "Condiciones Climáticas" %}</h4>
                        </div>
                        <div class="card-body">
                            {% if fields %}
                                <div id="climate-analysis-chart"></div>
                            {% else %}
                                <p>{% trans "No hay datos disponibles." %}</p>
                            {% endif %}
                        </div>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="card">
                        <div class="card-header justify-content-between d-flex align-items-center align-middle">
                            <h4 class="card-title">{% trans "Distribución de Tipos de Suelo entre Campos" %}</h4><button type="button" class="btn btn-lg btn-danger btn-agricarm" data-bs-toggle="popover" data-bs-title="Información" data-bs-content="Útil para entender qué tipos de suelo predominan en los campos gestionados y cómo se distribuyen en términos de área cultivable."><i class="bi bi-info-circle-fill"></i></button>
                        </div><!-- end card header -->
                        <div class="card-body">
                            {% if has_crops %}
                                <div id="soil-type-chart"></div>
                            {% else %}
                                <!-- Mostrar un mensaje si no hay cultivos -->
                                <p>{% trans "No hay datos disponibles" %}</p>
                            {% endif %}
                        </div>
                    </div>                          
                </div>

                <div class="col-md-12 mt-4 mb-4">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">{% trans "Acciones" %}</h4>
                        </div>
                        <div class="card-body">
                            <button class=" btn btn-sm btn-primary btn-agricarm" data-bs-target="#exampleModalToggle" data-bs-toggle="modal"><i class="bi bi-plus-circle-fill"></i> {% trans "Crear Campo" %}</button>
                        </div>
                    </div>
                </div>
            </div>      

            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">{% trans "Mis Campos" %}</h4>
                        </div>
                        <div class="card-body">
                            {% if fields %}
                                <table class="table table-striped" id="tablafields">
                                    <thead>
                                        <tr>
                                            <th>{% trans "Nombre" %}</th>
                                            <th>{% trans "Ubicación" %}</th>
                                            <th>{% trans "Tamaño (ha)" %}</th>
                                            <th>{% trans "Tipo de Suelo" %}</th>
                                            <th>{% trans "Acciones" %}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        {% for field in fields %}
                                            <tr>
                                                <td>{{ field.name }}</td>
                                                <td>{{ field.location }}</td>
                                                <td>{{ field.size }}</td>
                                                <td>{% if field.soil_type %}
                                                        {{ field.soil_type.name }}
                                                    {% else %}
                                                        {% trans "No especificado" %}
                                                    {% endif %}</td>
                                                <td>
                                                            <div class="d-grid gap-2 d-md-block">
                                                                <a href="{% url 'farmer-field-detail' field.id %}" class=" btn btn-sm btn-primary btn-agricarm mb-2"><i class="bi bi-search"></i> {% trans "Ver Campo" %}</a>
                                                                <button class="btn btn-warning btn-sm btn-agricarm btn-agricarm-edit mb-2" data-bs-toggle="modal" data-bs-target="#editFieldModal{{ field.id }}"><i class="bi bi-pencil-square"></i> {% trans "Editar" %}</button>
                                                                <button class="btn btn-danger btn-agricarm mb-2 btn-delete btn-sm" 
                                                                        data-bs-toggle="modal" 
                                                                        data-bs-target="#deleteModal" 
                                                                        data-field-id="{{ field.id }}">
                                                                    <i class="bi bi-x-circle-fill"></i> 
                                                                {% trans "Eliminar" %}</button>
                                                                <a href="{% url 'farmer-soil-test-list' field.id %}" class="btn btn-secondary btn-sm btn-agricarm mb-2"><i class="bi bi-x-circle-fill"></i> {% trans "Ver Análisis de Suelo" %}</a>                                                                
                                                            </div>
                                                </td>
                                            </tr>


<!-- Modal de edición -->
                                                        <div class="modal fade" id="editFieldModal{{ field.id }}" tabindex="-1" aria-hidden="true">
                                                            <div class="modal-dialog">
                                                                <div class="modal-content">
                                                                    <form method="post" action="{% url 'farmer-edit-field' field.id %}">
                                                                        {% csrf_token %}
                                                                        <div class="modal-header">
                                                                            <h5 class="modal-title">{% trans "Editar Campo" %}</h5>
                                                                            <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                                                                        </div>
                                                                        <div class="modal-body">
                                                                            <div class="form-group">
                                                                                <label for="id_edit_name_{{ field.id }}" class="col-label">{% trans "Nombre Campo" %}:</label>
                                                                                <input type="text" name="name" id="id_edit_name_{{ field.id }}" class="form-control" value="{{ field.name }}" required>
                                                                            </div>
                                                                            <div class="form-group">
                                                                                <label for="id_edit_location_{{ field.id }}" class="col-label">{% trans "Ubicación" %}:</label>
                                                                                <input type="text" name="location" id="id_edit_location_{{ field.id }}" class="form-control" value="{{ field.location }}" required>
                                                                            </div>
                                                                            <div class="form-group">
                                                                                <label for="id_edit_latitude_{{ field.id }}" class="col-label">{% trans "Latitud" %}:</label>
                                                                                <input type="number" step="any" name="latitude" id="id_edit_latitude_{{ field.id }}" class="form-control" value="{{ field.latitude|unlocalize }}">
                                                                            </div>
                                                                            <div class="form-group">
                                                                                <label for="id_edit_longitude_{{ field.id }}" class="col-label">{% trans "Longitud" %}:</label>
                                                                                <input type="number" step="any" name="longitude" id="id_edit_longitude_{{ field.id }}" class="form-control" value="{{ field.longitude|unlocalize }}">
                                                                            </div>
                                                                            <div class="form-group">
                                                                                <label for="id_edit_size_{{ field.id }}" class="col-label">{% trans "Tamaño" %} (Ha):</label>
                                                                                <input type="number" step="any" name="size" id="id_edit_size_{{ field.id }}" class="form-control" value="{{ field.size|unlocalize }}">
                                                                            </div>
                                                                            <div class="form-group">
                                                                                <label for="id_edit_soil_type_{{ field.id }}" class="col-label">{% trans "Tipo de Suelo" %}:</label>
                                                                                <select name="soil_type" id="id_edit_soil_type_{{ field.id }}" class="form-control">
                                                                                    {% for soil in soil_type %}
                                                                                        <option value="{{ soil.id }}" {% if field.soil_type.id == soil.id %}selected{% endif %}>
                                                                                            {{ soil.name }}
                                                                                        </option>
                                                                                    {% endfor %}
                                                                                </select>
                                                                            </div>
                                                                        </div>
                                                                        <div class="modal-footer">
                                                                            <button type="submit" class="btn btn-primary">{% trans "Guardar cambios" %}</button>
                                                                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{% trans "Cancelar" %}</button>
                                                                        </div>
                                                                    </form>
                                                                </div>
                                                            </div>
                                                        </div>

                                        {% endfor %}
                                    </tbody>
                                </table>

                            {% else %}
                                <p>{% trans "No hay campos registrados." %}</p>
                            {% endif %}
                        </div>
                    </div>
                </div>
            </div>

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

        <!-- MODAL CREAR CAMPO -->
        <div class="modal fade" id="exampleModalToggle" aria-hidden="true" aria-labelledby="exampleModalToggleLabel" tabindex="-1">
          <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
              <div class="modal-header">
                <h1 class="modal-title fs-5" id="exampleModalToggleLabel">{% trans "CREA UN NUEVO CAMPO" %}</h1>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
              </div>
                <form method="post" action="{% url 'farmer-create-field' %}">
                    {% csrf_token %}
                    <div class="modal-body">
                        <div class="form-group">
                            <label for="id_name" class="col-label">{% trans "Nombre Campo" %}:</label>
                            {{ form.name }}
                        </div>
                        <div class="form-group">
                            <label for="id_location" class="col-label">{% trans "Ubicación" %}:</label>
                            {{ form.location }}
                        </div>
                        <div class="form-group">
                            <label for="id_latitude" class="col-label">{% trans "Latitud" %}:</label>
                            {{ form.latitude }}
                        </div>
                        <div class="form-group">
                            <label for="id_longitude" class="col-label">{% trans "Longitud" %}:</label>
                            {{ form.longitude }}
                        </div>               
                        <div class="form-group">
                            <label for="id_size" class="col-label">{% trans "Tamaño " %}(Ha):</label>
                            {{ form.size }}
                        </div>
                        <div class="form-group">
                            <label for="id_soil_type" class="col-label">{% trans "Tipo de Suelo" %}:</label>
                            {{ form.soil_type }}
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-sm btn-primary">{% trans "Guardar" %}</button>
                        <button class="btn btn-sm btn-secondary" data-bs-dismiss="modal">{% trans "Cancelar" %}</button>
                    </div>
                </form>
            </div>
          </div>
        </div>
        <!-- FIN MODAL CREAR CAMPO -->      

        <!-- MODAL CONFIRMACIÓN ELIMINACIÓN -->
        <div class="modal fade" id="deleteModal" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">{% trans "Eliminar Campo" %}</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 campo" %}?</p>
                    </div>
                    <div class="modal-footer">
                        <form method="post" id="deleteFieldForm">
                            {% csrf_token %}
                            <button type="submit" class="btn btn-danger">{% trans "Eliminar" %}</button>
                            <button type="button" class=" btn btn-sm btn-secondary" data-bs-dismiss="modal">{% trans "Cancelar" %}</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <!-- FIN MODAL CONFIRMACIÓN ELIMINACIÓN -->

{% endblock %}

{% block footer %}
<script type="text/javascript">
    document.addEventListener('DOMContentLoaded', function () {
            
            // Gráfico de áreas de campos
            fetch("{% url 'farmer-field-area-comparison' %}")
                .then(response => response.json())
                .then(data => {
                    const options = {
                        chart: { type: 'bar', height: 320 },
                        series: [{ name: '{% trans "Área (hectáreas)" %}', data: data.areas }],
                        xaxis: { categories: data.names },
                        colors: ['#2B7561']
                    };
                    const chart = new ApexCharts(document.querySelector("#field-area-chart"), options);
                    chart.render();
                });

            // Análisis climático
            fetch("{% url 'farmer-field-climate-analysis' %}")
                .then(response => response.json())
                .then(data => {
                    const options = {
                        chart: { type: 'radar', height: 320 },
                        series: [
                            { name: '{% trans "Temperatura (°C)" %}', data: data.map(d => d.temperature) },
                            { name: '{% trans "Humedad (%)" %}', data: data.map(d => d.humidity) },
                            { name: '{% trans "Precipitación (mm)" %}', data: data.map(d => d.precipitation) }
                        ],
                        xaxis: { categories: data.map(d => d.name) },
                        colors: ['#3D6E42', '#C68739', '#E67034']
                    };
                    const chart = new ApexCharts(document.querySelector("#climate-analysis-chart"), options);
                    chart.render(); 
                });

            // Distribución de tipos de suelo
            fetch("{% url 'farmer-soil-type-distribution' %}")
                .then(response => response.json())
                .then(data => {
                    console.log("Datos recibidos:", data);  // 🔹 Verifica los datos en la consola

                    const options = {
                        chart: { type: 'area', height: 310 },
                        series: [{ name: "Área de suelo", data: data.soil_areas }],
                        xaxis: { categories: data.soil_types, title: { text: "Tipos de Suelo" } },
                        colors: ['#B6C8A7', '#2B7561', '#C68739']
                    };

                    const chart = new ApexCharts(document.querySelector("#soil-type-chart"), options);
                    chart.render();
                });
        });
</script>

<script>
    document.addEventListener('DOMContentLoaded', function () {
        const fields = [
            {% for field in fields %}
                { id: {{ field.id }}, latitude: {{ field.latitude|unlocalize }}, longitude: {{ field.longitude|unlocalize }} },
            {% endfor %}
        ];

        fields.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 => {
                    const weatherElement = document.getElementById(`weather-info-${field.id}`);
                    weatherElement.textContent = '{% trans "Error al obtener el clima." %}';
                });
        });
    });
</script>


<script type="text/javascript" class="init">
    $('#tablafields').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: 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>

<script>
    document.addEventListener("DOMContentLoaded", function () {
        // Capturar datos y abrir modal de edición
        document.querySelectorAll(".btn-edit").forEach(button => {
            button.addEventListener("click", function () {
                let fieldId = this.dataset.fieldId;
                let fieldName = this.dataset.fieldName;
                let fieldLocation = this.dataset.fieldLocation;
                let fieldLatitude = this.dataset.fieldLatitude;
                let fieldLongitude = this.dataset.fieldLongitude;
                let fieldSize = this.dataset.fieldSize;
                let fieldSoilType = this.dataset.fieldSoilType;

                // Rellenar el formulario dentro del modal
                let editFieldForm = document.getElementById("editFieldForm");
                editFieldForm.setAttribute("action", `/farmer/fields/edit/${fieldId}/`);

                document.getElementById("id_edit_name").value = fieldName;
                document.getElementById("id_edit_location").value = fieldLocation;
                document.getElementById("id_edit_latitude").value = fieldLatitude;
                document.getElementById("id_edit_longitude").value = fieldLongitude;
                document.getElementById("id_edit_size").value = fieldSize;
                document.getElementById("id_edit_soil_type").value = fieldSoilType;
            });
        });

        // Capturar ID del campo a eliminar
        document.querySelectorAll(".btn-delete").forEach(button => {
            button.addEventListener("click", function () {
                let fieldId = this.dataset.fieldId;
                let deleteFieldForm = document.getElementById("deleteFieldForm");
                deleteFieldForm.setAttribute("action", `/farmer/fields/delete/${fieldId}/`);
            });
        });
    });
</script>


{% endblock footer %}