@extends('adminlte::page')
@section('title', env('APP_NAME') . ' - Almacen Productos')
@section('plugins.Datatables', true)
@section('content_header')
    <h1>Almacen</h1>
    <p>
        Sobrantes del dia, se registran los pollos que sobran en el dia.
    </p>
@stop

@section('content')

    <!-- Resumen de Aves -->
    <div class="card">
        <div class="card-header bg-info text-white">
            <h3 class="card-title mb-0">Resumen de Aves</h3>
        </div>
        <div class="card-body">
            <div class="row">
                <!-- Totales por Tipo -->
                <div class="col-md-6">
                    <div class="card shadow-sm">
                        <div class="card-header bg-light">
                            <h5 class="mb-0">Totales por Tipo de Pollo</h5>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-bordered table-hover">
                                    <tbody>
                                        <tr>
                                            <td><strong>Pollo Presa (Macho):</strong></td>
                                            <td class="text-right"><span id="totalPresa">0</span> unidades</td>
                                        </tr>
                                        <tr>
                                            <td><strong>Pollo Brasa (Hembra):</strong></td>
                                            <td class="text-right"><span id="totalBrasa">0</span> unidades</td>
                                        </tr>
                                        <tr>
                                            <td><strong>Pollo Tipo:</strong></td>
                                            <td class="text-right"><span id="totalTipo">0</span> unidades</td>
                                        </tr>
                                        <tr>
                                            <td><strong>Pollo Especial:</strong></td>
                                            <td class="text-right"><span id="totalEspecial">0</span> unidades</td>
                                        </tr>
                                        <tr>
                                            <td><strong>Pollo Saldo:</strong></td>
                                            <td class="text-right"><span id="totalSaldo">0</span> unidades</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Pesos por Tipo -->
                <div class="col-md-6">
                    <div class="card shadow-sm">
                        <div class="card-header bg-light">
                            <h5 class="mb-0">Pesos por Tipo de Pollo</h5>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-bordered table-hover">
                                    <tbody>
                                        <tr>
                                            <td><strong>Peso Pollo Presa:</strong></td>
                                            <td class="text-right"><span id="totalPesoPresa">0</span> kg</td>
                                        </tr>
                                        <tr>
                                            <td><strong>Peso Pollo Brasa:</strong></td>
                                            <td class="text-right"><span id="totalPesoBrasa">0</span> kg</td>
                                        </tr>
                                        <tr>
                                            <td><strong>Peso Pollo Tipo:</strong></td>
                                            <td class="text-right"><span id="totalPesoTipo">0</span> kg</td>
                                        </tr>
                                        <tr>
                                            <td><strong>Peso Pollo Especial:</strong></td>
                                            <td class="text-right"><span id="totalPesoEspecial">0</span> kg</td>
                                        </tr>
                                        <tr>
                                            <td><strong>Peso Pollo Saldo:</strong></td>
                                            <td class="text-right"><span id="totalPesoSaldo">0</span> kg</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Sobrantes del dia -->
    <div class="card">
        <div class="card-header bg-primary">
            <h1 class="card-title">Sobrantes del dia</h1>
        </div>
        <div class="card-body">

            <div class="row mb-3">
                <div class="col-md-3">
                    <label for="searchDate"> <i class="fas fa-calendar-alt"></i> Buscar por Fecha:</label>
                    <input type="date" id="searchDate" class="form-control">
                </div>
                <div class="col-md-1">
                    <button id="filterButton" class="btn btn-primary" style="margin-top: 2.3rem;"> <i class="fas fa-search"></i> Buscar</button>
                </div>
            </div>

            <table class="table table-bordered" id="table-stock">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Fecha Registro</th>
                        <th>Tipo</th>
                        <th>Cantidad Aves</th>
                        <th>Peso Neto</th>
                        <th>Accion</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($stock as $item)
                        <tr>
                            <td>{{ $item->id }}</td>
                            <td>{{ \Carbon\Carbon::parse($item->fecha)->format('d/m/Y') }}</td>
                            <td>{{ $item->tipo_pollo->descripcion }}</td>
                            <td id="tableCantidad">{{ $item->cantidad }}</td>
                            <td id="tablepesoNeto">{{ $item->peso_neto }}</td>
                            <td>
                                @if (\Carbon\Carbon::parse($item->fecha)->format('Y-m-d') == \Carbon\Carbon::now()->format('Y-m-d'))
                                    <button class="btn btn-warning btn-sm editBtn" data-id="{{ $item->id }}"
                                        data-cantidad="{{ $item->cantidad }}"
                                        data-peso="{{ $item->peso_neto }}">Editar</button>
                                @endif
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>

        </div>
    </div>




    <!-- Modal Ajustes-->
    <div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="editModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="editModalLabel">Ajuste de inventario</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form id="editForm">

                        <div class="row">
                            <input type="hidden" id="editId">

                            <div class="col">
                                <div class="form-group">
                                    <label for="editCantidad">Cantidad Aves</label>
                                    <input type="number" class="form-control" id="editCantidad" required disabled>
                                </div>
                            </div>
                            <div class="col">
                                <div class="form-group">
                                    <label for="editPesoNeto">Peso Neto</label>
                                    <input type="number" class="form-control" id="editPesoNeto" step="0.01" required
                                        disabled>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="">Seleccionar Tipo de Ajuste</label>
                            <select name="" id="tipo_ajuste" class="form-control">
                                <option value="1">Aumentar</option>
                                <option value="2">Disminuir</option>
                            </select>
                        </div>

                        <div class="form-group">
                            <label for="">Ingrese cantidad</label>
                            <input type="number" class="form-control" id="cantidad" value="0">
                        </div>

                        <div class="form-group">
                            <label for="">Ingrese peso</label>
                            <input type="number" class="form-control" id="peso" step="0.01" value="0.00">
                        </div>


                        <hr>
                        <button type="submit" class="btn btn-success">Ajustar</button>
                    </form>
                </div>
            </div>
        </div>
    </div>

@stop

@section('css')
    <link href="https://cdn.datatables.net/buttons/1.6.0/css/buttons.dataTables.min.css" rel="stylesheet" />
    <style>
        .summary-section {
            margin-top: 20px;
            font-size: 16px;
            line-height: 1.6;
        }

        .summary-item {
            margin-bottom: 10px;
            font-weight: normal;
        }

        strong {
            font-weight: bold;
            color: #333;
        }
    </style>
@stop

@section('js')
    @include('partials.data_export_js')
    <script src="https://cdn.jsdelivr.net/npm/moment@2.29.1/moment.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script>
        $(document).ready(function() {
            // Inicializa DataTables
            var table = $('#table-stock').DataTable({
                language: {
                    "url": "/js/spanish.json"
                },
                "pageLength": 5,
                "order": [
                    [0, 'desc']
                ],
                dom: 'Bfrtip',
                buttons: [
                    'copyHtml5',
                    'excelHtml5',
                    {
                        extend: 'pdfHtml5',
                        title: 'Sobrantes del dia - ' + '{{ date('d/m/Y') }}',
                        orientation: 'landscape',
                        pageSize: 'A4',
                        customize: function(doc) {
                            // Cambia el color de fondo de los encabezados
                            doc.styles.tableHeader.fillColor = '#2c3e50';
                            doc.styles.tableHeader.color = '#fff';
                            doc.styles.tableHeader.alignment = 'center';
                            doc.styles.tableHeader.fontSize = 12;

                            // Cambia el tamaño de fuente del contenido
                            doc.styles.tableBodyEven.fontSize = 11;
                            doc.styles.tableBodyOdd.fontSize = 11;
                        }
                    }
                ]
            });


            function calcularTotales() {
                let totalCantidad = 0;
                let totalPesoNeto = 0;
                let totalPresa = 0; // Acumulador para tipo "Presa"
                let totalBrasa = 0; // Acumulador para tipo "Brasa"
                let totalTipo = 0; // Acumulador para tipo "Tipo"
                let totalEspecial = 0;
                let totalSaldo = 0;


                let totalPesoSaldo = 0;
                let totalPesoPresa = 0; // Acumulador de peso neto para "Presa"
                let totalPesoBrasa = 0; // Acumulador de peso neto para "Brasa"
                let totalPesoTipo = 0; // Acumulador de peso neto para "Tipo"
                let totalPesoEspecial = 0;

                let hoy = moment().format('DD/MM/YYYY'); // Obtiene la fecha actual en formato 'DD/MM/YYYY'
                let fecha = $('#searchDate').val();
                // Recorre solo las filas visibles después de aplicar el filtro
                table.rows({
                    search: 'applied'
                }).every(function() {
                    let data = this.data(); // Obtén los datos de la fila actual

                    // Obtener el valor de la columna de la fecha (suponiendo que es la segunda columna, índice 1)
                    let fechaFila = data[1]; // Índice 1 para la columna de la fecha, ajusta si es necesario
                    let tipoPollo = data[
                    2]; // Suponiendo que el tipo de pollo está en la columna 3 (índice 2)

                    // Compara la fecha de la fila con la fecha actual
                    if (fecha) {
                        // Si la fecha es la misma, obtenemos los valores de cantidad y peso neto
                        let cantidad = parseInt(data[3]) || 0; // Obtén la cantidad (columna 4, índice 3)
                        let pesoNeto = parseFloat(data[4]) || 0; // Obtén el peso neto (columna 5, índice 4)

                        // Acumula los valores generales
                        totalCantidad += cantidad;
                        totalPesoNeto += pesoNeto;

                        // Acumula los valores según el tipo de pollo
                        if (tipoPollo === 'Pollo Presa') {
                            totalPresa += cantidad; // Acumula solo la cantidad de Presa
                            totalPesoPresa += pesoNeto; // Acumula el peso neto de Presa
                        } else if (tipoPollo === 'Pollo Brasa') {
                            totalBrasa += cantidad; // Acumula solo la cantidad de Brasa
                            totalPesoBrasa += pesoNeto; // Acumula el peso neto de Brasa
                        } else if (tipoPollo === 'Pollo Tipo') {
                            totalTipo += cantidad; // Acumula solo la cantidad de Tipo
                            totalPesoTipo += pesoNeto; // Acumula el peso neto de Tipo
                        } else if (tipoPollo === 'Pollo Especial') {
                            totalEspecial += cantidad;
                            totalPesoEspecial += pesoNeto;
                        } else if (tipoPollo === 'Pollo Saldo') {
                            totalSaldo += cantidad;
                            totalPesoSaldo += pesoNeto;
                        }
                    }
                });

                // Actualiza los valores en las etiquetas correspondientes
                $('#totalCantidad').text(totalCantidad);
                $('#totalPesoNeto').text(totalPesoNeto.toFixed(2)); // Formato de 2 decimales para el peso neto

                // Actualiza el total por tipo (Presa, Brasa y Tipo)
                $('#totalPresa').text(totalPresa); // Muestra el total de "Presa"
                $('#totalBrasa').text(totalBrasa); // Muestra el total de "Brasa"
                $('#totalTipo').text(totalTipo); // Muestra el total de "Tipo"
                $('#totalEspecial').text(totalEspecial); // Muestra el total de "Tipo"
                $('#totalSaldo').text(totalSaldo); // Muestra el total de "Tipo"
                // Muestra el peso neto total por tipo
                $('#totalPesoPresa').text(totalPesoPresa.toFixed(2)); // Muestra el peso neto de "Presa"
                $('#totalPesoBrasa').text(totalPesoBrasa.toFixed(2)); // Muestra el peso neto de "Brasa"
                $('#totalPesoTipo').text(totalPesoTipo.toFixed(2)); // Muestra el peso neto de "Tipo"
                $('#totalPesoEspecial').text(totalPesoEspecial.toFixed(2)); // Muestra el peso neto de "Tipo"
                $('#totalPesoSaldo').text(totalPesoSaldo.toFixed(2)); // Muestra el peso neto de "Tipo"
            }

            // Llamada inicial para calcular los totales cuando la página carga
            calcularTotales();

            // Si se aplica el filtro por fecha, recalcular los totales
            $('#filterButton').on('click', function() {
                var selectedDate = $('#searchDate').val();

                if (!selectedDate) {
                    Swal.fire({
                        title: 'No se puede buscar sin fecha',
                        text: 'Por favor, seleccione una fecha',
                        icon: 'warning',
                        timer: 3000,
                        showConfirmButton: true
                    });
                    return;
                }

                if (selectedDate) {
                    var formattedDate = moment(selectedDate).format('DD/MM/YYYY');
                    table.column(1).search('^' + formattedDate + '$', true, false).draw();
                } else {
                    table.column(1).search('').draw();
                }

                // Después de aplicar el filtro, recalcular los totales
                calcularTotales();
            });

            // Si se cambia la página o se realiza cualquier otra acción en la tabla, recalcular los totales
            table.on('draw', function() {
                calcularTotales();
            });


            // Manejar clic en el botón de Editar
            $(document).on('click', '.editBtn', function() {
                var id = $(this).data('id');
                var cantidad = $(this).data('cantidad');
                var pesoNeto = $(this).data('peso');

                // Llenar los campos del formulario con la información del registro
                $('#editId').val(id);
                $('#editCantidad').val(cantidad);
                $('#editPesoNeto').val(pesoNeto);

                // Mostrar la modal
                $('#editModal').modal('show');
            });


            // Manejar el envío del formulario de edición
            $('#editForm').on('submit', function(e) {
                e.preventDefault();

                let id = $('#editId').val();
                let tipoAjuste = $('#tipo_ajuste').val();
                let cantidad = $('#cantidad').val();
                let pesoNeto = $('#peso').val();
                // console.log(tipoAjuste);


                // Mostrar SweetAlert para confirmar la acción
                Swal.fire({
                    title: '¿Estás seguro?',
                    text: "¿Deseas actualizar el registro?",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonText: 'Sí, actualizar',
                    cancelButtonText: 'Cancelar'
                }).then((result) => {
                    if (result.isConfirmed) {
                        // Si el usuario confirma la acción, enviar la solicitud AJAX
                        $.ajax({
                            url: '{{ route('almacen.update') }}', // Cambia esta URL por la ruta correcta
                            method: 'POST',
                            data: {
                                id: id,
                                cantidad: cantidad,
                                peso_neto: pesoNeto,
                                tipo_ajuste: tipoAjuste,
                                _token: '{{ csrf_token() }}' // Token CSRF
                            },
                            success: function(response) {
                                // Si la actualización fue exitosa, mostrar un mensaje de éxito
                                Swal.fire(
                                    'Actualizado!',
                                    'El registro ha sido actualizado con éxito.',
                                    'success'
                                );

                                // Cerrar la modal
                                $('#editModal').modal('hide');

                                // Actualizar la tabla sin recargarla
                                var row = $('#table-stock').find('tr[data-id="' + id +
                                    '"]');
                                row.find('#tableCantidad').text(cantidad);
                                row.find('#tablepesoNeto').text(pesoNeto);

                                // Recalcular los totales si es necesario
                                calcularTotales();
                                location.reload();
                            },
                            error: function(error) {
                                // Si ocurre un error, mostrar un mensaje de error
                                Swal.fire(
                                    'Error!',
                                    'Hubo un problema al actualizar el registro.',
                                    'error'
                                );
                            }
                        });
                    }
                });
            });



        });
    </script>
@stop