@extends('app')
@section('content')
<div class="container-fluid">
    <div class="row">
		<div class="col-md-8 col-md-offset-2">
			<div class="panel panel-default">
                <div class="panel-heading"><center>Gestionar Mesa: {{ $mesa->descripcion }}</center></div>
                    <div class="panel-body">
                        <div class="card-body">
                            <hr>
                                <a href="{{ route('mesas') }}" class="btn btn-secondary mb-3">Volver a Mesas</a>
                                <a href="{{ route('pedido.iniciarForm', $mesa->idMesa) }}" class="btn btn-success mb-3">
                                    <i class="fa fa-plus"></i> Iniciar Nuevo Pedido / Agregar Cliente
                                </a>
                                @if($mesa->pedidos->isEmpty())
                                    {!! Form::open([
                                        'route' => ['mesa.habilitar', $mesa->idMesa],
                                        'method' => 'POST',
                                        'onsubmit' => "return confirm('¿Desea habilitar esta mesa?.');",
                                        'style' => 'display: inline;'
                                    ]) !!}

                                            <button type="submit" class="btn btn-warning mb-3">
                                                <i class="fa fa-paper-plane"></i> Habilitar Mesa
                                            </button>
                                    {!! Form::close() !!}

                                @endif
                            <hr>

                            @if (session('success'))
                                <div class="alert alert-success">
                                    {{ session('success') }}
                                </div>
                            @endif
                            @if($errors->any())
                                <div class="alert alert-danger">
                                    <ul>
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif
                            @if(session('error'))
                                <div class="alert alert-danger">
                                    {{ session('error') }}
                                </div>
                            @endif

                            <h4>Pedidos Activos en esta Mesa</h4>

                            @if($mesa->pedidos->isEmpty())
                                <p>No hay pedidos activos para esta mesa.</p>
                            @else
                                <div class="list-group">
                                    @foreach($mesa->pedidos as $pedido)
                                        <div class="list-group-item list-group-item-action flex-column align-items-start mb-2">
                                            <div class="d-flex w-100 justify-content-between">
                                                <h5 class="mb-1">
                                                    Pedido #{{ $pedido->idPedido }} -
                                                    @if($pedido->cliente)
                                                        {{ $pedido->cliente->Nombres }} {{ $pedido->cliente->Apellidos }} ({{ $pedido->cliente->Cedula }})
                                                    @elseif($pedido->notas_generales)
                                                        {{ $pedido->notas_generales }} {{-- Muestra nombre si se guardó aquí --}}
                                                    @else
                                                        Cliente Anónimo
                                                    @endif
                                                </h5>
                                                <small>Creado: {{ $pedido->created_at->format('d/m/Y H:i') }}</small>
                                            </div>

                                            

                                            <p class="mb-1">
                                                Estado: <span class="badge badge-info">{{ ucfirst(str_replace('_', ' ', $pedido->estado)) }}</span> | Total Aprox: ${{ number_format($pedido->subtotal, 0) }}
                                            </p>
                                            <ul>
                                                @foreach($pedido->items as $item)
                                                    <li>{{ $item->cantidad }} x {{ $item->nombreProducto }}</li>
                                                @endforeach
                                            </ul>

                                            <div class="mt-2">
                                                {{-- Botón para ver/editar si está pendiente --}}
                                                @if($pedido->estado == 'pendiente')
                                                    <a href="{{ route('pedido.ver', $pedido->idPedido) }}" class="btn btn-sm btn-warning">
                                                        <i class="fa fa-edit"></i> Ver / Editar Items
                                                    </a>
                                                @endif
                                                {{-- Botón para enviar a preparación si está pendiente y tiene items --}}
                                                @if($pedido->estado == 'pendiente' && $pedido->items->count() > 0)
                                                {!! Form::open([
                                                    'route' => ['pedido.enviar', $pedido->idPedido],
                                                    'method' => 'PUT',
                                                    'onsubmit' => "return confirm('¿Está seguro de enviar este pedido a preparación? No podrá editarlo después.');",
                                                    'style' => 'display: inline;'
                                                ]) !!}
                                                        <button type="submit" class="btn btn-sm btn-primary">
                                                            <i class="fa fa-paper-plane"></i> Enviar a Preparación
                                                        </button>
                                                {!! Form::close() !!}

                                                @endif

                                                 @if($pedido->estado == 'en_preparacion' || $pedido->estado == 'preparado')
                                                    <a href="{{ route('mesero.pedidos.preparacion', ['pedido' => $pedido->idPedido]) }}" class="btn btn-sm btn-info">
                                                        <i class="fa fa-pencil-alt"></i> Editar Pedido
                                                    </a>
                                                @endif

                                                {!! Form::open([
                                                    'route' => ['pedido.cancelar', $pedido->idPedido],
                                                    'method' => 'PUT',
                                                    'onsubmit' => "return confirm('¿Está seguro de cancelar el pedido?? No podrá editarlo después.');",
                                                    'style' => 'display: inline;'
                                                ]) !!}
                                                        <button type="submit" class="btn btn-sm btn-danger">
                                                            <i class="fa fa-paper-plane"></i> Cancelar pedido
                                                        </button>
                                                {!! Form::close() !!}

                                                {{-- Mostrar botón para ir a caja si está preparado --}}
                                                @if($pedido->estado == 'preparado')
                                                    <span class="text-success font-weight-bold">¡Listo para entregar / facturar!</span>
                                                    {{-- Aquí podría ir un botón para notificar a caja o simplemente la info --}}
                                                @endif
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            @endif
                        </div>
                    </div>
            </div>
        </div>
    </div>
</div>
@endsection

 @push('styles') {{-- Si usas Bootstrap 4 o similar --}}
<style>
    .badge-info { background-color: #17a2b8; color: white; }
    .mb-3 { margin-bottom: 1rem !important; }
     /* Agrega íconos si usas FontAwesome */
    @import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css");
</style>
@endpush