@extends('adminlte::page')
@section('title', 'Almacen Productos')
@section('plugins.Datatables', true)
@section('content_header')
    <h1>Almacen</h1>
@stop

@section('content')
    <div class="card">
        <div class="card-header">
            <h1 class="card-title">Almacen | stock diario</h1>
        </div>


        <div class="card-body">

            <div class="row mb-3">
                <div class="col-md-3">
                    <label for="searchDate">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;">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>
            <br><br>
            <hr>


            <h3>Resumen de Aves | Almacen </h3>
            <div class="summary-section">
                <div class="summary-item">
                    <strong>Cantidad de Aves:</strong> <span id="totalCantidad">0</span> unidades
                </div>
                <div class="summary-item">
                    <strong>Peso Total Neto:</strong> <span id="totalPesoNeto">0</span> kg
                </div>
                <div class="summary-item">
                    <strong>Pollo Presa (Macho):</strong> <span id="totalPresa">0</span> unidades
                </div>
                <div class="summary-item">
                    <strong>Pollo Brasa (Hembra):</strong> <span id="totalBrasa">0</span> unidades
                </div>
                <div class="summary-item">
                    <strong>Pollo Tipo:</strong> <span id="totalTipo">0</span> unidades
                </div>
            </div>



        </div>
    </div>


    <!-- Modal -->
    <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 cantidad</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')
    <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')
    <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: 25,
                "order": [
                    [0, 'desc']
                ] // Ordenar la columna 0 de forma ascendente
            });

            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 hoy = moment().format('DD/MM/YYYY'); // Obtiene la fecha actual en formato 'DD/MM/YYYY'

                // 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 (fechaFila === hoy) {
                        // 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
                        } else if (tipoPollo === 'Pollo Brasa') {
                            totalBrasa += cantidad; // Acumula solo la cantidad de Brasa
                        }else if (tipoPollo === 'Pollo Tipo') {
                            totalTipo += cantidad; // Acumula solo la cantidad de Brasa
                        }
                    }
                });

                // 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 y Brasa)
                $('#totalPresa').text(totalPresa); // Muestra el total de "Presa"
                $('#totalBrasa').text(totalBrasa); // Muestra el total de "Brasa"
                $('#totalTipo').text(totalTipo); // Muestra el total de "Brasa"
            }




            // 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) {
                    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('stock-diario.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