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

{% block title %} {{ _("Dashboard del Finquero") }} {% endblock title %}

{% block content %}
    {% load static %}
    {% load humanize %}
<div class="main-content">
    <div class="page-content">
        <div class="container-fluid contenido-principal">
            {% if no_data %}
                <div class="alert alert-warning text-center">
                    {% trans "No hay datos aún." %}
                </div>
            {% else %}
                <div class="row">
                    <!-- Tarjetas Resumen -->
                    <div class="col-md-3">
                        <div class="card">
                            <div class="card-body text-center">
                                <h5 class="card-title">{% trans "Scouts" %}</h5>
                                <p class="h1">{{ total_scouts }}</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="card">
                            <div class="card-body text-center">
                                <h5 class="card-title">{% trans "Campos" %}</h5>
                                <p class="h1">{{ total_fields }}</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="card">
                            <div class="card-body text-center">
                                <h5 class="card-title">{% trans "Cultivos" %}</h5>
                                <p class="h1">{{ total_crops }}</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="card">
                            <div class="card-body text-center">
                                <h5 class="card-title">{% trans "Maquinaria" %}</h5>
                                <p class="h1">{{ total_machinery }}</p>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Gráficos -->
                <div class="row mt-5">

                    <div class="col-md-4">
                        <div class="card">
                            <div class="card-header"><h5 class="card-title">{% trans "Cultivos por Tipo" %}</h5></div>
                            <div class="card-body text-center">
                                <div id="chart-crops-by-type"></div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="card">
                            <div class="card-header"><h5 class="card-title">{% trans "Altura Promedio por Mes" %}</h5></div>
                            <div class="card-body text-center">                        
                                <div id="chart-observations-by-month"></div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="card">
                            <div class="card-header">
                                <h5 class="card-title">{% trans "Consumo de Combustible de Maquinaria" %}</h5>
                            </div>
                            <div class="card-body">
                                <div id="machinery-fuel-chart"></div>
                            </div>
                        </div>
                    </div>            

                </div>


                <!-- Tabla de recomendaciones -->
                <div class="row mt-5">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header"><h5 class="card-title">{% trans "Recomendaciones Recientes" %}</h5></div>
                            <div class="card-body">
                            <table class="table table-striped" id="recomendacionestable">
                            <thead>
                                <tr>
                                    <th>{% trans "Cultivo" %}</th>
                                    <th>{% trans "Recomendación" %}</th>
                                    <th>{% trans "Fecha" %}</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for rec in recommendations %}
                                    <tr>
                                        <td>{{ rec.crop.name }}</td>
                                        <td>{{ rec.title }}</td>
                                        <td>{{ rec.created_at|date:"d/m/Y" }}</td>
                                    </tr>
                                {% endfor %}
                            </tbody>
                            </table>
                            </div>
                        </div>
                    </div>
                </div>
            {% endif %}
        </div>
    </div>
</div>

<!-- Modal Promoción Curso -->
<div class="modal fade" id="cursoModal" tabindex="-1" aria-labelledby="cursoModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header bg-success text-white">
        <h5 class="modal-title" id="cursoModalLabel">¡Nuevo Curso Disponible!</h5>
        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col-md-5">
            <img src="{% static 'images/curso-agricultura-thumbnail.jpg' %}" class="img-fluid rounded" alt="Agricultura de Precisión">
          </div>
          <div class="col-md-7">
            <h4 class="text-success">Agricultura de Precisión y Sostenible</h4>
            <p class="mb-2"><i class="bi bi-clock text-success"></i> Duración: 5 horas</p>
            <p class="mb-2"><i class="bi bi-laptop text-success"></i> Modalidad: Online</p>
            <p class="mb-3"><i class="bi bi-currency-dollar text-success"></i> Inversión: $50 USD</p>
            
            <div class="alert alert-success">
              <i class="bi bi-star-fill"></i> <strong>Oferta especial:</strong> Acceso a materiales exclusivos
            </div>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Quizás más tarde</button>
        <a href="{% url 'agriculture_course' %}" class="btn btn-success">
          <i class="bi bi-book"></i> Ver detalles del curso
        </a>
      </div>
    </div>
  </div>
</div>

{% endblock content %}

{% block footer %}
<script>
    document.addEventListener("DOMContentLoaded", function () {
        // Gráfico de cultivos por tipo
        const cropsByTypeChart = new ApexCharts(document.querySelector("#chart-crops-by-type"), {
            chart: { type: 'pie', height: 300 },
            series: [{% for crop in crops_by_type %}{{ crop.total }}, {% endfor %}],
            labels: [{% for crop in crops_by_type %}"{{ crop.crop_type }}", {% endfor %}]
        });
        cropsByTypeChart.render();

        // Gráfico de altura promedio por mes
        const observationsByMonthChart = new ApexCharts(document.querySelector("#chart-observations-by-month"), {
            chart: { type: 'line', height: 300 },
            series: [{ name: "{% trans 'Altura Promedio' %}", data: [{% for obs in observations_by_month %}{{ obs.avg_height }}, {% endfor %}] }],
            xaxis: { categories: [{% for obs in observations_by_month %}"{{ obs.month }}", {% endfor %}] }
        });
        observationsByMonthChart.render();
    });

document.addEventListener('DOMContentLoaded', function () {
    fetch("{% url 'machinery-fuel-data' %}")
        .then(response => response.json())
        .then(data => {
            // Filtrar las series de datos para que solo tengan los meses disponibles
            const options = {
                chart: {
                    type: 'area',
                    height: 300
                },
                series: data.fuel_data.map(series => ({
                    name: series.name,
                    data: series.data.slice(0, data.months.length)  // Asegurar que la cantidad de datos coincida con los meses
                })),
                xaxis: {
                    categories: data.months,  // Los meses disponibles
                    title: {
                        text: "{% trans 'Meses' %}"
                    }
                },
                yaxis: {
                    title: {
                        text: "{% trans 'Consumo de Combustible (litros)' %}"
                    }
                },
                title: {
                    text: "{% trans 'Consumo Mensual de Combustible por Maquinaria' %}",
                    align: 'center'
                },
                colors: ['#FF5733', '#33FF57', '#3357FF'],  // Colores para cada serie
                dataLabels: {
                    enabled: false
                },
                markers: {
                    size: 3
                },
                tooltip: {
                    shared: true,  // Asegura que los tooltips se muestren para todos los puntos
                    intersect: false
                }
            };

            // Crear el gráfico con ApexCharts
            const chart = new ApexCharts(document.querySelector("#machinery-fuel-chart"), options);
            chart.render();
        })
        .catch(error => {
            console.error("Error al obtener los datos para el gráfico: ", error);
        });
});



</script>



<script type="text/javascript" class="init">
    $('#recomendacionestable').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>
    document.addEventListener('DOMContentLoaded', function() {
      // Verificar si ya se mostró el modal en esta sesión
      
        var cursoModal = new bootstrap.Modal(document.getElementById('cursoModal'));
        cursoModal.show();

    });
</script>
{% endblock footer %}