<script>
   var baseUrl = "<?php echo e(url('/')); ?>";
</script>

<?php $__env->startSection('content'); ?>
<script src="<?php echo e(url('js/Productos.js')); ?>"></script>
<div class="container-fluid">
    <div class="row" style="margin-left: 2%; margin-right: 2%; margin-bottom: 2%;">
        <?php /* COLUMNA IZQUIERDA: Pedido */ ?>
        <div class="col-md-8">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <center> Pedido #<?php echo e($pedido->idPedido ?? $pedido->id); ?> para Mesa <?php echo e($pedido->mesa->descripcion ?? 'N/A'); ?></center>
                </div>
                <div class="panel-body">
                    <div class="card-body">

                        <?php /* Información del Pedido */ ?>
                        <?php if($pedido->cliente): ?>
                            <p>Cliente: <?php echo e($pedido->cliente->Nombres); ?> <?php echo e($pedido->cliente->Apellidos); ?> (<?php echo e($pedido->cliente->Cedula); ?>)</p>
                        <?php elseif($pedido->notas_generales): ?>
                            <p>Cliente (Manual): <?php echo e($pedido->notas_generales); ?></p>
                        <?php else: ?>
                            <p>Cliente: Anónimo</p>
                        <?php endif; ?>

                        <p>Estado: <span class="badge badge-info"><?php echo e(ucfirst(str_replace('_', ' ', $pedido->estado ?? 'desconocido'))); ?></span></p>
                        <hr>

                        <?php /* Botón Volver */ ?>
                        <a href="<?php echo e(route('gestionarMesa', $pedido->idMesa ?? 0)); ?>" class="btn btn-secondary mb-3">Volver a la Mesa</a>

                        <?php /* Mensajes de Éxito/Error */ ?>
                        <?php if(session('success')): ?>
                            <div class="alert alert-success"><?php echo e(session('success')); ?></div>
                        <?php endif; ?>
                        <?php if(session('error')): ?>
                            <div class="alert alert-danger"><?php echo e(session('error')); ?></div>
                        <?php endif; ?>
                        <?php if($errors->any()): ?>
                            <div class="alert alert-danger">
                                <ul class="mb-0">
                                    <?php foreach($errors->all() as $error): ?>
                                        <li><?php echo e($error); ?></li>
                                    <?php endforeach; ?>
                                </ul>
                            </div>
                        <?php endif; ?>

                        <?php /* FORMULARIO AGREGAR ITEM (CON CAMPOS RENOMBRADOS) */ ?>
                        <?php if($pedido->estado == 'pendiente'): ?>
                        <div class="card mb-4">
                            <div class="card-header">Agregar Item al Pedido</div>
                            <div class="card-body">
                                <?php echo Form::open(['route' => ['pedido.agregarItem', $pedido->idPedido ?? $pedido->id], 'method' => 'POST', 'id' => 'form-agregar-item']); ?>

                                <div class="form-row align-items-end">
                                    <div class="col-md-5 mb-2">
                                        <label for="producto">Producto/Combo (ID)</label>
                                        <?php /* El 'id' del campo se mantiene como 'producto' para que el JS siga funcionando */ ?>
                                        <?php echo Form::text('add_producto', old('add_producto'), ['class'=>'form-control', 'id'=>'productoItem', 'placeholder'=>'Ej: 1 (Producto) o 4 (Combo)']); ?>

                                    </div>
                                    <div class="col-md-2 mb-2">
                                        <label for="add_cantidad">Cantidad</label>
                                        <input type="number" name="add_cantidad" id="add_cantidad" class="form-control" value="<?php echo e(old('add_cantidad', 1)); ?>" min="1" required>
                                    </div>
                                    <div class="col-md-3 mb-2">
                                        <label for="add_notas_item">Notas</label>
                                        <input type="text" name="add_notas_item" id="add_notas_item" class="form-control" placeholder="Opcional" value="<?php echo e(old('add_notas_item')); ?>">
                                    </div>
                                    <div class="col-md-2 mb-2">
                                        <?php echo Form::button('<i class="fa fa-plus"></i> Agregar', ['type' => 'submit', 'class' => 'btn btn-success w-100']); ?>

                                    </div>
                                </div>
                                <?php echo Form::close(); ?>


                                <div id="producto-info-display" class="col-md-12 mt-2 text-muted" style="min-height: 20px;"></div>
                            </div>
                        </div>
                        <?php else: ?>
                            <div class="alert alert-warning">Este pedido ya no está pendiente y no se pueden agregar ni modificar items.</div>
                        <?php endif; ?>

                        <?php /* LISTA DE ITEMS (SIN CAMBIOS) */ ?>
                        <div class="card">
                            <div class="card-header">Items en el Pedido</div>
                            <div class="card-body">
                                <?php if($pedido->items->isEmpty()): ?>
                                    <p>Aún no hay items en este pedido.</p>
                                <?php else: ?>
                                    <table class="table table-sm table-striped">
                                        <thead>
                                            <tr>
                                                <th>Cantidad</th>
                                                <th>Producto/Combo</th>
                                                <th>Precio Unit.</th>
                                                <th>Subtotal</th>
                                                <th>Notas</th>
                                                <?php if($pedido->estado == 'pendiente'): ?><th>Acciones</th><?php endif; ?>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <?php foreach($pedido->items as $item): ?>
                                                <?php if($pedido->estado == 'pendiente'): ?>
                                                <?php echo Form::open(['route' => ['pedido.actualizarItem', $item->idPedidoItem], 'method' => 'PUT', 'class' => 'form-inline']); ?>

                                                <tr>
                                                    <td><?php echo Form::number('cantidad', $item->cantidad, ['class' => 'form-control form-control-sm', 'min' => 1]); ?></td>
                                                    <td><?php echo e($item->nombreProducto); ?> <span class="badge badge-secondary"><?php echo e($item->tipoProducto); ?></span></td>
                                                    <td>$<?php echo e(number_format($item->precio_unitario, 0)); ?></td>
                                                    <td>$<?php echo e(number_format($item->subtotal, 0)); ?></td>
                                                    <td><?php echo Form::text('notas_item', $item->notas_item, ['class' => 'form-control form-control-sm']); ?></td>
                                                    <td>
                                                        <button class="btn btn-xs btn-link" type="submit" title="Modificar">
                                                            <img src="<?php echo e(url('images/Modificar.png')); ?>" width="25" height="20" alt="Modificar" />
                                                        </button>
                                                        <?php echo Form::close(); ?>


                                                        <?php echo Form::open(['route' => ['pedido.eliminarItem', $item->idPedidoItem], 'method' => 'DELETE', 'style' => 'display:inline;', 'onsubmit' => "return confirm('¿Eliminar este item?')"]); ?>

                                                        <button class="btn btn-xs btn-link" type="submit" title="Eliminar">
                                                            <img src="<?php echo e(url('images/Eliminar.png')); ?>" width="25" height="20" alt="Eliminar" />
                                                        </button>
                                                        <?php echo Form::close(); ?>

                                                    </td>
                                                </tr>
                                                <?php else: ?>
                                                <tr>
                                                    <td><?php echo e($item->cantidad); ?></td>
                                                    <td><?php echo e($item->nombreProducto); ?> <span class="badge badge-secondary"><?php echo e($item->tipoProducto); ?></span></td>
                                                    <td>$<?php echo e(number_format($item->precio_unitario, 0)); ?></td>
                                                    <td>$<?php echo e(number_format($item->subtotal, 0)); ?></td>
                                                    <td><?php echo e($item->notas_item ?? '-'); ?></td>
                                                </tr>
                                                <?php endif; ?>
                                            <?php endforeach; ?>
                                        </tbody>
                                        <tfoot>
                                            <tr>
                                                <td colspan="<?php echo e($pedido->estado == 'pendiente' ? 5 : 4); ?>" class="text-right"><strong>Total Pedido:</strong></td>
                                                <td><strong>$<?php echo e(number_format($pedido->items->sum('subtotal'), 0)); ?></strong></td>
                                                <?php if($pedido->estado == 'pendiente'): ?><td></td><?php endif; ?>
                                            </tr>
                                        </tfoot>
                                    </table>
                                <?php endif; ?>
                            </div>
                        </div>

                        <?php /* BOTÓN ENVIAR A PREPARACIÓN */ ?>
                        <?php if($pedido->estado == 'pendiente' && $pedido->items->count() > 0): ?>
                        <div class="text-center mt-4">
                            <?php echo Form::open(['route' => ['pedido.enviar', $pedido->idPedido ?? $pedido->id], 'method' => 'PUT', 'onsubmit' => "return confirm('¿Está seguro de enviar este pedido a preparación? No podrá editarlo después.')"]); ?>

                            <?php echo Form::button('<i class="fa fa-paper-plane"></i> Enviar Pedido a Preparación', ['type' => 'submit', 'class' => 'btn btn-primary btn-lg']); ?>

                            <?php echo Form::close(); ?>

                        </div>
                        <?php endif; ?>

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

        <?php /* COLUMNA DERECHA: Productos y Combos */ ?>
        <div class="col-md-4 d-none d-md-block">
            <div class="card" style="position: sticky; top: 20px;">
                <div class="card-header bg-light"><strong>Buscar Producto o Combo</strong></div>
                <div class="card-body">
                    <input type="text" id="buscador" class="form-control mb-3" placeholder="Buscar por nombre...">

                    <h5>Productos</h5>
                    <ul class="list-group mb-3" id="lista-productos" style="max-height: 250px; overflow-y: auto;">
                        <?php foreach($productos as $producto): ?>
                            <li class="list-group-item buscable" data-id="<?php echo e($producto->idProducto); ?>">
                                <strong><?php echo e($producto->Nombre_Produc); ?></strong>

                                <?php /* Spans para precio y disponibilidad */ ?>
                                <span class="float-right badge badge-primary">$<?php echo e(number_format($producto->valor_unitario, 0)); ?></span>
                                <?php /* Usamos el accesor directamente. Es más limpio. */ ?>
                                <span class="float-right badge badge-info mr-2">Disp: <?php echo e($producto->cantidad_disponible); ?></span>

                                <br><small>ID: <?php echo e($producto->idProducto); ?></small>
                                <button class="btn btn-sm btn-outline-success btn-block mt-2 seleccionar-item"
                                style="background-color: dff0d8;" data-id="<?php echo e($producto->idProducto); ?>">Seleccionar</button>
                            </li>
                        <?php endforeach; ?>
                    </ul>

                    <h5>Combos</h5>
                    <ul class="list-group" id="lista-combos" style="max-height: 250px; overflow-y: auto;">
                        <?php foreach($combos as $combo): ?>
                            <li class="list-group-item buscable" data-id="<?php echo e($combo->idCombos); ?>">
                                <strong><?php echo e($combo->nombre_combo); ?></strong>

                                <?php /* Spans para precio y disponibilidad */ ?>
                                <span class="float-right badge badge-success">$<?php echo e(number_format($combo->valor_combo, 0)); ?></span>
                                <?php /* Usamos la propiedad que calculamos en el controlador */ ?>
                                <span class="float-right badge badge-info mr-2">Disp: <?php echo e($combo->stock_disponible ?? 0); ?></span>

                                <br><small>ID: <?php echo e($combo->idCombos); ?></small>
                                <button class="btn btn-sm btn-outline-success btn-block mt-2 seleccionar-item"
                                style="background-color: dff0d8;" data-id="<?php echo e($combo->idCombos); ?>">Seleccionar</button>
                            </li>
                        <?php endforeach; ?>
                    </ul>
                </div>
            </div>
        </div>
    </div> <?php /* .row */ ?>
</div> <?php /* .container-fluid */ ?>

<?php /* SCRIPT (SIN CAMBIOS) */ ?>
<script>
document.addEventListener('DOMContentLoaded', function () {
    const buscador = document.getElementById('buscador');
    const items = document.querySelectorAll('.buscable');
    // El 'id' del campo sigue siendo 'producto', por lo que el JS no necesita cambios
    const campoProducto = document.getElementById('productoItem'); 

    buscador.addEventListener('input', function () {
        const filtro = this.value.toLowerCase();
        items.forEach(item => {
            const texto = item.textContent.toLowerCase();
            item.style.display = texto.includes(filtro) ? 'block' : 'none';
        });
    });

    document.querySelectorAll('.seleccionar-item').forEach(boton => {
        boton.addEventListener('click', function () {
            campoProducto.value = this.dataset.id;
            campoProducto.focus();
        });
    });
});
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('app', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>