@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">
                    <h3 class="panel-title">Gestión de Pedidos</h3>
                </div>
                <div class="panel-body">

                    {{-- Enlace admin --}}
                    <div class="navbar-collapse" style="margin-bottom: 20px;">
                        <ul class="nav navbar-nav navbar-right">
                            <li><a href="{{ url('/admin') }}">Opciones Administrador</a></li>
                        </ul>
                    </div>

                    {{-- Éxito --}}
                    @if (session('success'))
                        <div class="alert alert-success alert-dismissible" role="alert">
                            <button type="button" class="close" data-dismiss="alert"><span>×</span></button>
                            {{ session('success') }}
                        </div>
                    @endif
                    @if (session('error'))
                        <div class="alert alert-danger alert-dismissible" role="alert">
                            <button type="button" class="close" data-dismiss="alert"><span>×</span></button>
                            {{ session('error') }}
                        </div>
                    @endif

                    {{-- Filtros --}}
                    <form method="GET" action="{{ route('pedidos.preparacion') }}" class="form-inline" style="margin-bottom: 20px;">
                        <div class="form-group">
                            <input type="text" name="mesa" class="form-control" placeholder="Mesa #" value="{{ request('mesa') }}">
                        </div>
                        <div class="form-group">
                            <input type="text" name="cliente" class="form-control" placeholder="Nombre cliente" value="{{ request('cliente') }}">
                        </div>
                        <div class="form-group">
                            <input type="text" name="pedido" class="form-control" placeholder="# Pedido" value="{{ request('pedido') }}">
                        </div>
                        <button type="submit" class="btn btn-primary">Buscar</button>
                        <a href="{{ route('pedidos.preparacion') }}" class="btn btn-default">Limpiar</a>
                    </form>

                    {{-- Botones sección --}}
                    <div class="btn-group" style="margin-bottom: 20px;">
                        <button id="btn-preparacion" class="btn btn-primary active">En preparación</button>
                        <button id="btn-preparado" class="btn btn-default">Preparado</button>
                    </div>

                    {{-- =================================================== --}}
                    {{--         SECCIÓN: PEDIDOS EN PREPARACIÓN             --}}
                    {{-- =================================================== --}}
                    <div id="seccion-preparacion">
                        @forelse($pedidosEnPreparacion as $pedido)
                            <div class="panel panel-info">
                                <div class="panel-heading">
                                    <div class="row">
                                        <div class="col-md-8">
                                            <strong>Pedido #{{ $pedido->idPedido }}</strong><br>

                                            {{-- CLIENTE --}}
                                            Cliente:
                                            @if ($pedido->cliente)
                                                <strong>{{ $pedido->cliente->Nombres ?? '' }} {{ $pedido->cliente->Apellidos ?? '' }}</strong>
                                            @elseif ($pedido->notas_generales)
                                                <strong>{{ $pedido->notas_generales }}</strong>
                                            @else
                                                <strong>Sin cliente asignado</strong>
                                            @endif
                                            <br>

                                            {{-- MESERO --}}
                                            Atención al cliente:
                                            @if ($pedido->mesero)
                                                <strong>{{ $pedido->mesero->Nombres ?? '' }} {{ $pedido->mesero->Apellidos ?? '' }}</strong>
                                            @else
                                                <strong>Autogestionado</strong>
                                            @endif
                                        </div>

                                        <div class="col-md-4 text-right">
                                            <small>
                                                <strong>Mesa:</strong> {{ $pedido->idMesa }}<br>
                                                <strong>Tiempo:</strong> {{ \Carbon\Carbon::parse($pedido->created_at)->diffForHumans(null, true) }}
                                            </small>
                                        </div>
                                    </div>
                                </div>

                                <div class="panel-body">
                                    <table class="table table-bordered">
                                        <thead>
                                            <tr>
                                                <th>Producto/Combo</th>
                                                <th>Tipo</th>
                                                <th>Cantidad</th>
                                                <th style="width: 150px;">Acciones</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($pedido->items as $item)
                                                <tr>
                                                    <td>{{ $item->nombreProducto ?? 'Sin nombre' }}</td>
                                                    <td>{{ ucfirst($item->tipoProducto) }}</td>

                                                    {!! Form::open(['url' => route('pedidos.updateItems', $pedido->idPedido), 'method' => 'PUT', 'style' => 'display:inline;']) !!}
                                                    <td>
                                                        {!! Form::number("items[{$item->idPedidoItem}][cantidad]", $item->cantidad, ['min' => 0, 'class' => 'form-control']) !!}
                                                    </td>
                                                    <td>
                                                        {!! Form::hidden("items[{$item->idPedidoItem}][tipo]", $item->tipoProducto) !!}
                                                        {!! Form::hidden("items[{$item->idPedidoItem}][idProducto]", $item->idProducto) !!}

                                                        <button class="btn btn-xs btn-link" type="submit" title="Guardar cambios de cantidad">
                                                            <img src="{{ url('images/Modificar.png') }}" width="25" height="20" alt="Guardar"/>
                                                        </button>
                                                    {!! Form::close() !!}

                                                    {!! Form::open(['route' => ['pedidos.item.eliminar', $item->idPedidoItem], 'method' => 'DELETE', 'style' => 'display:inline;', 'onsubmit' => "return confirm('¿Está seguro de eliminar este item?');"]) !!}
                                                        <button type="submit" class="btn btn-xs btn-link" title="Eliminar Item">
                                                            <img src="{{url('images/Eliminar.png')}}" width="25" height="20" alt="Eliminar Item"/>
                                                        </button>
                                                    {!! Form::close() !!}
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>

                                    {!! Form::open(['url' => route('pedidos.cancelar', $pedido->idPedido), 'method' => 'PUT', 'class' => 'form-cancelar-pedido', 'style' => 'margin-top: 10px;']) !!}
                                        <button type="submit" class="btn btn-danger">Cancelar Pedido Completo</button>
                                    {!! Form::close() !!}
                                </div>
                            </div>
                        @empty
                            <p>No hay pedidos en preparación.</p>
                        @endforelse
                    </div>

                    {{-- =================================================== --}}
                    {{--            SECCIÓN: PEDIDOS PREPARADOS              --}}
                    {{-- =================================================== --}}
                    <div id="seccion-preparado" style="display: none;">
                        @forelse($pedidosPreparados as $pedido)
                            <div class="panel panel-success">
                                <div class="panel-heading">
                                    <div class="row">
                                        <div class="col-md-8">
                                            <strong>Pedido #{{ $pedido->idPedido }}</strong><br>

                                            {{-- CLIENTE --}}
                                            Cliente:
                                            @if ($pedido->cliente)
                                                {{ $pedido->cliente->Nombres ?? '' }} {{ $pedido->cliente->Apellidos ?? '' }}
                                            @else
                                                {{ $pedido->notas_generales }}
                                            @endif
                                            <br>

                                            {{-- MESERO --}}
                                            Atención al cliente:
                                            @if ($pedido->mesero)
                                                {{ $pedido->mesero->Nombres ?? '' }} {{ $pedido->mesero->Apellidos ?? '' }}
                                            @else
                                                Autogestionado
                                            @endif
                                        </div>

                                        <div class="col-md-4 text-right">
                                            <small>
                                                <strong>Mesa:</strong> {{ $pedido->idMesa }}<br>
                                                <strong>Tiempo:</strong> {{ \Carbon\Carbon::parse($pedido->created_at)->diffForHumans(null, true) }}
                                            </small>
                                        </div>
                                    </div>
                                </div>

                                <div class="panel-body">
                                    <table class="table table-bordered">
                                        <thead>
                                            <tr>
                                                <th>Producto/Combo</th>
                                                <th>Tipo</th>
                                                <th>Cantidad</th>
                                                <th style="width: 150px;">Acciones</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($pedido->items as $item)
                                                <tr>
                                                    <td>{{ $item->nombreProducto ?? 'Sin nombre' }}</td>
                                                    <td>{{ ucfirst($item->tipoProducto) }}</td>

                                                    {!! Form::open(['url' => route('pedidos.updateItems', $pedido->idPedido), 'method' => 'PUT', 'style' => 'display:inline;']) !!}
                                                    <td>
                                                        {!! Form::number("items[{$item->idPedidoItem}][cantidad]", $item->cantidad, ['min' => 0, 'class' => 'form-control']) !!}
                                                    </td>
                                                    <td>
                                                        {!! Form::hidden("items[{$item->idPedidoItem}][tipo]", $item->tipoProducto) !!}
                                                        {!! Form::hidden("items[{$item->idPedidoItem}][idProducto]", $item->idProducto) !!}

                                                        <button class="btn btn-xs btn-link" type="submit" title="Guardar cambios de cantidad">
                                                            <img src="{{ url('images/Modificar.png') }}" width="25" height="20" alt="Guardar"/>
                                                        </button>
                                                    {!! Form::close() !!}

                                                    {!! Form::open(['route' => ['pedidos.item.eliminar', $item->idPedidoItem], 'method' => 'DELETE', 'style' => 'display:inline;', 'onsubmit' => "return confirm('¿Está seguro de eliminar este item?');"]) !!}
                                                        <button type="submit" class="btn btn-xs btn-link" title="Eliminar Item">
                                                            <img src="{{url('images/Eliminar.png')}}" width="25" height="20" alt="Eliminar Item"/>
                                                        </button>
                                                    {!! Form::close() !!}
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>

                                    {!! Form::open(['url' => route('pedidos.cancelar', $pedido->idPedido), 'method' => 'PUT', 'class' => 'form-cancelar-pedido', 'style' => 'margin-top: 10px;']) !!}
                                        <button type="submit" class="btn btn-danger">Cancelar Pedido Completo</button>
                                    {!! Form::close() !!}
                                </div>
                            </div>
                        @empty
                            <p>No hay pedidos preparados.</p>
                        @endforelse
                    </div>

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

{{-- Scripts --}}
<script>
    document.addEventListener('DOMContentLoaded', function () {
        const btnPreparacion = document.getElementById('btn-preparacion');
        const btnPreparado = document.getElementById('btn-preparado');
        const seccionPreparacion = document.getElementById('seccion-preparacion');
        const seccionPreparado = document.getElementById('seccion-preparado');

        btnPreparacion.addEventListener('click', function () {
            btnPreparacion.classList.add('btn-primary', 'active');
            btnPreparacion.classList.remove('btn-default');
            btnPreparado.classList.remove('btn-primary', 'active');
            btnPreparado.classList.add('btn-default');
            seccionPreparacion.style.display = 'block';
            seccionPreparado.style.display = 'none';
        });

        btnPreparado.addEventListener('click', function () {
            btnPreparado.classList.add('btn-primary', 'active');
            btnPreparado.classList.remove('btn-default');
            btnPreparacion.classList.remove('btn-primary', 'active');
            btnPreparacion.classList.add('btn-default');
            seccionPreparacion.style.display = 'none';
            seccionPreparado.style.display = 'block';
        });

        document.querySelectorAll('.form-cancelar-pedido').forEach(function (form) {
            form.addEventListener('submit', function (e) {
                if (!confirm('¿Está seguro que desea cancelar este pedido COMPLETO? Esta acción no se puede deshacer.')) {
                    e.preventDefault();
                }
            });
        });
    });
</script>

@endsection