autocomplete for CRM/QUEUE

app/views/crm/dining_queues/_form.html.erb

@@ -6,6 +6,7 @@
       <!-- <div class="col-md-6"> -->
          <div class="form-inputs">
             <%= f.input :queue_no , :class => "dining",:id => "dining", :readonly => true%>
+            <%= f.hidden_field :customer_id %>
             <%= f.input :name %>
             <%= f.input :contact_no %>
             <%= f.input :seater %>
@@ -156,5 +157,24 @@ $(document).ready(function(){
         return false;
       }
     });
+
+    $('#dining_queue_name').autocomplete({
+      minLength: 1,
+      source: '<%= crm_dining_queues_path() %>',
+      focus: function(event, ui) {
+          $('#dining_queue_name').val(ui.item.name);
+          return false;
+      },
+      select: function(event, ui) {
+        $('#dining_queue_name').val(ui.item.name);
+        $('#dining_queue_customer_id').val(ui.item.customer_id);
+        return false;
+      }
+    }).data( "ui-autocomplete" )._renderItem = function( ul, item ) {
+        return $( "<li></li>" )
+            .data( "item.autocomplete", item )
+            .append( "<p>" + item.name + "</p>" )
+            .appendTo( ul );
+    };
 });
 </script>