@extends('adminlte::page')
@section('title', 'Reporte Final del día')
@section('plugins.Datatables', true)
@section('content_header')
    <h4>Reporte Final</h4>
@stop

@section('content')
    <div class="card">
        <div class="card-header">
            Datos Final del día
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">

                        <form action="">
                            <label for="">Filtrar por Fecha:</label>
                            <input type="date" class="form-control"> <br>
                            <button type="button" class="btn btn-primary">Procesar Información</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col md-6">
            <div class="card">
                <div class="card-header">
                    Ingreso de Productos
                </div>
                <div class="card-body">
                    <!-- Tabla de datos -->
                    <table class="table table-bordered" id="tabla-reportes">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Tipo de Ingreso</th>
                                <th>Fecha de Ingreso</th>
                                <th>Peso Bruto</th>
                                <th>Peso Tara</th>
                                <th>Peso Neto</th>
                                <th>Cantidad de Pollos</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($dataIngresos as $dato)
                                <tr>
                                    <td>-</td>
                                    <td>{{ $dato->tipo_ingreso == 1 ? 'CAMION' : 'STOCK' }}</td>
                                    <td>{{ $dato->fecha_ingreso }}</td>
                                    <td>{{ $dato->peso_bruto }}</td>
                                    <td>{{ $dato->peso_tara }}</td>
                                    <td>{{ $dato->peso_neto }}</td>
                                    <td>{{ $dato->detalle_sum_cantidad_pollos }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                        <tfoot>
                            <tr>
                                <td colspan="3"><strong>TOTAL DISPONIBLE</strong></td>
                                <td><strong id="total-peso-bruto">0</strong></td>
                                <td><strong id="total-peso-tara">0</strong></td>
                                <td><strong id="total-peso-neto">0</strong></td>
                                <td><strong id="total-cantidad-pollos">0</strong></td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>

        <div class="col md-6">
            <div class="card">
                <div class="card-header">
                    Despacho de Productos
                </div>
                <div class="card-body">
                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th>Tipo de Ingreso</th>
                                <th>Cantidad Pollos</th>
                                <th>Peso Neto</th>
                            </tr>
                        </thead>
                        <tbody>
                            <!-- Mostrar el total para CAMION -->
                            <tr>
                                <td>CAMION</td>
                                <td class="cantidad-pollos-camion"> {{ $totales['CAMION']['cantidad_pollos'] }} </td>
                                <td class="peso-neto-camion"> {{ $totales['CAMION']['peso_neto'] }}  </td>
                            </tr>

                            <!-- Mostrar el total para STOCK -->
                            <tr>
                                <td>STOCK</td>
                                <td class="cantidad-pollos-stock"> {{ $totales['STOCK']['cantidad_pollos'] }} </td>
                                <td class="peso-neto-stock"> {{ $totales['STOCK']['peso_neto'] }}  </td>
                            </tr>
                        </tbody>
                        <tfoot>
                            <tr>
                                <td><strong>TOTAL DESPACHOS</strong></td>
                                <td> <strong id="total-cantidad-pollos-despachados"></strong> </td>
                                <td> <strong id="total-peso-neto-despachados"></strong> </td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>

    </div>
@stop

@section('js')
    <script>

            function totalIngresos() {
                // Variables para almacenar las sumas
                let totalPesoBruto = 0;
                let totalPesoTara = 0;
                let totalPesoNeto = 0;
                let totalCantidadPollos = 0;

                // Obtener todas las filas de la tabla (excepto la cabecera)
                const rows = document.querySelectorAll("#tabla-reportes tbody tr");

                // Recorrer cada fila para sumar las columnas
                rows.forEach(row => {
                    // Obtener los valores de cada columna (convertidos a número)
                    const pesoBruto = parseFloat(row.cells[3].innerText) || 0;
                    const pesoTara = parseFloat(row.cells[4].innerText) || 0;
                    const pesoNeto = parseFloat(row.cells[5].innerText) || 0;
                    const cantidadPollos = parseFloat(row.cells[6].innerText) || 0;

                    // Sumar los valores
                    totalPesoBruto += pesoBruto;
                    totalPesoTara += pesoTara;
                    totalPesoNeto += pesoNeto;
                    totalCantidadPollos += cantidadPollos;
                });

                // Mostrar los totales en el tfoot
                document.getElementById("total-peso-bruto").innerText = totalPesoBruto.toFixed(2);
                document.getElementById("total-peso-tara").innerText = totalPesoTara.toFixed(2);
                document.getElementById("total-peso-neto").innerText = totalPesoNeto.toFixed(2);
                document.getElementById("total-cantidad-pollos").innerText = totalCantidadPollos.toFixed(2);
            }

            function totalDespachos()
            {
                // Obtén los valores de "Cantidad Pollos" y "Peso Neto" para cada fila
                const cantidadPollosCamion = parseFloat(document.querySelector('.cantidad-pollos-camion').textContent) || 0;
                const pesoNetoCamion = parseFloat(document.querySelector('.peso-neto-camion').textContent) || 0;

                const cantidadPollosStock = parseFloat(document.querySelector('.cantidad-pollos-stock').textContent) || 0;
                const pesoNetoStock = parseFloat(document.querySelector('.peso-neto-stock').textContent) || 0;

                // Sumar los valores de cada columna
                const totalCantidadPollos = cantidadPollosCamion + cantidadPollosStock;
                const totalPesoNeto = pesoNetoCamion + pesoNetoStock;

                // Actualizar los totales en el pie de la tabla
                document.getElementById('total-cantidad-pollos-despachados').textContent =  totalCantidadPollos.toFixed(2);
                document.getElementById('total-peso-neto-despachados').textContent = totalPesoNeto.toFixed(2); // Mostrar con 2 decimales


            }

        // Esperamos a que el DOM esté completamente cargado
        document.addEventListener("DOMContentLoaded", function() {
            //resultados
            totalIngresos();
            totalDespachos();
        });
    </script>
@endsection