@extends('app')
@section('content')
<script src="{{url('js/Productos.js')}}"></script>
<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>Iniciar Nuevo Pedido en {{ $mesa->descripcion }}</center></div>
                <div class="panel-body">
                    <div class="card-body">
                        @if($errors->any())
                            <div class="alert alert-danger">
                                <ul class="mb-0">
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                        @if (session('success'))
                            <div class="alert alert-success">
                                {{ session('success') }}
                            </div>
                        @endif

                        {!! Form::open(['route' => ['pedido.crear', $mesa->idMesa], 'method' => 'POST', 'id' => 'regForm']) !!}
                        {!! Form::token() !!}

                        <p class="mb-4">Identifique al cliente (Cédula para buscar o Nombre manual):</p>

                        <div class="mb-3 row">
                            <label for="cliente" class="col-md-4 col-form-label text-md-end">Cédula Cliente</label>
                            <div class="col-md-6">
                                {!! Form::text('clientesimple', old('clientesimple'), [
                                    'class' => 'form-control' . ($errors->has('clientesimple') ? ' is-invalid' : ''),
                                    'id' => 'clientesimple',
                                    'autocomplete' => 'off'
                                ]) !!}
                                @if ($errors->has('clientesimple'))
                                    <span class="invalid-feedback d-block" role="alert">
                                        <strong>{{ $errors->first('clientesimple') }}</strong>
                                    </span>
                                @endif
                                <small class="form-text text-muted">Busque por cédula para cargar cliente.</small>
                                <div id="cliente-lookup-result" class="mt-1" style="min-height: 20px; font-weight: bold;"></div>
                            </div>
                        </div>

                        <div class="mb-3 row">
                            <label for="nombre_cliente_manual" class="col-md-4 col-form-label text-md-end">Nombre Cliente (Manual)</label>
                            <div class="col-md-6">
                                {!! Form::text('nombre_cliente_manual', old('nombre_cliente_manual'), [
                                    'class' => 'form-control' . ($errors->has('nombre_cliente_manual') ? ' is-invalid' : ''),
                                    'id' => 'nombre_cliente_manual'
                                ]) !!}
                                <div class="col-md-12 text-center" id="mensajeCliente"></div>
                                <small class="form-text text-muted">Ingrese si no busca por cédula o si la cédula no existe.</small>
                            </div>
                        </div>

                        {{-- Para mostrar errores generales del controlador --}}
                        @if ($errors->has('generales'))
                            <div class="row">
                                <div class="col-md-6 offset-md-4">
                                    <div class="alert alert-danger mt-2">
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $errors->first('generales') }}</strong>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        @endif
                        @if ($errors->has('generales'))
                            <div class="row">
                                <div class="col-md-6 offset-md-4">
                                    <div class="alert alert-danger mt-2">
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $errors->first('generales') }}</strong>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        @endif

                        <div class="mt-4 row">
                            <div class="col-md-6 offset-md-4 d-flex gap-2">
                                {!! Form::submit('Iniciar Pedido', ['class' => 'btn btn-success']) !!}
                                <a href="{{ route('gestionarMesa', $mesa->idMesa) }}" class="btn btn-outline-secondary">
                                    Cancelar
                                </a>
                            </div>
                        </div>

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