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

  connected: function() {},

  disconnected: function() {},

  received: function(data) {                 
  	// console.log(data.order);
  	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.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() + "-" + date.getFullYear() + ' ' +  date.getHours()+ ':' +  date.getMinutes();

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

  			row ='<div class="card queue_station queue_station_box" data-date="'+items[field]["order_id"]+'">'
          +'<strong class="hidden">'+items[field]["order_id"]+'</strong>'
		  		+'<div class="card-block">'
		  		+'<h4 class="card-title">'
		  		+'<span class="order-zone-type">'+items[field]["table_type"]+'- </span>'
		  		+'<span class="order-zone">'+ items[field]["zone"] +'</span>'
		  		+'<small class="pull-right">'+ items[field]["order_id"] +'- </small>'
		  		+'</h4>'

		  		+'<h4>'
		  		+'<span class="order-item">'+ items[field]["item_name"] +'- </span>'
		  		+'<span class="order-qty">'+ items[field]["qty"] +'- </span>'
		  		+'</h4>'

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

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

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

		  		+'<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-date');
      next  = $(b).attr('data-date');
      return parseInt(next.substring(4, 16)) - parseInt(first.substring(4, 16));
    });
    $("#oqs_container").html(SortListDivs);
 },
});