@extends('index')
@section('contenido')
    <div class="container-fluid">
        @if (session('good'))
            <div class="alert alert-success alert-dissmissible fade show" role="alert" style="margin-top: -10pt; margin-bottom: 18pt">
                <font style="font-size: 10pt">
                    {{ session('good') }}
                </font>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span
                        aria-hidden="true">&times;</span>
                </button>
            </div>
        @endif
        @if (session('error'))
            <div class="alert alert-danger alert-dissmissible fade show" role="alert" style="margin-top: -10pt; margin-bottom: 18pt">
                <font style="font-size: 10pt">
                    {{ session('error') }}
                </font>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
        @endif
        <div class="row" style="margin-top: -10pt">
            <div class="col-xl-3 col-lg-3 col-md-3 col-sm-4 col-12">
                <div class="card card-tabs">
                    <div class="card-header p-0">
                        <div class="row" style="padding: 2px">
                            <div class="col-xl-10 col-lg-9 col-md-8 col-sm-8 col-10">
                              <input type="search" name="txtBuscar" id="txtBuscar" placeholder="Escriba nombre de cliente" class="form-control"
                                style="font-size: 10pt">  
                            </div>
                            <div class="col-xl-2 col-lg-3 col-md-4 col-sm-4 col-2">
                              <button type="button" name="btnBuscar" id="btnBuscar" onclick="ListarFormularios()" class="form-control btn-outline-info btn-sm"><i class="fas fa-search"></i></button>
                            </div>
                            <div class="col-lg-12 col-md-12 col-sm-12 col-12" style="margin-top: 2px">
                              <button type="button" name="btnBuscar" id="btnBuscar" onclick="btnAgregar()" class="h-75 form-control btn-outline-info btn-sm" >
                                  <div style="height: 30px">
                                      <font style="font-weight: bold;">Agregar Pedido</font>
                                  </div>
                              </button>  
                            </div>
                        </div>
                    </div>
                    <div class="card-body p-0">
                        <div class="row" style="padding: 2px" id="fCont">
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-9 col-lg-9 col-md-9 col-sm-8 col-12" id="pnlAtencion">
                {{-- CONTENIDO --}}
                <div class="card card-primary">
                    <div class="card-body">
                        <div class="row pt-5">
                            <div class="col-md-12"></div>
                            <div class="col-md-12">
                                <span style="font-family: Arial, Helvetica, sans-serif; font-size: 11pt">
                                    <span class="d-block d-sm-none">↑ Selecciona un Pedido</span>
                                    <span class="d-none d-sm-block">← Selecciona un Pedido</span>
                                </span>
                            </div>
                            <div class="col-md-12 pt-5"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    @include('Reservas.modalBuscarReservas')
    @include('Pedidos.modalComentario')
    @include('Pedidos.modalBuscarBebidas')
    @include('Pedidos.modalCambiarPrecio') 
    @include('Pedidos.modalSoloCategorias')
    @include('Pedidos.modalPlatosCategorias')
    @include('Pedidos.modalTipoBebida') 
    @include('Pedidos.modalZonasImpresion')
@endsection
@section('scripts')  
    <script>
        var PER_Codigo = '{{ $user['codigo'] }}'
        var meserito = '{{ $user['nombres'].' '.$user['apellidos'] }}'        
        var sucursal = '{{ $sucursal }}'
        
        var VerDatos = '{{ $VerDatos }}'
        var TipoBuscador = '{{ $TipoBuscador }}'
        
    </script>  
    <script src="/files/librerias/threads/Concurrent.Thread.js"></script>
    <script src="/files/newJS/pedidoDelivery.js?v={{ date('d-m-Y h:i:s') }}"></script>
    <script src="/files/newJS/busquedaProductos.js?v={{ date('d-m-Y h:i:s') }}"></script>
    <script src="/files/newJS/buscarReservas.js?v={{ date('d-m-Y h:i:s') }}"></script>    
    <script src="/files/newJS/SocketCliente.js?v={{ date('d-m-Y h:i:s') }}"></script>    
    <script src="/files/newJS/dtBusquedaProductos.js?v={{ date('d-m-Y h:i:s') }}"></script>
    <script src="/files/newJS/dtBusquedaBebidas.js?v={{ date('d-m-Y h:i:s') }}"></script>
    
     <script src="/files/newJS/dtBusquedaHelados.js?v={{ date('d-m-Y h:i:s') }}"></script>
       <script src="/files/newJS/dtBusquedaOtros.js?v={{ date('d-m-Y h:i:s') }}"></script>
    
@endsection