@extends('adminlte::page')
@section('title', env('APP_NAME') . ' - Editar pedido')
@section('plugins.Select2', true)
@section('plugins.Datatables', true)
@section('content_header')
    <div class="d-flex justify-content-between align-items-center">
        <h1>Editar Pedido #{{ $pedido->id }}</h1>
        <div>
            <button type="button" class="btn btn-warning btn-sm" id="btnLimpiarDatos" title="Limpiar datos guardados automáticamente">
                <i class="fas fa-broom"></i> Limpiar Datos Guardados
            </button>
        </div>
    </div>
@stop

@section('content')
    <div class="row">
        <!-- Sección principal -->
        <div class="col-md-9">
            <div class="card mb-3">
                <div class="card-header bg-primary text-white">
                    <h4 class="card-title mb-0"><i class="fas fa-clipboard-list"></i> Datos Generales del Pedido</h4>
                </div>
                <div class="card-body">
                    <form id="pedidoForm" action="{{ route('pedidos.update', $pedido->id) }}" method="POST"
                        autocomplete="off">
                        @csrf
                        @method('PUT')
                        <input type="hidden" id="pedidoId" value="{{ $pedido->id }}">
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="fecha_pedido">Fecha de pedido</label>
                                    <input type="date" name="fecha_pedido" id="fecha_pedido" class="form-control"
                                        value="{{ $pedido->fecha_pedido }}" required autofocus>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="tipo_lista">Seleccionar Lista</label>
                                    <select name="tipo_lista" id="tipo_lista" class="form-control">
                                        <option value="0" {{ $pedido->lista_pedido == 0 ? 'selected' : '' }}>Pollo Vivo
                                        </option>
                                        <option value="1" {{ $pedido->lista_pedido == 1 ? 'selected' : '' }}>Pollo
                                            Beneficiado</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <hr>
                        <!-- Sección Cliente -->
                        <div class="row mb-3 align-items-end">
                            <div class="col-md-8">
                                <div class="form-group">
                                    <label for="cliente_id">Seleccionar cliente</label>
                                    <select name="cliente_id" id="cliente_id" class="form-control select2">
                                        <option value="">-- Seleccione un cliente --</option>
                                        @foreach ($clientes as $cliente)
                                            <option value="{{ $cliente->id }}"
                                                {{ $pedido->cliente_id == $cliente->id ? 'selected' : '' }}>
                                                {{ $cliente->nombre_comercial }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                        <hr>
                        <!-- Sección Productos/Pedido -->
                        <div class="card mb-3">
                            <div class="card-header bg-info text-white">
                                <h5 class="mb-0"><i class="fas fa-drumstick-bite"></i> Editar Detalles del Pedido</h5>
                            </div>
                            <div class="card-body pb-1" id="toma-de-pedidos">

                                <!-- Formulario de ingreso rápido para agregar nuevos detalles -->
                                <div class="row">
                                    <div class="col-md-2 mb-1">
                                        <div class="form-group">
                                            <label for="cantidad_brasa">Pollo Hembra (Brasa)</label>
                                            <input type="number" name="cantidad_brasa" id="cantidad_brasa"
                                                class="form-control" value="0" min="0">
                                        </div>
                                    </div>
                                    <div class="col-md-1 mb-1">
                                        <div class="form-group">
                                            <label for="promedio_brasa" class="text-red">P. Promedio</label>
                                            <input type="number" name="promedio_brasa" id="promedio_brasa"
                                                class="form-control text-red" value="0" min="0">
                                        </div>
                                    </div>
                                    <div class="col-md-2 mb-1">
                                        <div class="form-group">
                                            <label for="cantidad_presa">Pollo Macho (Presa)</label>
                                            <input type="number" name="cantidad_presa" id="cantidad_presa"
                                                class="form-control" value="0" min="0">
                                        </div>
                                    </div>
                                    <div class="col-md-1 mb-1">
                                        <div class="form-group">
                                            <label for="promedio_presa" class="text-red">P. Promedio</label>
                                            <input type="number" name="promedio_presa" id="promedio_presa"
                                                class="form-control text-red" value="0" min="0">
                                        </div>
                                    </div>
                                    <div class="col-md-2 mb-1">
                                        <div class="form-group">
                                            <label for="cantidad_tipo">Pollo Tipo</label>
                                            <input type="number" name="cantidad_tipo" id="cantidad_tipo"
                                                class="form-control" value="0" min="0">
                                        </div>
                                    </div>
                                    <div class="col-md-1 mb-1">
                                        <div class="form-group">
                                            <label for="promedio_tipo" class="text-red">P. Promedio</label>
                                            <input type="number" name="promedio_tipo" id="promedio_tipo"
                                                class="form-control text-red" value="0" min="0">
                                        </div>
                                    </div>
                                    <div class="col-md-2 mb-1">
                                        <div class="form-group">
                                            <label for="cantidad_pollada">Pollo Brasero</label>
                                            <input type="number" name="cantidad_pollada" id="cantidad_pollada"
                                                class="form-control" value="0" min="0">
                                        </div>
                                    </div>
                                    <div class="col-md-1 mb-1">
                                        <div class="form-group">
                                            <label for="promedio_pollada" class="text-red">P. Promedio</label>
                                            <input type="number" name="promedio_pollada" id="promedio_pollada"
                                                class="form-control text-red" value="0" min="0">
                                        </div>
                                    </div>
                                    <div class="col-md-2 mb-1">
                                        <div class="form-group">
                                            <label for="cantidad_pollo_saldo">Pollo Saldo</label>
                                            <input type="number" name="cantidad_pollo_saldo" id="cantidad_pollo_saldo" class="form-control" value="0" min="0">
                                        </div>
                                    </div>
                                    <div class="col-md-1 mb-1">
                                        <div class="form-group">
                                            <label for="promedio_pollo_saldo" class="text-red">P. Promedio</label>
                                            <input type="number" name="promedio_pollo_saldo" id="promedio_pollo_saldo" class="form-control text-red" value="0" min="0">
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-12 mb-4">
                                        <div class="form-group">
                                            <label for="comentario">Observación</label>
                                            <textarea id="comentario" class="form-control" rows="2" placeholder="Escribe alguna observación aquí..."></textarea>
                                        </div>
                                    </div>

                                    <div class="col-md-4" style="margin-top: 30px;">
                                        <div class="form-group">
                                            <button type="button" class="btn btn-info flex-grow-1 btn-sm mr-2" id="btnAddDetail"><i class="fas fa-plus"></i> Agregar a Lista</button>

                                        </div>
                                    </div>


                                </div>
                                <div class="table-responsive">
                                    <div class="alert alert-secondary mb-2 p-2">
                                        Edite los valores directamente en la tabla.
                                    </div>

                                    <table class="table table-bordered table-hover mt-3" id="detailsPedido">
                                        <thead class="thead-light">
                                            <tr>
                                                <th>Cliente</th>
                                                <th>C. Brasa</th>
                                                <th class="text-red">P. Promedio</th>
                                                <th>C. Presa</th>
                                                <th class="text-red">P. Promedio</th>
                                                <th>C. Tipo</th>
                                                <th class="text-red">P. Promedio</th>
                                                <th>C. Brasero</th>
                                                <th class="text-red">P. Promedio</th>
                                                <th>C. Saldo</th>
                                                <th class="text-red">P. Promedio</th>
                                                <th>Comentario</th>
                                                <th>Acción</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($detalles as $detalle)
                                                <tr data-id="{{ $detalle->id }}"
                                                    data-cliente-id="{{ $detalle->cliente_id }}">
                                                    <td class="cliente_id">{{ $detalle->cliente->razon_social }}</td>
                                                    <td class="cantidadBrasa">
                                                        <input type="number" class="form-control form-control-sm cantidad-input"
                                                               value="{{ $detalle->cantidad_brasa }}" step="0.01" min="0"
                                                               data-field="cantidadBrasa" style="width: 70px;">
                                                    </td>
                                                    <td class="promedioBrasa">
                                                        <input type="number" class="form-control form-control-sm promedio-input"
                                                               value="{{ $detalle->promedio_brasa }}" step="0.01" min="0"
                                                               data-field="promedioBrasa" style="width: 70px;">
                                                    </td>
                                                    <td class="cantidadPresa">
                                                        <input type="number" class="form-control form-control-sm cantidad-input"
                                                               value="{{ $detalle->cantidad_presa }}" step="0.01" min="0"
                                                               data-field="cantidadPresa" style="width: 70px;">
                                                    </td>
                                                    <td class="promedioPresa">
                                                        <input type="number" class="form-control form-control-sm promedio-input"
                                                               value="{{ $detalle->promedio_presa }}" step="0.01" min="0"
                                                               data-field="promedioPresa" style="width: 70px;">
                                                    </td>
                                                    <td class="cantidadTipo">
                                                        <input type="number" class="form-control form-control-sm cantidad-input"
                                                               value="{{ $detalle->cantidad_tipo }}" step="0.01" min="0"
                                                               data-field="cantidadTipo" style="width: 70px;">
                                                    </td>
                                                    <td class="promedioTipo">
                                                        <input type="number" class="form-control form-control-sm promedio-input"
                                                               value="{{ $detalle->promedio_tipo }}" step="0.01" min="0"
                                                               data-field="promedioTipo" style="width: 70px;">
                                                    </td>
                                                    <td class="cantidadPollada">
                                                        <input type="number" class="form-control form-control-sm cantidad-input"
                                                               value="{{ $detalle->cantidad_pollada }}" step="0.01" min="0"
                                                               data-field="cantidadPollada" style="width: 70px;">
                                                    </td>
                                                    <td class="promedioPollada">
                                                        <input type="number" class="form-control form-control-sm promedio-input"
                                                               value="{{ $detalle->promedio_pollada }}" step="0.01" min="0"
                                                               data-field="promedioPollada" style="width: 70px;">
                                                    </td>
                                                    <td class="cantidadSaldo">
                                                        <input type="number" class="form-control form-control-sm cantidad-input"
                                                               value="{{ $detalle->cantidad_pollo_saldo }}" step="0.01" min="0"
                                                               data-field="cantidadSaldo" style="width: 70px;">
                                                    </td>
                                                    <td class="promedioSaldo">
                                                        <input type="number" class="form-control form-control-sm promedio-input"
                                                               value="{{ $detalle->promedio_pollo_saldo }}" step="0.01" min="0"
                                                               data-field="promedioSaldo" style="width: 70px;">
                                                    </td>
                                                    <td class="comentario">
                                                        <textarea rows="1" class="form-control">{{ $detalle->comentario }}</textarea>
                                                    </td>
                                                    <td>
                                                        <button type="button"
                                                            class="btn btn-xs btn-info btnEditDetail mr-1"><i
                                                                class="fas fa-edit"></i></button>
                                                        <button type="button"
                                                            class="btn btn-xs btn-danger btnEliminar mr-2"
                                                            data-id="{{ $detalle->id }}"><i
                                                                class="fas fa-trash"></i></button>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                        <tfoot>
                                            <tr>
                                                <th>Totales</th>
                                                <th id="totalBrasa">0</th>
                                                <th id="promedioBrasa">-</th>
                                                <th id="totalPresa">0</th>
                                                <th id="promedioPresa">-</th>
                                                <th id="totalTipo">0</th>
                                                <th id="promedioTipo">-</th>
                                                <th id="totalPollada">0</th>
                                                <th id="promedioPollada">-</th>
                                                <th id="totalSaldo">0</th>
                                                <th id="promedioSaldo">-</th>
                                                <th colspan="2"></th>
                                            </tr>
                                        </tfoot>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="form-group mt-4 mb-0 d-flex justify-content-between">
                            <button class="btn btn-primary btn-lg" type="submit" id="updatePedido"><i
                                    class="fas fa-save"></i> Actualizar Pedido <span class="ml-2 badge badge-light"
                                    id="shortcutSave">(Ctrl+G)</span></button>
                            <a href="{{ route('pedidos.index') }}" class="btn btn-warning btn-lg"><i
                                    class="fas fa-list"></i> Lista de pedidos</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <!-- Sidebar lateral -->
        <div class="col-md-3">

            <!-- Control de Inventario -->
            <div class="card">
                <div class="card-header bg-warning text-dark">
                    <h5 class="mb-0"><i class="fas fa-clipboard-check"></i> Control de Inventario</h5>
                </div>
                <div class="card-body">
                    <form id="formControlInventario">
                        @csrf
                        <input type="hidden" name="pedido_id" value="{{ $pedido->id }}">

                        <!-- INGRESO CHIMU BRASA NORTE -->
                        <div class="mb-3">
                            <h6 class="text-primary mb-2">
                                <i class="fas fa-truck"></i> INGRESO CHIMU BRASA NORTE
                            </h6>
                            <div class="row">
                                <div class="col-6">
                                    <div class="form-group mb-2">
                                        <label class="text-pink small">HEMBRA</label>
                                        <input type="number" class="form-control form-control-sm"
                                               name="cantidad_pollo_hembra" id="cantidad_pollo_hembra"
                                               value="{{ $detalleInventario->cantidad_pollo_hembra ?? 0 }}">
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group mb-2">
                                        <label class="text-blue small">MACHO</label>
                                        <input type="number" class="form-control form-control-sm"
                                               name="cantidad_pollo_macho" id="cantidad_pollo_macho"
                                               value="{{ $detalleInventario->cantidad_pollo_macho ?? 0 }}">
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group mb-2">
                                        <label class="text-orange small">TIPO</label>
                                        <input type="number" class="form-control form-control-sm"
                                               name="cantidad_pollo_tipo" id="cantidad_pollo_tipo"
                                               value="{{ $detalleInventario->cantidad_pollo_tipo ?? 0 }}">
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group mb-2">
                                        <label class="text-purple small">BRASA</label>
                                        <input type="number" class="form-control form-control-sm"
                                               name="cantidad_pollo_brasa" id="cantidad_pollo_brasa"
                                               value="{{ $detalleInventario->cantidad_pollo_brasa ?? 0 }}">
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group mb-2">
                                        <label class="text-success small">SALDO</label>
                                        <input type="number" class="form-control form-control-sm"
                                               name="cantidad_pollo_saldo" id="cantidad_pollo_saldo"
                                               value="{{ $detalleInventario->cantidad_pollo_saldo ?? 0 }}">
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- STOCK -->
                        <div class="mb-3">
                            <h6 class="text-info mb-2">
                                <i class="fas fa-warehouse"></i> STOCK
                            </h6>
                            <div class="row">
                                <div class="col-6">
                                    <div class="form-group mb-2">
                                        <label class="text-pink small">HEMBRA</label>
                                        <input type="number" class="form-control form-control-sm"
                                               name="cantidad_pollo_hembra_stock" id="cantidad_pollo_hembra_stock"
                                               value="{{ $detalleInventario->cantidad_pollo_hembra_stock ?? 0 }}">
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group mb-2">
                                        <label class="text-blue small">MACHO</label>
                                        <input type="number" class="form-control form-control-sm"
                                               name="cantidad_pollo_macho_stock" id="cantidad_pollo_macho_stock"
                                               value="{{ $detalleInventario->cantidad_pollo_macho_stock ?? 0 }}">
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group mb-2">
                                        <label class="text-orange small">TIPO</label>
                                        <input type="number" class="form-control form-control-sm"
                                               name="cantidad_pollo_tipo_stock" id="cantidad_pollo_tipo_stock"
                                               value="{{ $detalleInventario->cantidad_pollo_tipo_stock ?? 0 }}">
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group mb-2">
                                        <label class="text-purple small">BRASA</label>
                                        <input type="number" class="form-control form-control-sm"
                                               name="cantidad_pollo_brasa_stock" id="cantidad_pollo_brasa_stock"
                                               value="{{ $detalleInventario->cantidad_pollo_brasa_stock ?? 0 }}">
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group mb-2">
                                        <label class="text-success small">SALDO</label>
                                        <input type="number" class="form-control form-control-sm"
                                               name="cantidad_pollo_saldo_stock" id="cantidad_pollo_saldo_stock"
                                               value="{{ $detalleInventario->cantidad_pollo_saldo_stock ?? 0 }}">
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- TOTAL DESPACHO -->
                        <div class="mb-3">
                                                    <h6 class="text-warning mb-2">
                            <i class="fas fa-shipping-fast"></i> TOTAL DESPACHO
                        </h6>
                            <div class="row">
                                <div class="col-6">
                                    <div class="form-group mb-2">
                                        <label class="text-pink small">HEMBRA (BRASA)</label>
                                        <input type="number" class="form-control form-control-sm"
                                               name="cantidad_pollo_hembra_despacho" id="cantidad_pollo_hembra_despacho"
                                               value="{{ $detalleInventario->cantidad_pollo_hembra_despacho ?? 0 }}" readonly>

                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group mb-2">
                                        <label class="text-blue small">MACHO (PRESA)</label>
                                        <input type="number" class="form-control form-control-sm"
                                               name="cantidad_pollo_macho_despacho" id="cantidad_pollo_macho_despacho"
                                               value="{{ $detalleInventario->cantidad_pollo_macho_despacho ?? 0 }}" readonly>

                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group mb-2">
                                        <label class="text-orange small">TIPO</label>
                                        <input type="number" class="form-control form-control-sm"
                                               name="cantidad_pollo_tipo_despacho" id="cantidad_pollo_tipo_despacho"
                                               value="{{ $detalleInventario->cantidad_pollo_tipo_despacho ?? 0 }}" readonly>

                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group mb-2">
                                        <label class="text-purple small">BRASERO</label>
                                        <input type="number" class="form-control form-control-sm"
                                               name="cantidad_pollo_brasa_despacho" id="cantidad_pollo_brasa_despacho"
                                               value="{{ $detalleInventario->cantidad_pollo_brasa_despacho ?? 0 }}" readonly>

                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group mb-2">
                                        <label class="text-success small">SALDO</label>
                                        <input type="number" class="form-control form-control-sm"
                                               name="cantidad_pollo_saldo_despacho" id="cantidad_pollo_saldo_despacho"
                                               value="{{ $detalleInventario->cantidad_pollo_saldo_despacho ?? 0 }}" readonly>

                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- TOTAL SOBRANTES -->
                        <div class="mb-3">
                            <h6 class="text-danger mb-2">
                                <i class="fas fa-exclamation-triangle"></i> TOTAL SOBRANTES
                            </h6>
                            <div class="row">
                                <div class="col-6">
                                    <div class="form-group mb-2">
                                        <label class="text-pink small">HEMBRA</label>
                                        <input type="number" class="form-control form-control-sm"
                                               name="cantidad_pollo_hembra_sobrantes" id="cantidad_pollo_hembra_sobrantes"
                                               value="{{ $detalleInventario->cantidad_pollo_hembra_sobrantes ?? 0 }}" readonly>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group mb-2">
                                        <label class="text-blue small">MACHO</label>
                                        <input type="number" class="form-control form-control-sm"
                                               name="cantidad_pollo_macho_sobrantes" id="cantidad_pollo_macho_sobrantes"
                                               value="{{ $detalleInventario->cantidad_pollo_macho_sobrantes ?? 0 }}" readonly>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group mb-2">
                                        <label class="text-orange small">TIPO</label>
                                        <input type="number" class="form-control form-control-sm"
                                               name="cantidad_pollo_tipo_sobrantes" id="cantidad_pollo_tipo_sobrantes"
                                               value="{{ $detalleInventario->cantidad_pollo_tipo_sobrantes ?? 0 }}" readonly>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group mb-2">
                                        <label class="text-purple small">BRASA</label>
                                        <input type="number" class="form-control form-control-sm"
                                               name="cantidad_pollo_brasa_sobrantes" id="cantidad_pollo_brasa_sobrantes"
                                               value="{{ $detalleInventario->cantidad_pollo_brasa_sobrantes ?? 0 }}" readonly>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group mb-2">
                                        <label class="text-success small">SALDO</label>
                                        <input type="number" class="form-control form-control-sm"
                                               name="cantidad_pollo_saldo_sobrantes" id="cantidad_pollo_saldo_sobrantes"
                                               value="{{ $detalleInventario->cantidad_pollo_saldo_sobrantes ?? 0 }}" readonly>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- RESUMEN FINAL -->
                        <div class="alert alert-info p-2 mb-3">
                            <div class="row text-center">
                                <div class="col-4">
                                    <small><strong>AVES + STOCK</strong></small><br>
                                    <span id="totalDisponible" class="text-default font-weight-bold">{{ $detalleInventario->resumen_ingresos_mas_stock ?? 0 }}</span>
                                </div>
                                <div class="col-4">
                                    <small><strong>DESPACHADOS</strong></small><br>
                                    <span id="totalDespachados" class="text-default font-weight-bold">{{ $detalleInventario->resumen_despachos ?? 0 }}</span>
                                </div>
                                <div class="col-4">
                                    <small><strong>SOBRANTES</strong></small><br>
                                    <span id="totalSobrantes" class="text-default font-weight-bold">{{ ($detalleInventario->resumen_ingresos_mas_stock ?? 0) - ($detalleInventario->resumen_despachos ?? 0) }}</span>
                                </div>
                            </div>
                        </div>

                        <!-- OBSERVACIONES -->
                        <div class="form-group mb-3">
                            <label class="small">Observaciones</label>
                            <textarea class="form-control form-control-sm"
                                      name="observaciones" id="observaciones"
                                      rows="2" placeholder="Observaciones adicionales...">{{ $detalleInventario->observaciones ?? '' }}</textarea>
                        </div>


                    </form>



                </div>
            </div>
        </div>
    </div>
@stop

@section('css')
    <style>
        .select2-container--default .select2-selection--single {
            height: 40px !important;
        }

        .sticky-top {
            position: sticky;
        }

        .text-red {
            color: #e3342f;
        }

        .text-success {
            color: #28a745 !important;
        }




        #detailsPedido {
            font-size: 12px !important;
        }

        #detailsPedido textarea {
            font-size: 12px !important;
        }


        #toma-de-pedidos {
            font-size: 12px !important;
        }

        #toma-de-pedidos .form-control {
            font-size: 12px !important;
        }


        /* Estilos para inputs de cantidades y promedios */
        .cantidad-input, .promedio-input {
            border: 1px solid #ddd;
            border-radius: 3px;
            padding: 2px 4px;
            font-size: 11px;
            text-align: center;
        }

        .cantidad-input:focus, .promedio-input:focus {
            border-color: #007bff;
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            outline: none;
        }

        .cantidad-input:hover, .promedio-input:hover {
            border-color: #007bff;
        }

        /* Diferenciar visualmente cantidades de promedios */
        .cantidad-input {
            background-color: #f8f9fa;
            border-color: #6c757d;
        }

        .promedio-input {
            background-color: #fff3cd;
            border-color: #ffc107;
        }

        /* Mejorar apariencia de la tabla */
        #detailsPedido td {
            vertical-align: middle;
            padding: 8px 4px;
        }

        #detailsPedido .form-control-sm {
            height: 28px;
            padding: 4px 6px;
        }

        /* Estilos para el control de inventario */
        .text-pink { color: #e83e8c !important; }
        .text-blue { color: #007bff !important; }
        .text-orange { color: #fd7e14 !important; }
        .text-purple { color: #6f42c1 !important; }

        .form-control-sm {
            height: 28px;
            padding: 4px 6px;
            font-size: 11px;
        }

        .card-header h5 {
            font-size: 14px;
        }

        .card-header h6 {
            font-size: 12px;
            font-weight: bold;
        }

        .small {
            font-size: 10px;
            font-weight: bold;
        }
    </style>
@stop

@section('js')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script>
        document.addEventListener("DOMContentLoaded", function() {
            // Inicializar DataTable con buscador y paginación
            var dt = $('#detailsPedido').DataTable({
                language: {
                    search: "Buscar:",
                    lengthMenu: "Mostrar _MENU_ registros",
                    info: "Mostrando _START_ a _END_ de _TOTAL_ registros",
                    paginate: {
                        first: "Primero",
                        last: "Último",
                        next: "Siguiente",
                        previous: "Anterior"
                    },
                    zeroRecords: "No se encontraron registros"
                },
                paging: true,
                searching: true,
                ordering: false,
                info: true,
                responsive: true,
                autoWidth: false,
                lengthMenu: [5, 10, 25, 50, 100],
                pageLength: 25
            });
            // Atajo: Guardar pedido con Ctrl+G
            document.addEventListener('keydown', function(e) {
                if (e.ctrlKey && e.key.toLowerCase() === 'g') {
                    e.preventDefault();
                    document.getElementById('updatePedido').click();
                }
            });
            // Atajo: Agregar a lista con Enter desde cualquier input de producto
            $('#cantidad_brasa, #promedio_brasa, #cantidad_presa, #promedio_presa, #cantidad_tipo, #promedio_tipo, #cantidad_pollada, #promedio_pollada, #cantidad_pollo_saldo, #promedio_pollo_saldo, #comentario')
                .on('keydown', function(e) {
                    if (e.key === 'Enter') {
                        e.preventDefault();
                        $('#btnAddDetail').click();
                        $('#cantidad_brasa').focus();
                    }
                });
            //Agregar a lista (nuevos detalles)
            $('#btnAddDetail').on('click', function() {
                let cantidadPresa = $('#cantidad_presa').val();
                let cantidadBrasa = $('#cantidad_brasa').val();
                let cantidadTipo = $('#cantidad_tipo').val();
                let cantidadPollada = $('#cantidad_pollada').val();
                let cantidadPolloSaldo = $('#cantidad_pollo_saldo').val();
                let promedioPresa = $('#promedio_presa').val();
                let promedioBrasa = $('#promedio_brasa').val();
                let promedioTipo = $('#promedio_tipo').val();
                let promedioPollada = $('#promedio_pollada').val();
                let promedioPolloSaldo = $('#promedio_pollo_saldo').val();
                let comentario = $('#comentario').val();

                // Obtener el nombre del cliente seleccionado
                let clienteSeleccionado = $('#cliente_id option:selected').text();
                let clienteId = $('#cliente_id').val();

                // Validación rápida
                if (!cantidadPresa || !cantidadBrasa || !cantidadPolloSaldo || !clienteId) {
                    Swal.fire({
                        icon: "error",
                        title: "Oops...",
                        text: "Por favor, seleccione un cliente y complete todos los campos obligatorios.",
                    });
                    return;
                }

                // Comentado: Verificación de cliente duplicado - Ahora se permiten clientes repetidos
                // let clienteExiste = false;
                // $('#detailsPedido tbody tr').each(function() {
                //     let clienteIdExistente = $(this).data('cliente-id');
                //     if (clienteIdExistente == clienteId) {
                //         clienteExiste = true;
                //         return false; // Salir del bucle
                //     }
                // });

                // if (clienteExiste) {
                //     Swal.fire({
                //         icon: "warning",
                //         title: "Cliente duplicado",
                //         text: `El cliente \"${clienteSeleccionado}\" ya está en la lista. No se pueden agregar clientes duplicados.`,
                //     });
                //     return;
                // }
                var nuevaFila = dt.row.add([
                    clienteSeleccionado, // Usar el nombre del cliente en lugar de "Nuevo"
                    `<input type="number" class="form-control form-control-sm cantidad-input" value="${cantidadBrasa || 0}" step="0.01" min="0" data-field="cantidadBrasa" style="width: 70px;">`,
                    `<input type="number" class="form-control form-control-sm promedio-input" value="${promedioBrasa || 0}" step="0.01" min="0" data-field="promedioBrasa" style="width: 70px;">`,
                    `<input type="number" class="form-control form-control-sm cantidad-input" value="${cantidadPresa || 0}" step="0.01" min="0" data-field="cantidadPresa" style="width: 70px;">`,
                    `<input type="number" class="form-control form-control-sm promedio-input" value="${promedioPresa || 0}" step="0.01" min="0" data-field="promedioPresa" style="width: 70px;">`,
                    `<input type="number" class="form-control form-control-sm cantidad-input" value="${cantidadTipo || 0}" step="0.01" min="0" data-field="cantidadTipo" style="width: 70px;">`,
                    `<input type="number" class="form-control form-control-sm promedio-input" value="${promedioTipo || 0}" step="0.01" min="0" data-field="promedioTipo" style="width: 70px;">`,
                    `<input type="number" class="form-control form-control-sm cantidad-input" value="${cantidadPollada || 0}" step="0.01" min="0" data-field="cantidadPollada" style="width: 70px;">`,
                    `<input type="number" class="form-control form-control-sm promedio-input" value="${promedioPollada || 0}" step="0.01" min="0" data-field="promedioPollada" style="width: 70px;">`,
                    `<input type="number" class="form-control form-control-sm cantidad-input" value="${cantidadPolloSaldo || 0}" step="0.01" min="0" data-field="cantidadSaldo" style="width: 70px;">`,
                    `<input type="number" class="form-control form-control-sm promedio-input" value="${promedioPolloSaldo || 0}" step="0.01" min="0" data-field="promedioSaldo" style="width: 70px;">`,
                    `<textarea rows="1" class="form-control">${comentario || ''}</textarea>`,
                    `<button type="button" class="btn btn-xs btn-info btnEditDetail mr-1"><i class="fas fa-edit"></i></button> <button type="button" class="btn btn-xs btn-danger btnEliminar mr-2"><i class="fas fa-trash"></i></button>`
                ]).draw().node();

                // Agregar el data-cliente-id a la nueva fila (permitiendo duplicados)
                if (clienteId) {
                    $(nuevaFila).attr('data-cliente-id', clienteId);
                }

                // Agregar clases CSS a las celdas para que los selectores funcionen
                $(nuevaFila).find('td:nth-child(2)').addClass('cantidadBrasa');
                $(nuevaFila).find('td:nth-child(3)').addClass('promedioBrasa');
                $(nuevaFila).find('td:nth-child(4)').addClass('cantidadPresa');
                $(nuevaFila).find('td:nth-child(5)').addClass('promedioPresa');
                $(nuevaFila).find('td:nth-child(6)').addClass('cantidadTipo');
                $(nuevaFila).find('td:nth-child(7)').addClass('promedioTipo');
                $(nuevaFila).find('td:nth-child(8)').addClass('cantidadPollada');
                $(nuevaFila).find('td:nth-child(9)').addClass('promedioPollada');
                $(nuevaFila).find('td:nth-child(10)').addClass('cantidadSaldo');
                $(nuevaFila).find('td:nth-child(11)').addClass('promedioSaldo');
                $(nuevaFila).find('td:nth-child(12)').addClass('comentario');
                clearInputs();

                // Actualizar totales inmediatamente y después de un pequeño delay
                updateTotals();
                setTimeout(function() {
                    updateTotals();
                }, 200);

            });

            function clearInputs() {
                $('#cantidad_presa').val(0);
                $('#cantidad_brasa').val(0);
                $('#cantidad_tipo').val(0);
                $('#cantidad_pollada').val(0);
                $('#cantidad_pollo_saldo').val(0);
                $('#promedio_presa').val(0);
                $('#promedio_brasa').val(0);
                $('#promedio_tipo').val(0);
                $('#promedio_pollada').val(0);
                $('#promedio_pollo_saldo').val(0);
                $('#comentario').val('');
            }
            // Actualizar totales y resumen lateral al editar inputs
            function updateTotals() {
                let totalPresa = 0;
                let totalBrasa = 0;
                let totalTipo = 0;
                let totalPollada = 0;
                let totalSaldo = 0;

                // Usar todas las filas de todas las páginas de DataTables
                var allRows = dt.rows().nodes();
                $(allRows).each(function() {
                    let cantidadBrasa = parseInt($(this).find('td:nth-child(2) input').val()) || 0;
                    let cantidadPresa = parseInt($(this).find('td:nth-child(4) input').val()) || 0;
                    let cantidadTipo = parseInt($(this).find('td:nth-child(6) input').val()) || 0;
                    let cantidadPollada = parseInt($(this).find('td:nth-child(8) input').val()) || 0;
                    let cantidadSaldo = parseInt($(this).find('td:nth-child(10) input').val()) || 0;

                    totalBrasa += cantidadBrasa;
                    totalPresa += cantidadPresa;
                    totalTipo += cantidadTipo;
                    totalPollada += cantidadPollada;
                    totalSaldo += cantidadSaldo;
                });

                $('#totalPresa').text(totalPresa);
                $('#totalBrasa').text(totalBrasa);
                $('#totalTipo').text(totalTipo);
                $('#totalPollada').text(totalPollada);
                $('#totalSaldo').text(totalSaldo);

                // Actualiza resumen lateral
                $('#resumenPresa').text(totalPresa);
                $('#resumenBrasa').text(totalBrasa);
                $('#resumenTipo').text(totalTipo);
                $('#resumenPollada').text(totalPollada);

                // Actualizar campos de despacho en el control de inventario automáticamente
                $('#cantidad_pollo_hembra_despacho').val(totalBrasa);
                $('#cantidad_pollo_macho_despacho').val(totalPresa);
                $('#cantidad_pollo_tipo_despacho').val(totalTipo);
                $('#cantidad_pollo_brasa_despacho').val(totalPollada);
                $('#cantidad_pollo_saldo_despacho').val(totalSaldo);

                // Recalcular totales del control de inventario
                calcularTotalesInventario();

                console.log('Totales actualizados:', {
                    totalBrasa,
                    totalPresa,
                    totalTipo,
                    totalPollada,
                    totalSaldo
                });
            }
            // Usar delegación de eventos para capturar inputs en filas nuevas de DataTables
            $('#detailsPedido').on('input change', 'input[type="number"], textarea', function() {
                console.log('Input cambiado:', $(this).val());
                updateTotals();
            });



            // Manejar cuando se pierde el foco en inputs de cantidades
            $(document).on('blur', '.cantidad-input', function() {
                let value = parseInt($(this).val()) || 0;
                $(this).val(value);
                updateTotals();
            });


            // Manejar cuando se pierde el foco en inputs de promedios
            $(document).on('blur', '.promedio-input', function() {
                let value = parseFloat($(this).val()) || 0;
                $(this).val(value.toFixed(2));
            });

            // Mejorar experiencia de escritura: seleccionar todo el texto al hacer clic
            $(document).on('click', '.cantidad-input, .promedio-input', function() {
                $(this).select();
            });

            // Permitir escritura directa sin necesidad de hacer clic previo
            $(document).on('focus', '.cantidad-input, .promedio-input', function() {
                $(this).select();
            });

            updateTotals(); // Inicial
            // Eliminar detalle de pedido (AJAX)
            $('#detailsPedido').on('click', '.btnEliminar', function() {
                const $fila = $(this).closest('tr');
                const pedidoId = $('#pedidoId').val();
                const clienteId = $fila.data('cliente-id');
                const clienteNombre = $fila.find('td:nth-child(1)').text().trim();

                Swal.fire({
                    title: '¿Estás seguro?',
                    text: `¿Deseas eliminar el detalle del cliente "${clienteNombre}"?`,
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#d33',
                    cancelButtonColor: '#3085d6',
                    confirmButtonText: 'Sí, eliminar',
                    cancelButtonText: 'Cancelar'
                }).then((result) => {
                    if (result.isConfirmed) {
                        // Mostrar loading
                        Swal.fire({
                            title: 'Eliminando...',
                            text: 'Por favor espere',
                            allowOutsideClick: false,
                            didOpen: () => {
                                Swal.showLoading();
                            }
                        });

                        $.ajax({
                            url: `/detalle-pedidos/${pedidoId}/clientes/${clienteId}`,
                            type: "DELETE",
                            data: {
                                _token: $('input[name="_token"]').val()
                            },
                            success: function(response) {
                                // Eliminar la fila de DataTables
                                dt.row($fila).remove().draw();

                                // Actualizar totales después de que DataTables termine de dibujar
                                setTimeout(function() {
                                    updateTotals();
                                }, 100);

                                Swal.fire({
                                    icon: 'success',
                                    title: '¡Eliminado!',
                                    text: 'El detalle ha sido eliminado correctamente.',
                                    timer: 1500,
                                    showConfirmButton: false
                                });
                            },
                            error: function(xhr) {
                                let errorMessage = 'No se pudo eliminar el detalle.';
                                let errorDetails = '';

                                if (xhr.responseJSON && xhr.responseJSON.errors) {
                                    // Construir mensaje detallado con todos los errores
                                    const errors = xhr.responseJSON.errors;
                                    errorDetails =
                                        '<ul style="text-align: left; margin: 10px 0;">';

                                    Object.keys(errors).forEach(function(field) {
                                        errors[field].forEach(function(error) {
                                            errorDetails +=
                                                `<li> ${error}</li>`;
                                        });
                                    });

                                    errorDetails += '</ul>';
                                    errorMessage =
                                        'Por favor, corrija los siguientes errores:';
                                } else if (xhr.responseJSON && xhr.responseJSON
                                    .message) {
                                    errorMessage = xhr.responseJSON.message;
                                }

                                Swal.fire({
                                    icon: 'error',
                                    title: 'Error al Eliminar',
                                    html: errorMessage + errorDetails,
                                    confirmButtonText: 'Entendido',
                                    confirmButtonColor: '#3085d6'
                                });
                                console.log('Error completo:', xhr.responseJSON);
                            }
                        });
                    }
                });
            });
            // Botón de edición inline - Actualizar detalle de pedido
            $('#detailsPedido').on('click', '.btnEditDetail', function() {
                const $fila = $(this).closest('tr');
                const pedidoId = $('#pedidoId').val();
                const clienteId = $fila.data('cliente-id'); // Obtener el cliente_id de la fila

                let cantidadBrasa = $fila.find('td:nth-child(2) input').val();
                let promedioBrasa = $fila.find('td:nth-child(3) input').val();
                let cantidadPresa = $fila.find('td:nth-child(4) input').val();
                let promedioPresa = $fila.find('td:nth-child(5) input').val();
                let cantidadTipo = $fila.find('td:nth-child(6) input').val();
                let promedioTipo = $fila.find('td:nth-child(7) input').val();
                let cantidadPollada = $fila.find('td:nth-child(8) input').val();
                let promedioPollada = $fila.find('td:nth-child(9) input').val();
                let cantidadSaldo = $fila.find('td:nth-child(10) input').val();
                let promedioSaldo = $fila.find('td:nth-child(11) input').val();
                let comentario = $fila.find('td:nth-child(12) textarea').val();

                var data = {
                    cantidad_presa: cantidadPresa,
                    promedio_presa: promedioPresa,
                    cantidad_brasa: cantidadBrasa,
                    promedio_brasa: promedioBrasa,
                    cantidad_tipo: cantidadTipo,
                    promedio_tipo: promedioTipo,
                    cantidad_pollada: cantidadPollada,
                    promedio_pollada: promedioPollada,
                    cantidad_pollo_saldo: cantidadSaldo,
                    promedio_pollo_saldo: promedioSaldo,
                    comentario: comentario,
                    _token: $('input[name="_token"]').val(),
                };

                Swal.fire({
                    title: '¿Estás seguro?',
                    text: "¡Esta acción actualizará el detalle del pedido!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Sí, Actualizar',
                    cancelButtonText: 'No, cancelar'
                }).then((result) => {
                    if (result.isConfirmed) {
                        $.ajax({
                            url: `/detalle-pedidos/${pedidoId}/clientes/${clienteId}/update`,
                            type: "PUT",
                            data: data,
                            success: function(response) {
                                Swal.fire(
                                    '¡Actualizado!',
                                    'El registro ha sido actualizado correctamente.',
                                    'success'
                                );
                                updateTotals();
                            },
                            error: function(xhr) {
                                Swal.fire(
                                    'Error!',
                                    'No se pudo editar el registro.',
                                    'error'
                                );
                            }
                        });
                    }
                });
            });
            $(".select2").select2({
                width: '100%',
                placeholder: 'Buscar cliente...',
                allowClear: true
            });

            // Interceptar el envío del formulario para usar AJAX
            $('#pedidoForm').on('submit', function(e) {
                e.preventDefault();

                // Calcular totales actuales antes de enviar
                updateTotals();

                // Obtener los totales calculados
                let totalPresa = $('#totalPresa').text();
                let totalBrasa = $('#totalBrasa').text();
                let totalTipo = $('#totalTipo').text();
                let totalPollada = $('#totalPollada').text();
                let totalSaldo = $('#totalSaldo').text();

                // Recolectar todos los detalles de la tabla (de todas las páginas)
                let detalles = [];
                var allRows = dt.rows().nodes(); // DataTables: todas las filas de todas las páginas
                $(allRows).each(function() {
                    let clienteId = $(this).data('cliente-id');
                    let cantidadBrasa = $(this).find('td:nth-child(2) input').val() || 0;
                    let promedioBrasa = $(this).find('td:nth-child(3) input').val() || 0;
                    let cantidadPresa = $(this).find('td:nth-child(4) input').val() || 0;
                    let promedioPresa = $(this).find('td:nth-child(5) input').val() || 0;
                    let cantidadTipo = $(this).find('td:nth-child(6) input').val() || 0;
                    let promedioTipo = $(this).find('td:nth-child(7) input').val() || 0;
                    let cantidadPollada = $(this).find('td:nth-child(8) input').val() || 0;
                    let promedioPollada = $(this).find('td:nth-child(9) input').val() || 0;
                    let cantidadSaldo = $(this).find('td:nth-child(10) input').val() || 0;
                    let promedioSaldo = $(this).find('td:nth-child(11) input').val() || 0;
                    let comentario = $(this).find('td:nth-child(12) textarea').val() || '';

                    detalles.push({
                        cliente_id: clienteId,
                        cantidad_presa: cantidadPresa,
                        cantidad_brasa: cantidadBrasa,
                        cantidad_tipo: cantidadTipo,
                        cantidad_pollada: cantidadPollada,
                        cantidad_pollo_saldo: cantidadSaldo,
                        promedio_presa: promedioPresa,
                        promedio_brasa: promedioBrasa,
                        promedio_tipo: promedioTipo,
                        promedio_pollada: promedioPollada,
                        promedio_pollo_saldo: promedioSaldo,
                        comentario: comentario
                    });
                });

                // Crear FormData para enviar los datos correctamente
                var formData = new FormData();
                formData.append('_token', $('input[name="_token"]').val());
                formData.append('_method', 'PUT');
                formData.append('fecha_pedido', $('#fecha_pedido').val());
                formData.append('total_presa', totalPresa);
                formData.append('total_brasa', totalBrasa);
                formData.append('total_tipo', totalTipo);
                formData.append('total_pollada', totalPollada);
                formData.append('total_saldo', totalSaldo);
                formData.append('tipo_lista', $('#tipo_lista').val());

                // Agregar datos del control de inventario
                formData.append('cantidad_pollo_hembra', $('#cantidad_pollo_hembra').val());
                formData.append('cantidad_pollo_macho', $('#cantidad_pollo_macho').val());
                formData.append('cantidad_pollo_tipo', $('#cantidad_pollo_tipo').val());
                formData.append('cantidad_pollo_brasa', $('#cantidad_pollo_brasa').val());
                formData.append('cantidad_pollo_saldo', $('#cantidad_pollo_saldo').val());
                formData.append('cantidad_pollo_hembra_stock', $('#cantidad_pollo_hembra_stock').val());
                formData.append('cantidad_pollo_macho_stock', $('#cantidad_pollo_macho_stock').val());
                formData.append('cantidad_pollo_tipo_stock', $('#cantidad_pollo_tipo_stock').val());
                formData.append('cantidad_pollo_brasa_stock', $('#cantidad_pollo_brasa_stock').val());
                formData.append('cantidad_pollo_saldo_stock', $('#cantidad_pollo_saldo_stock').val());
                formData.append('cantidad_pollo_hembra_despacho', $('#cantidad_pollo_hembra_despacho').val());
                formData.append('cantidad_pollo_macho_despacho', $('#cantidad_pollo_macho_despacho').val());
                formData.append('cantidad_pollo_tipo_despacho', $('#cantidad_pollo_tipo_despacho').val());
                formData.append('cantidad_pollo_brasa_despacho', $('#cantidad_pollo_brasa_despacho').val());
                formData.append('cantidad_pollo_saldo_despacho', $('#cantidad_pollo_saldo_despacho').val());
                formData.append('cantidad_pollo_hembra_sobrantes', $('#cantidad_pollo_hembra_sobrantes').val());
                formData.append('cantidad_pollo_macho_sobrantes', $('#cantidad_pollo_macho_sobrantes').val());
                formData.append('cantidad_pollo_tipo_sobrantes', $('#cantidad_pollo_tipo_sobrantes').val());
                formData.append('cantidad_pollo_brasa_sobrantes', $('#cantidad_pollo_brasa_sobrantes').val());
                formData.append('cantidad_pollo_saldo_sobrantes', $('#cantidad_pollo_saldo_sobrantes').val());
                formData.append('observaciones', $('#observaciones').val());

                // Agregar cada detalle como campos separados
                detalles.forEach(function(detalle, index) {
                    formData.append(`detalle[${index}][cliente_id]`, detalle.cliente_id);
                    formData.append(`detalle[${index}][cantidad_presa]`, detalle.cantidad_presa);
                    formData.append(`detalle[${index}][cantidad_brasa]`, detalle.cantidad_brasa);
                    formData.append(`detalle[${index}][cantidad_tipo]`, detalle.cantidad_tipo);
                    formData.append(`detalle[${index}][cantidad_pollada]`, detalle.cantidad_pollada);
                    formData.append(`detalle[${index}][cantidad_pollo_saldo]`, detalle.cantidad_pollo_saldo);
                    formData.append(`detalle[${index}][promedio_presa]`, detalle.promedio_presa);
                    formData.append(`detalle[${index}][promedio_brasa]`, detalle.promedio_brasa);
                    formData.append(`detalle[${index}][promedio_tipo]`, detalle.promedio_tipo);
                    formData.append(`detalle[${index}][promedio_pollada]`, detalle.promedio_pollada);
                    formData.append(`detalle[${index}][promedio_pollo_saldo]`, detalle.promedio_pollo_saldo);
                    formData.append(`detalle[${index}][comentario]`, detalle.comentario);
                });

                console.log('Enviando formulario con totales:', {
                    totalPresa,
                    totalBrasa,
                    totalTipo,
                    totalPollada,
                    totalSaldo
                });
                console.log('Detalles:', detalles);

                // Mostrar loading
                Swal.fire({
                    title: 'Actualizando pedido...',
                    text: 'Por favor espere',
                    allowOutsideClick: false,
                    didOpen: () => {
                        Swal.showLoading();
                    }
                });

                // Enviar via AJAX
                $.ajax({
                    type: 'POST',
                    url: $('#pedidoForm').attr('action'),
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function(response) {
                        Swal.fire({
                            icon: 'success',
                            title: '¡Actualizado!',
                            text: 'El pedido se ha actualizado correctamente.',
                            timer: 2000,
                            showConfirmButton: false
                        }).then(() => {
                            window.location.reload();
                        });
                    },
                    error: function(xhr) {
                        let errorMessage = 'No se pudo actualizar el pedido.';
                        let errorDetails = '';

                        if (xhr.responseJSON && xhr.responseJSON.errors) {
                            // Construir mensaje detallado con todos los errores
                            const errors = xhr.responseJSON.errors;
                            errorDetails = '<ul style="text-align: left; margin: 10px 0;">';

                            Object.keys(errors).forEach(function(field) {
                                errors[field].forEach(function(error) {
                                    errorDetails += `<li>• ${error}</li>`;
                                });
                            });

                            errorDetails += '</ul>';
                            errorMessage = 'Por favor, corrija los siguientes errores:';
                        } else if (xhr.responseJSON && xhr.responseJSON.message) {
                            errorMessage = xhr.responseJSON.message;
                        }

                        Swal.fire({
                            icon: 'error',
                            title: 'Error de Validación',
                            html: errorMessage + errorDetails,
                            confirmButtonText: 'Entendido',
                            confirmButtonColor: '#3085d6'
                        });
                        console.log('Error completo:', xhr.responseJSON);
                    }
                });
            });

            // ===== CONTROL DE INVENTARIO =====

            // Función para calcular totales del control de inventario
            function calcularTotalesInventario() {
                // Ingresos
                const ingresoHembra = parseInt($('#cantidad_pollo_hembra').val()) || 0;
                const ingresoMacho = parseInt($('#cantidad_pollo_macho').val()) || 0;
                const ingresoTipo = parseInt($('#cantidad_pollo_tipo').val()) || 0;
                const ingresoBrasa = parseInt($('#cantidad_pollo_brasa').val()) || 0;
                const ingresoSaldo = parseInt($('#cantidad_pollo_saldo').val()) || 0;

                // Stock
                const stockHembra = parseInt($('#cantidad_pollo_hembra_stock').val()) || 0;
                const stockMacho = parseInt($('#cantidad_pollo_macho_stock').val()) || 0;
                const stockTipo = parseInt($('#cantidad_pollo_tipo_stock').val()) || 0;
                const stockBrasa = parseInt($('#cantidad_pollo_brasa_stock').val()) || 0;
                const stockSaldo = parseInt($('#cantidad_pollo_saldo_stock').val()) || 0;

                // Despachos (readonly - se actualizan desde pedidos)
                const despachoHembra = parseInt($('#cantidad_pollo_hembra_despacho').val()) || 0;
                const despachoMacho = parseInt($('#cantidad_pollo_macho_despacho').val()) || 0;
                const despachoTipo = parseInt($('#cantidad_pollo_tipo_despacho').val()) || 0;
                const despachoBrasa = parseInt($('#cantidad_pollo_brasa_despacho').val()) || 0;
                const despachoSaldo = parseInt($('#cantidad_pollo_saldo_despacho').val()) || 0;

                // Calcular totales
                const totalIngresos = ingresoHembra + ingresoMacho + ingresoTipo + ingresoBrasa + ingresoSaldo;
                const totalStock = stockHembra + stockMacho + stockTipo + stockBrasa + stockSaldo;
                const totalDespachos = despachoHembra + despachoMacho + despachoTipo + despachoBrasa + despachoSaldo;
                const totalDisponible = totalIngresos + totalStock;
                const totalSobrantes = totalDisponible - totalDespachos;

                // Calcular sobrantes por tipo
                const sobranteHembra = (ingresoHembra + stockHembra) - despachoHembra;
                const sobranteMacho = (ingresoMacho + stockMacho) - despachoMacho;
                const sobranteTipo = (ingresoTipo + stockTipo) - despachoTipo;
                const sobranteBrasa = (ingresoBrasa + stockBrasa) - despachoBrasa;
                const sobranteSaldo = (ingresoSaldo + stockSaldo) - despachoSaldo;

                // Actualizar campos de sobrantes
                $('#cantidad_pollo_hembra_sobrantes').val(sobranteHembra);
                $('#cantidad_pollo_macho_sobrantes').val(sobranteMacho);
                $('#cantidad_pollo_tipo_sobrantes').val(sobranteTipo);
                $('#cantidad_pollo_brasa_sobrantes').val(sobranteBrasa);
                $('#cantidad_pollo_saldo_sobrantes').val(sobranteSaldo);

                // Actualizar resumen
                $('#totalDisponible').text(totalDisponible);
                $('#totalDespachados').text(totalDespachos);
                $('#totalSobrantes').text(totalSobrantes);
            }

            // Event listeners para calcular totales automáticamente
            $('#cantidad_pollo_hembra, #cantidad_pollo_macho, #cantidad_pollo_tipo, #cantidad_pollo_brasa, #cantidad_pollo_saldo, ' +
              '#cantidad_pollo_hembra_stock, #cantidad_pollo_macho_stock, #cantidad_pollo_tipo_stock, #cantidad_pollo_brasa_stock, #cantidad_pollo_saldo_stock')
                .on('input', calcularTotalesInventario);

            // ===== SISTEMA DE AUTOGUARDADO LOCAL =====

            // Función para guardar datos en localStorage
            function guardarDatosLocal() {
                const pedidoId = $('#pedidoId').val();
                console.log('Guardando datos para pedido ID:', pedidoId);

                const datos = {
                    formulario: {
                        fecha_pedido: $('#fecha_pedido').val(),
                        cliente_id: $('#cliente_id').val(),
                        cantidadBrasa: $('#cantidad_brasa').val(),
                        promedioBrasa: $('#promedio_brasa').val(),
                        cantidadPresa: $('#cantidad_presa').val(),
                        promedioPresa: $('#promedio_presa').val(),
                        cantidadTipo: $('#cantidad_tipo').val(),
                        promedioTipo: $('#promedio_tipo').val(),
                        cantidadPollada: $('#cantidad_pollada').val(),
                        promedioPollada: $('#promedio_pollada').val(),
                        cantidadSaldo: $('#cantidad_pollo_saldo').val(),
                        promedioSaldo: $('#promedio_pollo_saldo').val(),
                        observacion: $('#observacion').val()
                    },
                    tablaPedidos: [],
                    controlInventario: {
                        cantidad_pollo_hembra: $('#cantidad_pollo_hembra').val(),
                        cantidad_pollo_macho: $('#cantidad_pollo_macho').val(),
                        cantidad_pollo_tipo: $('#cantidad_pollo_tipo').val(),
                        cantidad_pollo_brasa: $('#cantidad_pollo_brasa').val(),
                        cantidad_pollo_saldo: $('#cantidad_pollo_saldo').val(),
                        cantidad_pollo_hembra_stock: $('#cantidad_pollo_hembra_stock').val(),
                        cantidad_pollo_macho_stock: $('#cantidad_pollo_macho_stock').val(),
                        cantidad_pollo_tipo_stock: $('#cantidad_pollo_tipo_stock').val(),
                        cantidad_pollo_brasa_stock: $('#cantidad_pollo_brasa_stock').val(),
                        cantidad_pollo_saldo_stock: $('#cantidad_pollo_saldo_stock').val(),
                        observaciones: $('#observaciones').val()
                    },
                    timestamp: new Date().toISOString()
                };

                // Guardar datos de la tabla (DataTable)
                dt.rows().every(function() {
                    const row = this.node();

                    // Debug: verificar estructura de la fila
                    console.log('Estructura de fila:', $(row).html());
                    console.log('Clases encontradas:', {
                        cantidadBrasa: $(row).find('.cantidadBrasa').length,
                        promedioBrasa: $(row).find('.promedioBrasa').length,
                        cantidadPresa: $(row).find('.cantidadPresa').length,
                        promedioPresa: $(row).find('.promedioPresa').length,
                        cantidadTipo: $(row).find('.cantidadTipo').length,
                        promedioTipo: $(row).find('.promedioTipo').length,
                        cantidadPollada: $(row).find('.cantidadPollada').length,
                        promedioPollada: $(row).find('.promedioPollada').length,
                        comentario: $(row).find('.comentario').length
                    });

                    // Función helper para obtener valor con fallback
                    function getValueWithFallback(selectorByClass, selectorByPosition, defaultValue = '') {
                        const valueByClass = $(row).find(selectorByClass).val();
                        if (valueByClass !== undefined && valueByClass !== '') {
                            return valueByClass;
                        }
                        const valueByPosition = $(row).find(selectorByPosition).val();
                        return (valueByPosition !== undefined && valueByPosition !== '') ? valueByPosition : defaultValue;
                    }

                    const fila = {
                        cliente_id: $(row).data('cliente-id'),
                        cliente_nombre: $(row).find('td:first').text(),
                        cantidadBrasa: getValueWithFallback('.cantidadBrasa input', 'td:nth-child(2) input'),
                        promedioBrasa: getValueWithFallback('.promedioBrasa input', 'td:nth-child(3) input'),
                        cantidadPresa: getValueWithFallback('.cantidadPresa input', 'td:nth-child(4) input'),
                        promedioPresa: getValueWithFallback('.promedioPresa input', 'td:nth-child(5) input'),
                        cantidadTipo: getValueWithFallback('.cantidadTipo input', 'td:nth-child(6) input'),
                        promedioTipo: getValueWithFallback('.promedioTipo input', 'td:nth-child(7) input'),
                        cantidadPollada: getValueWithFallback('.cantidadPollada input', 'td:nth-child(8) input'),
                        promedioPollada: getValueWithFallback('.promedioPollada input', 'td:nth-child(9) input'),
                        cantidadSaldo: getValueWithFallback('.cantidadSaldo input', 'td:nth-child(10) input'),
                        promedioSaldo: getValueWithFallback('.promedioSaldo input', 'td:nth-child(11) input'),
                        comentario: getValueWithFallback('.comentario textarea', 'td:nth-child(12) textarea')
                    };
                    console.log('Guardando fila:', fila); // Debug
                    datos.tablaPedidos.push(fila);
                });

                localStorage.setItem(`pedido_edit_datos_${pedidoId}`, JSON.stringify(datos));
                console.log('Datos guardados en localStorage:', datos);
            }

            // Función para cargar datos desde localStorage
            function cargarDatosLocal() {
                const pedidoId = $('#pedidoId').val();
                console.log('Buscando datos para pedido ID:', pedidoId);

                const datosGuardados = localStorage.getItem(`pedido_edit_datos_${pedidoId}`);
                console.log('Datos guardados encontrados:', datosGuardados ? 'Sí' : 'No');

                if (!datosGuardados) {
                    console.log('No hay datos guardados para este pedido');
                    return false;
                }

                try {
                    const datos = JSON.parse(datosGuardados);
                    console.log('Datos parseados correctamente:', datos);

                    // Verificar si los datos no son muy antiguos (máximo 24 horas)
                    const fechaGuardado = new Date(datos.timestamp);
                    const fechaActual = new Date();
                    const horasDiferencia = (fechaActual - fechaGuardado) / (1000 * 60 * 60);

                    console.log('Horas de diferencia:', horasDiferencia);

                    if (horasDiferencia > 24) {
                        console.log('Datos muy antiguos, eliminando...');
                        localStorage.removeItem(`pedido_edit_datos_${pedidoId}`);
                        return false;
                    }

                    // Mostrar notificación de datos recuperados
                    Swal.fire({
                        icon: 'info',
                        title: 'Datos recuperados',
                        html: `
                            <p>Se encontraron datos guardados automáticamente del ${fechaGuardado.toLocaleString()}.</p>
                            <p>¿Desea restaurar estos datos?</p>
                        `,
                        showCancelButton: true,
                        confirmButtonText: 'Sí, restaurar',
                        cancelButtonText: 'No, mantener actuales',
                        confirmButtonColor: '#28a745',
                        cancelButtonColor: '#6c757d'
                    }).then((result) => {
                        if (result.isConfirmed) {
                            console.log('Usuario confirmó restauración');
                            restaurarDatos(datos);
                        } else {
                            console.log('Usuario canceló restauración');
                            limpiarDatosLocal();
                        }
                    });

                    return true;
                } catch (e) {
                    console.error('Error al cargar datos guardados:', e);
                    localStorage.removeItem(`pedido_edit_datos_${pedidoId}`);
                    return false;
                }
            }

            // Función para limpiar datos guardados
            function limpiarDatosLocal() {
                const pedidoId = $('#pedidoId').val();
                localStorage.removeItem(`pedido_edit_datos_${pedidoId}`);
            }

            // Función para restaurar datos
            function restaurarDatos(datos) {
                console.log('Iniciando restauración de datos:', datos);

                // Restaurar formulario principal
                if (datos.formulario) {
                    console.log('Restaurando formulario:', datos.formulario);

                    // Función helper para manejar valores undefined/null
                    function getValueOrDefault(value, defaultValue = '') {
                        return (value !== undefined && value !== null) ? value : defaultValue;
                    }

                    $('#fecha_pedido').val(getValueOrDefault(datos.formulario.fecha_pedido));
                    $('#cliente_id').val(getValueOrDefault(datos.formulario.cliente_id)).trigger('change');
                    $('#cantidad_brasa').val(getValueOrDefault(datos.formulario.cantidadBrasa, '0'));
                    $('#promedio_brasa').val(getValueOrDefault(datos.formulario.promedioBrasa, '0'));
                    $('#cantidad_presa').val(getValueOrDefault(datos.formulario.cantidadPresa, '0'));
                    $('#promedio_presa').val(getValueOrDefault(datos.formulario.promedioPresa, '0'));
                    $('#cantidad_tipo').val(getValueOrDefault(datos.formulario.cantidadTipo, '0'));
                    $('#promedio_tipo').val(getValueOrDefault(datos.formulario.promedioTipo, '0'));
                    $('#cantidad_pollada').val(getValueOrDefault(datos.formulario.cantidadPollada, '0'));
                    $('#promedio_pollada').val(getValueOrDefault(datos.formulario.promedioPollada, '0'));
                    $('#cantidad_pollo_saldo').val(getValueOrDefault(datos.formulario.cantidadSaldo, '0'));
                    $('#promedio_pollo_saldo').val(getValueOrDefault(datos.formulario.promedioSaldo, '0'));
                    $('#observacion').val(getValueOrDefault(datos.formulario.observacion));

                    console.log('Formulario restaurado');
                } else {
                    console.log('No hay datos de formulario para restaurar');
                }

                // Restaurar tabla de pedidos (DataTable)
                if (datos.tablaPedidos && datos.tablaPedidos.length > 0) {
                    // Limpiar tabla actual
                    dt.clear();

                    // Agregar filas restauradas
                    datos.tablaPedidos.forEach(function(fila) {
                        dt.row.add([
                            fila.cliente_nombre || '',
                            `<input type="number" class="form-control form-control-sm cantidad-input" value="${getValueOrDefault(fila.cantidadBrasa, '0')}" step="0.01" min="0" data-field="cantidadBrasa" style="width: 70px;">`,
                            `<input type="number" class="form-control form-control-sm promedio-input" value="${getValueOrDefault(fila.promedioBrasa, '0')}" step="0.01" min="0" data-field="promedioBrasa" style="width: 70px;">`,
                            `<input type="number" class="form-control form-control-sm cantidad-input" value="${getValueOrDefault(fila.cantidadPresa, '0')}" step="0.01" min="0" data-field="cantidadPresa" style="width: 70px;">`,
                            `<input type="number" class="form-control form-control-sm promedio-input" value="${getValueOrDefault(fila.promedioPresa, '0')}" step="0.01" min="0" data-field="promedioPresa" style="width: 70px;">`,
                            `<input type="number" class="form-control form-control-sm cantidad-input" value="${getValueOrDefault(fila.cantidadTipo, '0')}" step="0.01" min="0" data-field="cantidadTipo" style="width: 70px;">`,
                            `<input type="number" class="form-control form-control-sm promedio-input" value="${getValueOrDefault(fila.promedioTipo, '0')}" step="0.01" min="0" data-field="promedioTipo" style="width: 70px;">`,
                            `<input type="number" class="form-control form-control-sm cantidad-input" value="${getValueOrDefault(fila.cantidadPollada, '0')}" step="0.01" min="0" data-field="cantidadPollada" style="width: 70px;">`,
                            `<input type="number" class="form-control form-control-sm promedio-input" value="${getValueOrDefault(fila.promedioPollada, '0')}" step="0.01" min="0" data-field="promedioPollada" style="width: 70px;">`,
                            `<input type="number" class="form-control form-control-sm cantidad-input" value="${getValueOrDefault(fila.cantidadSaldo, '0')}" step="0.01" min="0" data-field="cantidadSaldo" style="width: 70px;">`,
                            `<input type="number" class="form-control form-control-sm promedio-input" value="${getValueOrDefault(fila.promedioSaldo, '0')}" step="0.01" min="0" data-field="promedioSaldo" style="width: 70px;">`,
                            `<textarea rows="1" class="form-control">${getValueOrDefault(fila.comentario, '')}</textarea>`,
                            `<button type="button" class="btn btn-xs btn-info btnEditDetail mr-1"><i class="fas fa-edit"></i></button> <button type="button" class="btn btn-xs btn-danger btnEliminar mr-2"><i class="fas fa-trash"></i></button>`
                        ]).draw();
                    });
                }

                // Restaurar control de inventario
                if (datos.controlInventario) {
                    $('#cantidad_pollo_hembra').val(getValueOrDefault(datos.controlInventario.cantidad_pollo_hembra, '0'));
                    $('#cantidad_pollo_macho').val(getValueOrDefault(datos.controlInventario.cantidad_pollo_macho, '0'));
                    $('#cantidad_pollo_tipo').val(getValueOrDefault(datos.controlInventario.cantidad_pollo_tipo, '0'));
                    $('#cantidad_pollo_brasa').val(getValueOrDefault(datos.controlInventario.cantidad_pollo_brasa, '0'));
                    $('#cantidad_pollo_saldo').val(getValueOrDefault(datos.controlInventario.cantidad_pollo_saldo, '0'));
                    $('#cantidad_pollo_hembra_stock').val(getValueOrDefault(datos.controlInventario.cantidad_pollo_hembra_stock, '0'));
                    $('#cantidad_pollo_macho_stock').val(getValueOrDefault(datos.controlInventario.cantidad_pollo_macho_stock, '0'));
                    $('#cantidad_pollo_tipo_stock').val(getValueOrDefault(datos.controlInventario.cantidad_pollo_tipo_stock, '0'));
                    $('#cantidad_pollo_brasa_stock').val(getValueOrDefault(datos.controlInventario.cantidad_pollo_brasa_stock, '0'));
                    $('#cantidad_pollo_saldo_stock').val(getValueOrDefault(datos.controlInventario.cantidad_pollo_saldo_stock, '0'));
                    $('#observaciones').val(getValueOrDefault(datos.controlInventario.observaciones));
                }

                // Recalcular totales
                updateTotals();
                calcularTotalesInventario();

                Swal.fire({
                    icon: 'success',
                    title: 'Datos restaurados',
                    text: 'Los datos se han restaurado correctamente.',
                    timer: 2000,
                    showConfirmButton: false
                });
            }

            // Event listeners para autoguardado
            $('#fecha_pedido, #cliente_id, #cantidad_brasa, #promedio_brasa, #cantidad_presa, #promedio_presa, ' +
              '#cantidad_tipo, #promedio_tipo, #cantidad_pollada, #promedio_pollada, #cantidad_pollo_saldo, #promedio_pollo_saldo, #observacion, ' +
              '#cantidad_pollo_hembra, #cantidad_pollo_macho, #cantidad_pollo_tipo, #cantidad_pollo_brasa, #cantidad_pollo_saldo, ' +
              '#cantidad_pollo_hembra_stock, #cantidad_pollo_macho_stock, #cantidad_pollo_tipo_stock, ' +
              '#cantidad_pollo_brasa_stock, #cantidad_pollo_saldo_stock, #observaciones')
                .on('input change', function() {
                    setTimeout(guardarDatosLocal, 500);
                });

            // Autoguardado cuando se agregan/eliminan elementos de la tabla
            $(document).on('click', '#btnAddDetail, .btnEliminar', function() {
                setTimeout(guardarDatosLocal, 1000);
            });

            // Limpiar datos al guardar exitosamente
            $('#updatePedido').on('click', function() {
                setTimeout(limpiarDatosLocal, 2000);
            });

            // Botón para limpiar datos guardados manualmente
            $('#btnLimpiarDatos').on('click', function() {
                Swal.fire({
                    icon: 'question',
                    title: 'Limpiar datos guardados',
                    text: '¿Está seguro de que desea eliminar todos los datos guardados automáticamente?',
                    showCancelButton: true,
                    confirmButtonText: 'Sí, limpiar',
                    cancelButtonText: 'Cancelar',
                    confirmButtonColor: '#dc3545',
                    cancelButtonColor: '#6c757d'
                }).then((result) => {
                    if (result.isConfirmed) {
                        limpiarDatosLocal();
                        Swal.fire({
                            icon: 'success',
                            title: 'Datos limpiados',
                            text: 'Los datos guardados han sido eliminados.',
                            timer: 1500,
                            showConfirmButton: false
                        });
                    }
                });
            });

            // Cargar datos al inicializar la página (con delay para asegurar que el DOM esté listo)
            setTimeout(function() {
                console.log('Intentando cargar datos después de delay...');
                cargarDatosLocal();
            }, 1000);

            // Calcular totales iniciales
            calcularTotalesInventario();

        });
    </script>
@stop