@extends('app')
@section('content')

<div class="container-fluid">
    <div class="row">
        <div class="col-md-10 col-md-offset-1">
            <div class="panel panel-default">
                <div class="panel-heading"><center><strong>Pedidos pendientes por facturar</strong></center></div>
                <div class="panel-body">
                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                        <ul class="nav navbar-nav navbar-right">                
                            <li><a href="{{ url('/factura') }}"> Atras </a></li>
                        </ul>
                    </div>

                    {{-- FORMULARIO DE BÚSQUEDA --}}
                    <div class="panel panel-default">
                        <div class="panel-body">
                            <form method="GET" action="{{ route('cargarPedido') }}" class="form-inline">
                                <div class="form-group">
                                    <label for="buscar_mesa">Buscar por Mesa:</label>
                                    <input type="text" name="buscar_mesa" id="buscar_mesa" class="form-control" value="{{ request('buscar_mesa') }}" placeholder="Ej: Mesa 5">
                                </div>
                                <div class="form-group">
                                    <label for="buscar_cliente">Buscar por Cliente:</label>
                                    <input type="text" name="buscar_cliente" id="buscar_cliente" class="form-control" value="{{ request('buscar_cliente') }}" placeholder="Ej: Pedro">
                                </div>
                                <button type="submit" class="btn btn-primary">Buscar</button>
                                <a href="{{ route('cargarPedido') }}" class="btn btn-default">Limpiar</a>
                            </form>
                        </div>
                    </div>

                    @if($hayPreventaActiva)
                        <div class="alert alert-warning">
                            <strong>Atención:</strong> Ya tiene una venta en curso. Debe finalizar o cancelar la venta actual antes de poder agregar otro pedido a la facturación.
                        </div>
                    @endif

                    {!! Form::open([
                        'route' => 'agregar.a.factura',
                        'method' => 'POST',
                        'id' => 'formAgregarPedidos'
                    ]) !!}

                    @forelse($pedidosPreparados as $pedido)
                        <div class="panel panel-info pedido-panel" 
                             data-mesa="{{ $pedido->mesa->descripcion ?? 'sin-mesa' }}" 
                             data-cliente="{{ $pedido->notas_generales ?? 'sin-cliente' }}">
                            
                            <div class="panel-heading">
                                <div class="row">
                                    <div class="col-md-10">
                                        <strong>Mesa:</strong> {{ $pedido->mesa->descripcion ?? 'Sin asignar' }} |
                                        <strong>Pedido:</strong> #{{ $pedido->idPedido }} |
                                        <strong>Fecha:</strong> {{ $pedido->created_at->diffForHumans() }} |
                                        <strong>Cliente:</strong> {{ $pedido->notas_generales ?? 'N/A' }}
                                    </div>
                                    <div class="col-md-2 text-right">
                                        <label style="font-size: 1.2em;">
                                            <input type="checkbox" 
                                                   name="idPedidos[]" 
                                                   value="{{ $pedido->idPedido }}" 
                                                   class="pedido-checkbox" 
                                                   data-total="{{ $pedido->items->sum('subtotal') }}"
                                                   @if($hayPreventaActiva) disabled @endif>
                                            Seleccionar
                                        </label>
                                        <br>
                                    </div>
                                </div>
                            </div>

                            <div class="panel-body table-responsive">
                                <table class="table table-bordered table-hover">
                                    <thead>
                                        <tr>
                                            <th>Producto</th>
                                            <th>Cantidad</th>
                                            <th>Precio unitario</th>
                                            <th>Subtotal</th>
                                            <th>Notas</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($pedido->items as $item)
                                        <tr data-item-id="{{ $item->idPedidoItem }}">
                                            <td>{{ $item->nombreProducto }}</td>
                                            <td>{{ $item->cantidad }}</td>
                                            <td>${{ number_format($item->precio_unitario, 0, ',', '.') }}</td>
                                            <td>${{ number_format($item->subtotal, 0, ',', '.') }}</td>
                                            <td>{{ $item->notas_item }}</td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>

                                <div class="row" style="padding: 0 15px 15px 15px;">
                                    <hr style="margin-top:0; margin-bottom: 10px;">
                                    <div class="col-md-6">
                                        <p class="mb-0"><strong>Total a pagar:</strong> ${{ number_format($pedido->items->sum('subtotal'), 0, ',', '.') }}</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @empty
                        <div class="alert alert-info">
                            No hay pedidos preparados por facturar. Si aplicó un filtro, intente limpiarlo.
                        </div>
                    @endforelse
                    
                    @if(!$pedidosPreparados->isEmpty())
                        <div class="text-center" style="margin: 20px 0;">
                            <h4><strong>Total seleccionado:</strong> $<span id="totalSeleccionado">0</span></h4>
                        </div>
                        <div class="text-center">
                            <button id="btnAgregarPedidos" class="btn btn-lg btn-success" type="submit" @if($hayPreventaActiva) disabled title="Finalice la venta actual para poder agregar pedidos" @endif>
                                Agregar Pedidos Seleccionados a Factura
                            </button>
                        </div>
                    @endif

                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>
</div>

{{-- =================== JS =================== --}}
<script>
$(document).ready(function() {
    var isPreventaActiva = {{ $hayPreventaActiva ? 'true' : 'false' }};

    function actualizarTotalSeleccionado() {
        var total = 0;
        $('.pedido-checkbox:checked').each(function() {
            total += parseFloat($(this).data('total')) || 0;
        });
        $('#totalSeleccionado').text(total.toLocaleString('es-CL'));
    }

    $('.pedido-checkbox').on('change', function() {
        var $checkedBoxes = $('.pedido-checkbox:checked');
        if ($checkedBoxes.length === 0) {
            $('.pedido-panel').css({'opacity': '1'});
            if (!isPreventaActiva) $('.pedido-checkbox').prop('disabled', false);
        } else {
            var $firstChecked = $checkedBoxes.first();
            var referenceMesa = $firstChecked.closest('.pedido-panel').data('mesa');
            var referenceCliente = $firstChecked.closest('.pedido-panel').data('cliente');
            $('.pedido-panel').each(function() {
                var $panel = $(this);
                var currentMesa = $panel.data('mesa');
                var currentCliente = $panel.data('cliente');
                var $checkbox = $panel.find('.pedido-checkbox');
                if (currentCliente === referenceCliente || (currentMesa !== 'sin-mesa' && currentMesa === referenceMesa)) {
                    $panel.css({'opacity': '1'});
                    if (!isPreventaActiva) $checkbox.prop('disabled', false);
                } else {
                    $panel.css({'opacity': '0.5'});
                    $checkbox.prop('disabled', true);
                }
            });
            $checkedBoxes.prop('disabled', isPreventaActiva);
        }
        actualizarTotalSeleccionado();
    });

    actualizarTotalSeleccionado();

    $('#btnAgregarPedidos').on('click', function(event) {
        const checkboxes = $('#formAgregarPedidos input[type=checkbox][name="idPedidos[]"]:checked');
        if (checkboxes.length === 0) {
            alert('Debe seleccionar al menos un pedido para agregar a factura.');
            event.preventDefault();
            return false;
        }
        if (!confirm('¿Desea agregar los pedidos seleccionados a la facturación?')) {
            event.preventDefault();
        }
    });
});
</script>

@endsection