App.order_queue_station = App.cable.subscriptions.create('OrderQueueStationChannel', {
//	App.messages = App.cable.subscriptions.create('MessagesChannel', {  

  connected: function() {},

  disconnected: function() {},

  received: function(data) {
  	var oqs_id = $('.oqs_active').attr('data-id');
  	items = data.order;
  	for(var field in items) {
  		var price = parseFloat(items[field].price).toFixed(2);
  		if (items[field]["options"] == "[]" || items[field]["options"] == "") {
  			var options = "";
  		}else{
  			var options = items[field]["options"];
  		}
  		//for count
  		test = document.getElementsByClassName("oqs_count");

        for (var i = 0; i < test.length; i++) {
        	oqs_count_id = $(".oqs_count"+i).attr("data-id");
        	oqs_count = $(".oqs_count"+i).text();
       	    if ( oqs_count_id ==  items[field]["order_queue_station_id"]) {
       	    	oqs_count_total = +oqs_count +1 ;
       	    	$(".oqs_count"+i).text(oqs_count_total)
       	    }
        }
        //end count

  		var date = new Date(items[field]["created_at"]); 
  		var show_date = date.getDate() + "-" + (date.getMonth()+1) + "-" + date.getFullYear() + ' ' +  date.getHours()+ ':' +  date.getMinutes();

  		if (oqs_id == items[field]["order_queue_station_id"]) {

  			row ='<div class="card queue_station animated shake queue_station_box" data-order-no="'+items[field]["order_id"]+'">'
          +'<strong class="hidden">'+items[field]["order_id"]+'</strong>'
		  		+'<div class="card-block">'
		  

         +'<div class="row">'
          +'<span class="col-md-4 order-zone-type font-13">'+items[field]["table_type"]+'-'+ items[field]["zone"] +'</span>'
           +'<span class="order-zone hidden font-14">'+ items[field]["zone"] +'</span>'
          +'<span class="col-md-8"><small class="float-right font-13">'+items[field]["order_id"]+'</small></span>'
         +'</div>'
		  	  +'<p class="m-b--10">'
           +'<span class="order-item font-15">'+ items[field]["item_name"] +'- </span>'
           +'<span class="order-qty"> [x'+ items[field]["qty"] +'] </span>'
          +'</p>'

		  		+'<br/><p class="card-text item-options">'+ options +'</p>'

		  		+'<span class="card-text">'
            +'<span class="text-muted">Order at - '
              +'<span class="order-at">'+ show_date +'</span> <br>'

              +'Order By - <span class="order-by">'+ items[field]["item_order_by"] +'</span> '
              +'</span> '
          +'</span>'

		  		+'<p class="hidden order-customer">'+ items[field]["customer_name"] +'</p> '
		  		+'<p class="hidden assigned-order-item">'+ items[field]["assigned_order_item_id"] +'</p> '
		  		+'</div>'

		  		+'<div class="card-footer">'
		  		+'<button id="edit_'+ items[field]["assigned_order_item_id"]+'" class="btn btn-warning order-item order-item-edit">EDIT</button>'
		  		+' <button id="assigned_queue_' + items[field]["assigned_order_item_id"] +'" class="btn btn-primary order-item order-complete">COMPLETE</button>'
		  		+'</div>'
			    +'</div>'; 
  		  $('.oqs_append').append(row);
  		}
  	}//end looping

    var $divs = $("div.queue_station");
    var SortListDivs = $divs.sort(function (a, b) {

      first = $(a).attr('data-order-no');
      next  = $(b).attr('data-order-no');

      return parseInt(next.substring(4, 16)) - parseInt(first.substring(4, 16));
    });
    $("#oqs_container").html(SortListDivs);
 },
});