@extends('template.layoutAdmin', ['activeButton'=>'general'])

@section('title')
{{  trans('comanda.visualizarComanda') }}				
@endsection

@section('style')
<style media="screen">
.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.btn-circle {
    width: 20px;
    height: 20px;
    padding: 0px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
}

</style>
<link rel="stylesheet" href="{{asset('css/comanda.css')}}">
@endsection
{{-- @section('cabecera')
  <div class="row">
    <div class="col-12">
      <h1>
        <small> {{  trans('comanda.aforoReserva') }}				
        </small>
      </h1>
    </div>
  </div>
@endsection --}}

@section('contenido')
<div class="row">
  <div class="col-md-12">
    <div class="box">
      <div class="box-body">
        <div class="pos_content">
          <div class="container-fluid">
            <div class="row align-items-center">
              <div class="col-md-8">
                @foreach ($comandas as $listComanda)
                  <a href="javascript:;" onclick="open_command_detail({{$listComanda->idComanda}})" id="idBtnComandaColor_{{$listComanda->idComanda}}" class="btn btn_comanda">{{$listComanda->nombre}}</a>
                @endforeach
              </div>
              <div class="col-md-2 text-center" id="contentInfoComanda">
                {{-- vista --}}
              </div>
              <div class="col-md-2">
                <div class="row">
                    <a href="{{route('comanda.indexComanda')}}" onclick="" id="" class="btn btn-sm btn-info mr-3 {{Request::is('administrator/comanda/see') ? 'disabled' : ''}}"><small> {{  trans('comanda.comandas') }}				
                    </small></a>
                    <a href="{{route('comanda.indexComandaZonas')}}" onclick="" id="" class="btn btn-sm btn-info mr-3 {{Request::is('comanda/zonas') ? 'disabled' : ''}}"><small> {{  trans('comanda.zonas') }}				
                    </small></a>
                    {{-- <a class="btn btn-sm"><i class="fa fa-filter" data-toggle="modal" data-target="#openFilterCommands" class="btn btn-info" data-toggle="tooltip" title="Agregar filtro"></i></a> --}}
                </div>
              </div>
            </div>
            <div id="id_content_row_comanda" style="overflow-x:auto;">
              {{-- view_comanda.blade.php --}}
            </div>
          </div>
        </div>
  
        <!-- Modal -->
        <div class="modal fade" id="openModalEstadoComanda" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
          <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content modal_content_state_comanda">
              <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLongTitle">
                  {{  trans('comanda.cambioEstado') }}				
                </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
              </div>
              <div class="modal-body">
                <div class="list-group" id="listStateItemPedidoModal" role="tablist">
                  {{-- <a class="list-group-item list-group-item-action active" id="list-home-list" href="#list-home">Procesado</a>
  
                  <a class="list-group-item list-group-item-action" id="list-messages-list" href="#list-messages">Preparacion</a>
                  <a class="list-group-item list-group-item-action" id="list-settings-list" href="#list-settings">En camino</a>
                  <a class="list-group-item list-group-item-action" id="list-settings-list" href="#list-settings">Entregado</a> --}}
                </div>
              </div>
            </div>
          </div>
        </div>
  
        <!-- Modal -->
        <div class="modal fade" id="openFilterCommands" tabindex="-1" role="dialog" aria-labelledby="openFilterCommands" aria-hidden="true">
          <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content modal_content_state_comanda">
              <div class="modal-header">
                <h5 class="modal-title" id="openFilterCommands">
                  {{  trans('comanda.filtrado') }}				
                </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
              </div>
              <div class="modal-body">
                <div class="list-group" id="listState">
                  <button type="button" class="list-group-item list-group-item-action font-weight-bold filtro_ordenar" onclick="change_active('ordenar')">Ordenados</button>
                  <button type="button" class="list-group-item list-group-item-action font-weight-bold filtro_enproceso" onclick="change_active('enproceso')">En Proceso</button>
                  <button type="button" class="list-group-item list-group-item-action font-weight-bold filtro_preparados" onclick="change_active('preparados')">Preparados</button>
                  <button type="button" class="list-group-item list-group-item-action font-weight-bold filtro_todos active" onclick="change_active('todos')">Todos</button>
                </div>
              </div>
              <div class="modal-footer">
                <a href="#" onclick="filter_comanda()" class="btn btn-success">
                  {{  trans('comanda.filtrar') }}				
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection

@section('js')
  <script type="text/javascript" src="{{asset('js/comanda.js')}}"></script>
  <script type="text/javascript">
  </script>
@endsection