@extends('adminlte::page')
@section('title', config('app.name') . ' - Detalle Orden de Ingreso')
@section('content_header')
    <h1>Orden de Ingreso</h1>
@endsection

@section('content')
    <div class="card">
        <div class="card-header">
            <h1 class="card-title">Información</h1>
        </div>
        <div class="card-body">

            <div class="row">
                <div class="col-md-6">
                    <div class="info-box">
                        <span class="info-box-icon bg-info"><i class="fas fa-file-alt"></i></span>
                        <div class="info-box-content">
                            <span class="info-box-text">Número de Guía</span>
                            <span class="info-box-number">{{ $ordenIngreso->numero_guia }}</span>
                        </div>
                    </div>
                    <div class="info-box">
                        <span class="info-box-icon bg-success"><i class="fas fa-map-marker-alt"></i></span>
                        <div class="info-box-content">
                            <span class="info-box-text">Lugar de Procedencia</span>
                            <span class="info-box-number">{{ $ordenIngreso->lugar_procedencia }}</span>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="info-box">
                        <span class="info-box-icon bg-warning"><i class="fas fa-weight"></i></span>
                        <div class="info-box-content">
                            <span class="info-box-text">Pesos</span>
                            <span class="info-box-number">
                                Bruto: {{ $ordenIngreso->peso_bruto }} kg<br>
                                Tara: {{ $ordenIngreso->peso_tara }} kg<br>
                                Neto: {{ $ordenIngreso->peso_neto }} kg
                            </span>
                            <span>Estado:
                                @if ($ordenIngreso->estado)
                                    <span class="badge badge-success">Activo</span>
                                @endif
                            </span>
                        </div>
                    </div>
                </div>
            </div>



            <div class="detalle pt-5">
                <h3 class="pb-3">Detalle:</h3>
                <table class="table table-bordered">
                    <thead class="thead-dark">
                        <tr>
                            <th>Presentación</th>
                            <th>Tipo de Pollo</th>
                            <th>Cantidad Pollos</th>
                            <th>Cantidad Jabas</th>
                            <th>Peso Neto</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($ordenIngreso->detalle as $detalle)
                            <tr>
                                <td>{{ $detalle->presentacion_pollo->descripcion }}</td>
                                <td>{{ $detalle->tipo_pollo->descripcion }}</td>
                                <td>{{ $detalle->cantidad_pollos }}</td>
                                <td>{{ $detalle->cantidad_jabas }}</td>
                                <td>{{ $detalle->peso_neto }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                    <tfoot>
                        <tr>
                            <td>-</td>
                            <td colspan="1"> <b>TOTALES:</b> </td>
                            <td id="totalPollos">0</td>
                            <td id="totalJabas">0</td>
                            <td id="totalPesoNeto">0</td>
                        </tr>
                    </tfoot>
                </table>
            </div>

            <div class="button">
                <a href="{{ route('ordenes-ingreso.index') }}" class="btn btn-warning">Lista de Ingresos</a>
            </div>

        </div>
    </div>
@endsection

@section('css')

@endsection

@section('js')
    <script>
        $(document).ready(function() {
            function sumarColumnas() {
                let totalPollos = 0;
                let totalJabas = 0;
                let totalPesoNeto = 0;

                // Iterar sobre cada fila de la tabla (excluyendo el encabezado y el pie de tabla)
                $('.table tbody tr').each(function() {
                    const cantidadPollos = parseInt($(this).find('td:nth-child(3)').text()) || 0;
                    const cantidadJabas = parseInt($(this).find('td:nth-child(4)').text()) || 0;
                    const pesoNeto = parseFloat($(this).find('td:nth-child(5)').text()) || 0;

                    totalPollos += cantidadPollos;
                    totalJabas += cantidadJabas;
                    totalPesoNeto += pesoNeto;
                });

                // Mostrar los totales en el tfoot
                $('#totalPollos').text(totalPollos);
                $('#totalJabas').text(totalJabas);
                $('#totalPesoNeto').text(totalPesoNeto.toFixed(2)); // Limitar a 2 decimales
            }

            // Llamar a la función para sumar al cargar la página
            sumarColumnas();
        });
    </script>
@endsection