@extends('template.home.index')
@section('title', trans('comanda.comanda_title'))

@section('style')
  <link rel="stylesheet" href="{{asset('assets/css/comanda.css')}}">
@endsection

@section('content')
  <div class="pos_content comanda_content">
    <div class="container-fluid">
      <div class="row align-items-center">
        <div class="col-md-6">
          @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 text-right select_show">
          <div class="row">
            <div class="col-md-12">
                @sidebar('comanda.zonas')
                  <a href="{{route('comanda')}}" onclick="" id="" class="btn btn-sm btn-info {{Request::is('comanda') ? 'disabled' : ''}}"><small>{{  trans('comanda.comandas') }}</small></a>
                  <a href="{{route('comanda.indexComandaZonas')}}" onclick="" id="" class="btn btn-sm btn-info {{Request::is('comanda/zonas') ? 'disabled' : ''}}"><small>{{  trans('comanda.zonas') }}</small></a>
                @endsidebar
                <a class="btn btn-sm"><i class="fa fa-filter" data-toggle="modal" data-target="#openFilterCommands" class="btn btn-info" data-toggle="tooltip" title="{{  trans('comanda.abrir_filtro') }}" onclick="return;"></i></a>
              </div>
          </div>
        </div>
      </div>
      <div class="scroll" 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.cambio_estado') }}	</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">
            @sidebar('comanda.changeOrderStatus')
              <button type="button" class="list-group-item list-group-item-action font-weight-bold filtro_ordenar" onclick="change_active_comanda_state('ordenar');return;">{{  trans('comanda.ordenados') }}</button>
              <button type="button" class="list-group-item list-group-item-action font-weight-bold filtro_enproceso" onclick="change_active_comanda_state('enproceso');return;">{{  trans('comanda.en_proceso') }}</button>
              <button type="button" class="list-group-item list-group-item-action font-weight-bold filtro_preparados" onclick="change_active_comanda_state('preparados');return;">{{  trans('comanda.preparados') }}	</button>
              <button type="button" class="list-group-item list-group-item-action font-weight-bold filtro_todos" onclick="change_active_comanda_state('todos');return;">{{  trans('comanda.todos') }}</button>
            @endsidebar
          </div>
        </div>
        <div class="modal-footer">
          <a href="#" onclick="filter_comanda()" class="btn btn-success">{{  trans('comanda.filtrar') }}</a>
        </div>
      </div>
    </div>
  </div>


  <audio id="notifyAudioComanda" loop>
    <source src="{{asset('assets/media/notify/comanda.mp3')}}" type="audio/mp3">
  </audio>
@endsection

@section('js')
  <script type="text/javascript" src="{{asset('assets/js/comanda.js')}}"></script>
  <script type="text/javascript">
     viewComanda = true;
     var comandas = {!! json_encode($comandas) !!};
     /* $(document).ready(function() {
        var idComanda = {!! json_encode($comandas) !!};
        $.each(idComanda, function(p, comanda){
            if (localStorage.getItem("c_"+comanda.idComanda) != null)  {
                $("#idBtnComandaColor_"+comanda.idComanda).addClass("notification");
            }
        })
     }) */
    //  $(document).ready(function() {
    //      alert("ready")
    //     change_active_comanda_state('aa')

    //  })


  </script>
@endsection