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

{% block title %} {{ _("Gestión de Maquinaria") }} {% endblock title %}

{% block content %}
    <div class="main-content">
        <div class="page-content">
            <div class="container-fluid">
                <div class="row mb-4 mt-4">
                    <div class="col-md-12 mb-4">
                        <h2>{% trans "Listado de Maquinaria" %}</h2>
                    </div>
                    
                    <div class="col-md-4">
                        <div class="card">
                            <div class="card-header">
                                <h5 class="card-title">Distribución de Tipos de Maquinaria</h5>
                            </div>
                            <div class="card-body">
                                <div id="machineryTypeChart"></div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="card">
                            <div class="card-header">
                                <h5 class="card-title">Edad Promedio de las Maquinarias</h5>
                            </div>
                            <div class="card-body">
                               <div id="machineryAgeChart"></div> 
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="card">
                            <div class="card-header">
                                <h5 class="card-title">Condición General de la Maquinaria</h5>
                            </div>
                            <div class="card-body">
                                <div id="machineryConditionChart"></div>
                            </div>
                        </div>
                    </div>

                </div>

                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header d-flex justify-content-between">
                                <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addMachineryModal">
                                    <i class="bi bi-plus-circle"></i> {% trans "Agregar Maquinaria" %}
                                </button>
                            </div>
                            <div class="card-body">
                                <table class="table table-striped" id="machineryTable">
                                    <thead>
                                        <tr>
                                            <th>{% trans "Nombre" %}</th>
                                            <th>{% trans "Tipo" %}</th>
                                            <th>{% trans "Fecha de Compra" %}</th>
                                            <th>{% trans "Estado" %}</th>
                                            <th>{% trans "Asignado a" %}</th>
                                            <th>{% trans "Acciones" %}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        {% for machinery in machinery_list %}
                                        <tr>
                                            <td>{{ machinery.name }}</td>
                                            <td>{{ machinery.get_machinery_type_display }}</td>
                                            <td>{{ machinery.purchase_date|date:"d M, Y" }}</td>
                                            <td>{{ machinery.condition }}</td>
                                            <td>
                                                {% if machinery.assigned_to %}
                                                    {{ machinery.assigned_to }}
                                                {% else %}
                                                    <span class="text-muted">En Bodega</span>
                                                {% endif %}
                                            </td>
                                            <td>
                                                <button class="btn btn-warning btn-sm" 
                                                        data-bs-toggle="modal" 
                                                        data-bs-target="#editMachineryModal{{ machinery.id }}">
                                                    <i class="bi bi-pencil"></i> {% trans "Editar" %}
                                                </button>

                                                <button class="btn btn-danger btn-sm" 
                                                        data-bs-toggle="modal" 
                                                        data-bs-target="#deleteMachineryModal{{ machinery.id }}">
                                                    <i class="bi bi-trash"></i> {% trans "Eliminar" %}
                                                </button>
                                            </td>
                                        </tr>
                                        {% endfor %}
                                    </tbody>
                                </table>

                                <!-- Modals para Editar y Eliminar Maquinaria -->
                                {% for machinery in machinery_list %}
                                    <!-- Modal para Editar Maquinaria -->
                                    <div class="modal fade" id="editMachineryModal{{ machinery.id }}" tabindex="-1" aria-labelledby="editMachineryModalLabel" aria-hidden="true">
                                        <div class="modal-dialog modal-dialog-centered">
                                            <div class="modal-content">
                                                <form method="post" action="{% url 'edit-machinery' machinery.id %}">
                                                    {% csrf_token %}
                                                    <div class="modal-header">
                                                        <h5 class="modal-title" id="editMachineryModalLabel">{% trans "Editar Maquinaria" %}</h5>
                                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                    </div>
                                                    <div class="modal-body">
                                                        <div class="form-group">
                                                            <label for="id_edit_name_{{ machinery.id }}" class="col-label">{% trans "Nombre de la Maquinaria" %}</label>
                                                            <input type="text" name="name" id="id_edit_name_{{ machinery.id }}" class="form-control" value="{{ machinery.name }}" required>
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="id_edit_machinery_type_{{ machinery.id }}" class="col-label">{% trans "Tipo de Maquinaria" %}</label>
                                                            <select name="machinery_type" id="id_edit_machinery_type_{{ machinery.id }}" class="form-select" required>
                                                               {% for type_code, type_name in machinery_type_choices %}
                                                                    <option value="{{ type_code }}" {% if machinery.machinery_type == type_code %}selected{% endif %}>
                                                                        {{ type_name }}
                                                                    </option>
                                                                {% endfor %}
                                                            </select>
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="id_edit_purchase_date_{{ machinery.id }}" class="col-label">{% trans "Fecha de Compra" %}</label>
                                                            <input type="date" name="purchase_date" id="id_edit_purchase_date_{{ machinery.id }}" class="form-control" value="{{ machinery.purchase_date|date:'Y-m-d' }}" required>
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="id_edit_condition_{{ machinery.id }}" class="col-label">{% trans "Condición" %}</label>
                                                            <input type="text" name="condition" id="id_edit_condition_{{ machinery.id }}" class="form-control" value="{{ machinery.condition }}" required>
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="id_edit_description_{{ machinery.id }}" class="col-label">{% trans "Descripción" %}</label>
                                                            <textarea name="description" id="id_edit_description_{{ machinery.id }}" class="form-control">{{ machinery.description }}</textarea>
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="id_edit_assigned_to_{{ machinery.id }}" class="col-label">{% trans "Asignada a" %}</label>
                                                            <select name="assigned_to" id="id_edit_assigned_to_{{ machinery.id }}" class="form-select">
                                                                <option value="" {% if not machinery.assigned_to %}selected{% endif %}>{% trans "En Bodega" %}</option>
                                                                {% for scout in available_scouts %}
                                                                    <option value="{{ scout.id }}" {% if machinery.assigned_to.id == scout.id %}selected{% endif %}>
                                                                        {{ scout.first_name }} {{ scout.last_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>
                                    <!-- Fin Modal Editar Maquinaria -->

                                    <!-- Modal para Eliminar Maquinaria -->
                                    <div class="modal fade" id="deleteMachineryModal{{ machinery.id }}" tabindex="-1" aria-labelledby="deleteMachineryModalLabel" aria-hidden="true">
                                        <div class="modal-dialog modal-dialog-centered">
                                            <div class="modal-content">
                                                <form method="post" action="{% url 'delete-machinery' machinery.id %}">
                                                    {% csrf_token %}
                                                    <div class="modal-header">
                                                        <h5 class="modal-title" id="deleteMachineryModalLabel">{% trans "Eliminar Maquinaria" %}</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 esta maquinaria?" %}</p>
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button type="submit" class="btn btn-danger">{% trans "Eliminar" %}</button>
                                                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{% trans "Cancelar" %}</button>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Fin Modal Eliminar Maquinaria -->
                                {% endfor %}

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

                        <!-- Modal Agregar -->
                        <div class="modal fade" id="addMachineryModal" tabindex="-1">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <form method="post" id="addMachineryForm">
                                        {% csrf_token %}
                                        <div class="modal-body">
                                            <div class="form-group mb-3">
                                                <label for="id_name" class="col-label">{% trans "Nombre de la Maquinaria" %}</label>
                                                <input type="text" name="name" id="id_name" class="form-control" placeholder="{% trans 'Ingrese el nombre de la maquinaria' %}" required>
                                            </div>

                                            <div class="form-group mb-3">
                                                <label for="id_machinery_type" class="col-label">{% trans "Tipo de Maquinaria" %}</label>
                                                <select name="machinery_type" id="id_machinery_type" class="form-select" required>
                                                    {% for code, label in machinery_type_choices %}
                                                    <option value="{{ code }}">{{ label }}</option>
                                                    {% endfor %}
                                                </select>
                                            </div>

                                            <div class="form-group mb-3">
                                                <label for="id_purchase_date" class="col-label">{% trans "Fecha de Compra" %}</label>
                                                <input type="date" name="purchase_date" id="id_purchase_date" class="form-control" required>
                                            </div>

                                            <div class="form-group mb-3">
                                                <label for="id_condition" class="col-label">{% trans "Condición" %}</label>
                                                <input type="text" name="condition" id="id_condition" class="form-control" placeholder="{% trans 'Ingrese la condición actual' %}" required>
                                            </div>

                                            <div class="form-group mb-3">
                                                <label for="id_description" class="col-label">{% trans "Descripción" %}</label>
                                                <textarea name="description" id="id_description" class="form-control" rows="3" placeholder="{% trans 'Ingrese una descripción (opcional)' %}"></textarea>
                                            </div>

                                            <div class="form-group mb-3">
                                                <label for="id_assigned_to" class="col-label">{% trans "Asignado a" %}</label>
                                                <select name="assigned_to" id="id_assigned_to" class="form-select">
                                                    <option value="">{% trans "No asignado (en bodega)" %}</option>
                                                    {% for scout in scouts %}
                                                    <option value="{{ scout.id }}">{{ scout.first_name }} {{ scout.last_name }}</option>
                                                    {% endfor %}
                                                </select>
                                            </div>
                                        </div>

                                        <div class="modal-footer">
                                            <button type="submit" class="btn btn-primary">{% trans "Guardar" %}</button>
                                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{% trans "Cancelar" %}</button>
                                        </div>
                                    </form>

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

{% block footer %}
    <script type="text/javascript" class="init">
        $('#machineryTable').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 = 5;  // 🛑 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 type="text/javascript" class="init">
            document.addEventListener('DOMContentLoaded', function () {
                var deleteButtons = document.querySelectorAll('.btn-delete-machinery');
                var deleteMachineryForm = document.getElementById('deleteMachineryForm');

                deleteButtons.forEach(function (button) {
                    button.addEventListener('click', function () {
                        var machineryId = button.getAttribute('data-machinery-id');
                        deleteMachineryForm.setAttribute('action', `/farmer/machinery/delete/${machineryId}/`);
                    });
                });
            });

    </script>

<script>
    var options = {
        series: {{ machinery_type_counts|safe }},
        chart: { type: 'pie', height: 300 },
        labels: {{ machinery_types|safe }},
        title: { text: "Distribución de Tipos de Maquinaria" }
    };

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

<script>
    var options = {
        series: [{ name: "Edad Promedio (Años)", data: {{ machinery_ages|safe }} }],
        chart: { type: 'bar', height: 300 },
        xaxis: { categories: {{ machinery_types|safe }} },
        title: { text: "Edad Promedio de las Maquinarias" }
    };

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

<script>
    var options = {
        series: [{ name: "Cantidad", data: {{ machinery_conditions_counts|safe }} }],
        chart: { type: 'bar', height: 300 },
        xaxis: { categories: {{ machinery_conditions|safe }} },
        title: { text: "Condición General de la Maquinaria" }
    };

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

{% endblock %}