diff --git a/web/app/templates/local-product/create.hbs b/web/app/templates/local-product/create.hbs
index 6ba6f83..6457fe5 100644
--- a/web/app/templates/local-product/create.hbs
+++ b/web/app/templates/local-product/create.hbs
@@ -8,23 +8,23 @@
         <div class="widget-box transparent">
             <div class="widget-header widget-header-small">
                 <div class="widget-toolbar action-buttons">
-                    <a href="#" data-rel="tooltip" title="Add Image" {{action (route-action 'addImage')}}>
+                    {{#a-btn data-rel="tooltip" title="Add Image" click=(route-action 'addImage')}}
                         <i class="ace-icon fa fa-plus-circle green"></i>
-                    </a>
+                    {{/a-btn}}
                 </div>
             </div>
             <div class="widget-body">
                 <div class="widget-main padding-4">
-                    {{#each model.images as |image i|}}
+                    {{#each model.images as |image index|}}
                     <div class="col-xs-6 no-padding-left">
                         <div class="space-4"></div>
-                        {{input name=(concat 'imageTitles[' i ']') class='width-80' placeholder='Image title' value=image.title}}
+                        {{input name=(concat 'imageTitles[' index ']') class='width-80' placeholder='Image title' value=image.title}}
                         &nbsp;
-                        <a href="#" class="red" data-rel="tooltip" title="Remove Image" {{action (route-action 'removeImage' image)}}>
+                        {{#a-btn data-rel="tooltip" title="Remove Image" click=(route-action 'removeImage' image)}}
                             <i class="ace-icon fa fa-times bigger-125"></i>
-                        </a>
+                        {{/a-btn}}
                         <div class="space-2"></div>
-                        {{image-input name=(concat 'images[' i ']') image=image}}
+                        {{image-input name=(concat 'images[' index ']') image=image}}
                     </div>
                     {{/each}}
                 </div>
@@ -36,24 +36,23 @@
         <div class="widget-box transparent">
             <div class="widget-header widget-header-small">
                 <div class="widget-toolbar action-buttons">
-                    <a href="#" data-rel="tooltip" title="Add Attachment" {{action (route-action 'addAttachment')}}>
+                    {{#a-btn data-rel="tooltip" title="Add Attachment" click=(route-action 'addAttachment')}}
                         <i class="ace-icon fa fa-plus-circle green"></i>
-                    </a>
+                    {{/a-btn}}
                 </div>
             </div>
             <div class="widget-body">
                 <div class="widget-main padding-4">
-                    {{#each model.attachments as |attachment i|}}
+                    {{#each model.attachments as |attachment index|}}
                     <div class="col-xs-6 no-padding-left">
                         <div class="space-4"></div>
-                        {{input name=(concat 'attachmentTitles[' i ']') class='width-80' placeholder='Attachment name' value=image.title}}
+                        {{input name=(concat 'attachmentTitles[' index ']') class='width-80' placeholder='Attachment name' value=image.title}}
                         &nbsp;
-                        <a href="#" class="red" data-rel="tooltip" title="Remove Attachment" {{action (route-action 'removeAttachment' attachment)}}>
+                        {{#a-btn data-rel="tooltip" title="Remove Attachment" click=(route-action 'removeAttachment' attachment)}}
                             <i class="ace-icon fa fa-times bigger-125"></i>
-                        </a>
+                        {{/a-btn}}
                         <div class="space-2"></div>
-                        {{!input type='file'}}
-                        {{file-input name=(concat 'attachments[' i ']') file=attachment}}
+                        {{file-input name=(concat 'attachments[' index ']') file=attachment}}
                     </div>
                     {{/each}}
                 </div>
diff --git a/web/package.json b/web/package.json
index b7ec519..049810c 100644
--- a/web/package.json
+++ b/web/package.json
@@ -16,6 +16,7 @@
   "author": "Shaun Chyxion",
   "license": "MIT",
   "devDependencies": {
+    "@ember/jquery": "1.1.0",
     "@ember/optional-features": "^1.3.0",
     "@ember/test-helpers": "^2.8.1",
     "bootbox": "5.1.3",