@extends('app') {{-- Asegúrate que 'app' sea tu layout principal --}}

@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>Modificar Mesa: {{ $mesa->descripcion }}</center></div>
                <div class="panel-body">
                    <div class="navbar-collapse" id="bs-example-navbar-collapse-1" style="margin-bottom: 20px;">
                        <ul class="nav navbar-nav navbar-right">
                            <li><a href="{{ url('/admin') }}">Opciones Admin</a></li> {{-- Ajusta esta ruta si es necesario --}}
                            <li><a href="{{ url('/mesaindex') }}">Atrás (Listado de Mesas)</a></li>
                        </ul>
                    </div>

                    @if (count($errors) > 0)
                        <div class="alert alert-danger">
                            <strong>¡Whoops!</strong> Hay algunos problemas con tus datos.<br><br>
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif

                    @if (session('alert-success'))
                        <div class="alert alert-success">
                            {!! session('alert-success') !!}
                        </div>
                    @endif
                    @if (session('alert-danger'))
                        <div class="alert alert-danger">
                            {!! session('alert-danger') !!}
                        </div>
                    @endif

                    <div class="form-horizontal">
                        {!! Form::model($mesa, ['url' => route('mesas.update', $mesa->idMesa), 'method' => 'PUT']) !!}
                        {!! Form::token() !!}

                        <div class="form-group">
                            <div class="col-md-4 control-label">
                                {!! Form::label('descripcion', 'Descripción', ['class' => 'control-label']) !!}
                            </div>
                            <div class="col-md-6">
                                {!! Form::text('descripcion', null, ['class' => 'form-control', 'required', 'placeholder' => 'Ej: Mesa 1, Ventana Principal']) !!}
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="col-md-4 control-label">
                                {!! Form::label('estado', 'Estado', ['class' => 'control-label']) !!}
                            </div>
                            <div class="col-md-6">
                                {!! Form::select('estado', ['0' => 'Libre', '1' => 'Ocupada'], null, ['class' => 'form-control', 'required']) !!}
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="col-md-6 col-md-offset-4">
                                <button type="submit" class="btn btn-primary">
                                    Actualizar Mesa
                                </button>
                            </div>
                        </div>
                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection