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

@section('content')
    <div class="card">
        <div class="card-header">
            <h1 class="card-title">Inventario Productos</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" id="table-stock">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Fecha Registro</th>
                        <th>Tipo</th>
                        <th>Cantidad Aves</th>
                        <th>Peso Neto</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>
                        </tr>
                    @endforeach
                </tbody>
            </table>
            <br><br>
            <hr>
            <h2>Cantidad de Aves: <span id="totalCantidad"></span></h2>
            <h2>Peso Neto Total: <span id="totalPesoNeto"></span></h2>
            <h2># Pollo Presa (Macho): <span id="totalPresa"></span></h2>
            <h2># Pollo Brasa (Hembra): <span id="totalBrasa"></span></h2>

        </div>
    </div>
@stop

@section('css')

@stop

@section('js')
    <script src="https://cdn.jsdelivr.net/npm/moment@2.29.1/moment.min.js"></script>
    <script>
        $(document).ready(function() {
            // Inicializa DataTables
            var table = $('#table-stock').DataTable({
                language: {
                    "url": "/js/spanish.json"
                },
                pageLength: 25
            });

            function calcularTotales() {
                var totalCantidad = 0;
                var totalPesoNeto = 0;
                var totalPresa = 0; // Acumulador para tipo "Presa"
                var totalBrasa = 0; // Acumulador para tipo "Brasa"
                var 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() {
                    var 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)
                    var fechaFila = data[1]; // Índice 1 para la columna de la fecha, ajusta si es necesario
                    var 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
                        var cantidad = parseInt(data[3]) || 0; // Obtén la cantidad (columna 4, índice 3)
                        var 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
                        }
                    }
                });

                // 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"
            }




            // 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();
            });
        });
    </script>
@stop