@extends('adminlte::page')

@section('title', config('app.name') . ' - Detalle Orden de Despacho')

@section('content_header')
    <h1><i class="fas fa-truck"></i> Orden de Despacho</h1>
@stop

@section('content')
    <!-- Información General -->
    <div class="card mb-3">
        <div class="card-header bg-primary text-white">
            <h3 class="card-title mb-0">
                <i class="fas fa-info-circle mr-2"></i> Información de la Orden
            </h3>
        </div>
        <div class="card-body">
            <div class="row">
                <!-- Cliente -->
                <div class="col-md-3 col-sm-6 mb-3">
                    <div class="info-box">
                        <span class="info-box-icon bg-info elevation-1">
                            <i class="fas fa-user"></i>
                        </span>
                        <div class="info-box-content">
                            <span class="info-box-text">Cliente</span>
                            <span class="info-box-number">{{ $orden->cliente->razon_social }}</span>
                        </div>
                    </div>
                </div>

                <!-- Serie de Orden -->
                <div class="col-md-3 col-sm-6 mb-3">
                    <div class="info-box">
                        <span class="info-box-icon bg-primary elevation-1">
                            <i class="fas fa-barcode"></i>
                        </span>
                        <div class="info-box-content">
                            <span class="info-box-text">Serie de Orden</span>
                            <span class="info-box-number">{{ $orden->serie_orden }}</span>
                        </div>
                    </div>
                </div>

                <!-- Fecha de Despacho -->
                <div class="col-md-3 col-sm-6 mb-3">
                    <div class="info-box">
                        <span class="info-box-icon bg-success elevation-1">
                            <i class="fas fa-calendar-alt"></i>
                        </span>
                        <div class="info-box-content">
                            <span class="info-box-text">Fecha de Despacho</span>
                            <span class="info-box-number">
                                {{ \Carbon\Carbon::parse($orden->fecha_despacho)->format('d/m/Y') }}
                            </span>
                        </div>
                    </div>
                </div>

                <!-- Estado -->
                <div class="col-md-3 col-sm-6 mb-3">
                    <div class="info-box">
                        <span class="info-box-icon bg-warning elevation-1">
                            <i class="fas fa-info-circle"></i>
                        </span>
                        <div class="info-box-content">
                            <span class="info-box-text">Estado</span>
                            <span class="info-box-number">
                                @if($orden->estado_despacho)
                                    Despachado
                                @else
                                    Por Despachar
                                @endif
                            </span>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Pesos -->
            <div class="row">
                <div class="col-md-12">
                    <div class="card card-outline card-warning">
                        <div class="card-header">
                            <h3 class="card-title">
                                <i class="fas fa-weight mr-2"></i> Pesos
                            </h3>
                        </div>
                        <div class="card-body">
                            <div class="row text-center">
                                <div class="col-md-3">
                                    <div class="description-block border-right">
                                        <span class="description-text">Peso Total Bruto</span>
                                        <h5 class="description-header text-primary">
                                            {{ number_format($orden->peso_total_bruto, 2) }} kg
                                        </h5>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="description-block border-right">
                                        <span class="description-text">Tara</span>
                                        <h5 class="description-header text-secondary">
                                            {{ number_format($orden->tara, 2) }} kg
                                        </h5>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="description-block border-right">
                                        <span class="description-text">Cantidad de Jabas</span>
                                        <h5 class="description-header text-warning">
                                            {{ number_format($orden->cantidad_jabas, 0) }}
                                        </h5>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="description-block">
                                        <span class="description-text">Peso Total Neto</span>
                                        <h5 class="description-header text-success">
                                            {{ number_format($orden->peso_total_neto - ($orden->descuento_peso ?? 0), 2) }} kg
                                        </h5>
                                    </div>
                                </div>
                            </div>
                            @if($orden->check_beneficiado)
                            <div class="row mt-3">
                                <div class="col-md-12 text-center">
                                    <span class="badge badge-success">Nota de Ingreso a Beneficiado: Sí</span>
                                </div>
                            </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Detalle de la Orden -->
    <div class="card">
        <div class="card-header bg-info text-white">
            <h3 class="card-title mb-0">
                <i class="fas fa-list mr-2"></i> Detalles de la Orden
            </h3>
        </div>
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-bordered table-hover mb-0">
                    <thead class="bg-light">
                        <tr>
                            <th style="width: 5%;">#</th>
                            <th style="width: 10%;">Presentación</th>
                            <th style="width: 10%;">Tipo</th>
                            <th style="width: 15%;" class="text-center">Cantidad Pollos</th>
                            <th style="width: 15%;" class="text-center">Cantidad Jabas</th>
                            <th style="width: 15%;" class="text-right">Peso Bruto</th>
                            <th style="width: 20%;" class="text-right">Tara</th>
                            <th style="width: 20%;" class="text-right">Peso Neto</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($orden->detalles as $index => $detalle)
                            <tr>
                                <td class="text-center">{{ $index + 1 }}</td>
                                <td><strong>{{ $detalle->presentacion_pollo_descripcion ?? 'N/A' }}</strong></td>
                                <td>{{ $detalle->tipo_pollo_descripcion ?? 'N/A' }}</td>
                                <td class="text-center">{{ number_format($detalle->cantidad_pollos, 0) }}</td>
                                <td class="text-center">{{ number_format($detalle->cantidad_jabas, 0) }}</td>
                                <td class="text-right">{{ number_format($detalle->peso_bruto, 2) }} kg</td>
                                <td class="text-right">{{ number_format($detalle->tara, 2) }} kg</td>
                                <td class="text-right">{{ number_format($detalle->peso_neto, 2) }} kg</td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="8" class="text-center text-muted py-4">
                                    <i class="fas fa-inbox fa-2x mb-2"></i>
                                    <p class="mb-0">No hay detalles registrados</p>
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                    <tfoot class="bg-light font-weight-bold">
                        <tr>
                            <td colspan="3" class="text-right">TOTALES ORDEN:</td>
                            <td class="text-center">{{ number_format($orden->cantidad_pollos, 0) }}</td>
                            <td class="text-center">{{ number_format($orden->cantidad_jabas, 0) }}</td>
                            <td class="text-right">{{ number_format($orden->peso_total_bruto, 2) }} kg</td>
                            <td class="text-right">{{ number_format($orden->tara, 2) }} kg</td>
                            <td class="text-right">{{ number_format($orden->peso_total_neto, 2) }} kg</td>
                        </tr>
                        @if($orden->descuento_pollos > 0 || $orden->descuento_peso > 0)
                        <tr class="bg-danger text-white">
                            <td colspan="3" class="text-right">DESCUENTOS:</td>
                            <td class="text-center">{{ number_format($orden->descuento_pollos, 0) }}</td>
                            <td class="text-center">-</td>
                            <td class="text-right">-</td>
                            <td class="text-right">-</td>
                            <td class="text-right">{{ number_format($orden->descuento_peso, 2) }} kg</td>
                        </tr>
                        <tr class="bg-success text-white">
                            <td colspan="3" class="text-right">TOTAL CON DESCUENTOS:</td>
                            <td class="text-center">{{ number_format($orden->cantidad_pollos - $orden->descuento_pollos, 0) }}</td>
                            <td class="text-center">{{ number_format($orden->cantidad_jabas, 0) }}</td>
                            <td class="text-right">{{ number_format($orden->peso_total_bruto, 2) }} kg</td>
                            <td class="text-right">{{ number_format($orden->tara, 2) }} kg</td>
                            <td class="text-right">{{ number_format($orden->peso_total_neto - $orden->descuento_peso, 2) }} kg</td>
                        </tr>
                        @endif
                    </tfoot>
                </table>
            </div>
        </div>
    </div>

    <!-- Botones de Acción -->
    <div class="card mt-3">
        <div class="card-footer">
            <a href="{{ route('ordenes-de-despacho.index') }}" class="btn btn-warning">
                <i class="fas fa-list mr-2"></i> Lista de Órdenes
            </a>
            <a href="{{ route('ordenes-de-despacho.print', ['id' => $orden->id, 'format' => 'a4']) }}"
               class="btn btn-danger ml-2" target="_blank">
                <i class="fas fa-file-pdf"></i> Descargar PDF
            </a>
        </div>
    </div>
@stop

@section('css')
@stop

@section('js')
@stop