@extends('adminlte::page')

@section('title', 'Detalles de la Orden de Despacho')

@section('content_header')
    <h1>Detalles de la Orden de Despacho</h1>
@endsection

@section('content')
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">Información de la Orden</h3>
            <!-- Botón para abrir el modal -->
            {{-- <button class="btn btn-primary float-right" onclick="printOrder()">Imprimir Orden</button> --}}

        </div>
        <!-- /.card-header -->
        <div class="card-body">
            <!-- Información de la Orden -->
            <div class="row">
                <div class="col-md-6">
                    <p><strong>Cliente:</strong> {{ $orden->cliente->razon_social }}</p>
                    <p><strong>Serie de Orden:</strong> {{ $orden->serie_orden }}</p>
                    <p><strong>Fecha de
                            Despacho:</strong> {{ \Carbon\Carbon::parse($orden->fecha_despacho)->format('d/m/Y') }}
                    </p>
                    <p><strong>Nota de Ingreso a beneficiado: </strong> {{ $orden->check_beneficiado ? 'Si' : 'No' }} </p>
                    <p><strong>Estado:</strong> {{ $orden->estado_despacho ? 'Despachado' : 'Por despachar' }}</p>
                </div>
                <div class="col-md-6">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="info-box">
                                <span class="info-box-icon bg-info"><i class="fas fa-weight"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Peso Total Bruto</span>
                                    <span class="info-box-number">{{ number_format($orden->peso_total_bruto, 2) }}</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">Cantidad de Jabas</span>
                                    <span class="info-box-number">{{ $orden->cantidad_jabas }}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="info-box">
                                <span class="info-box-icon bg-danger"><i class="fas fa-weight"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Tara</span>
                                    <span class="info-box-number">{{ number_format($orden->tara, 2) }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="info-box">
                                <span class="info-box-icon bg-success"><i class="fas fa-weight"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Peso Total Neto</span>
                                    <span class="info-box-number">{{ number_format($orden->peso_total_neto - $orden->descuento_peso, 2) }}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Detalles de la Orden -->
            <hr>
            <div>
                <h4>Detalles de la Orden</h4>
                <table class="table table-bordered table-striped">
                    <thead class="thead-dark">
                        <tr>
                            <th>Presentación</th>
                            <th>Tipo</th>
                            <th>Cantidad de Pollos</th>
                            <th>Cantidad de Jabas</th>
                            <th>Peso Bruto</th>
                            <th>Tara</th>
                            <th>Peso Neto</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($orden->detalles 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>{{ number_format($detalle->peso_bruto, 2) }}</td>
                                <td>{{ number_format($detalle->tara, 2) }}</td>
                                <td>{{ number_format($detalle->peso_neto, 2) }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                    <tfoot class="tfoot-dark">
                        <tr class="tfoot-order">
                            <td colspan="2" class="font-weight-bold">TOTALES ORDEN</td>
                            <td id="totalPollos" class="font-weight-bold">{{ $orden->cantidad_pollos }}</td>
                            <td id="totalJabas" class="font-weight-bold">{{ $orden->cantidad_jabas }}</td>
                            <td id="totalPesoBruto" class="font-weight-bold">{{ number_format($orden->peso_total_bruto, 2) }}</td>
                            <td id="totalTara" class="font-weight-bold">{{ number_format($orden->tara, 2) }}</td>
                            <td id="totalPesoNeto" class="font-weight-bold">{{ number_format($orden->peso_total_neto, 2) }}</td>
                        </tr>
                        @if($orden->descuento_pollos > 0 || $orden->descuento_peso > 0)
                        <tr class="tfoot-descuento">
                            <td colspan="2" class="font-weight-bold text-danger">DESCUENTOS</td>
                            <td class="font-weight-bold text-danger">{{ number_format($orden->descuento_pollos) }}</td>
                            <td class="font-weight-bold">-</td>
                            <td class="font-weight-bold">-</td>
                            <td class="font-weight-bold">-</td>
                            <td class="font-weight-bold text-danger">{{ number_format($orden->descuento_peso, 2) }}</td>
                        </tr>
                        <tr class="tfoot-total">
                            <td colspan="2" class="font-weight-bold">TOTAL CON DESCUENTOS</td>
                            <td class="font-weight-bold">{{ number_format($orden->cantidad_pollos - $orden->descuento_pollos) }}</td>
                            <td class="font-weight-bold">{{ $orden->cantidad_jabas }}</td>
                            <td class="font-weight-bold">{{ number_format($orden->peso_total_bruto, 2) }}</td>
                            <td class="font-weight-bold">{{ number_format($orden->tara, 2) }}</td>
                            <td class="font-weight-bold">{{ number_format($orden->peso_total_neto - $orden->descuento_peso, 2) }}</td>
                        </tr>
                        @endif
                    </tfoot>
                </table>
            </div>
        </div>
        <!-- /.card-body -->
        <div class="card-footer">
            <a href="{{ route('ordenes-de-despacho.index') }}" class="btn btn-warning">
                <i class="fas fa-list"></i> Lista de Ordenes
            </a>
        </div>
    </div>
    <!-- /.card -->


@endsection

@section('css')
    <style>
        @media print {
            .no-print {
                display: none;
            }

            /* Aquí puedes añadir otros estilos para la impresión */
        }

        .tfoot-order {
            background: #cddcec;
        }

        .tfoot-descuento {
            background: #ffe6e6;
            border-top: 2px solid #dc3545;
        }

        .tfoot-total {
            background: #e8f5e8;
            border-top: 2px solid #28a745;
            font-weight: bold;
        }

        .tfoot-total td {
            font-size: 1.1em;
        }
    </style>
@endsection

@section('js')

@endsection