{{#form-content}}
    {{form-input name='category' label='Category'}}
    {{form-input name='name' label='Name & P.N.'}}
    {{form-input name='note' label='Remark'}}
    {{form-input name='content' label='Description' type='textarea'}}

    {{#form-input name='image' label='Images'}}
        <div class="widget-box transparent">
            <div class="widget-header widget-header-small">
                <div class="widget-toolbar action-buttons">
                    {{#a-btn data-rel="tooltip" title="Add Image" click=(route-action 'addImage')}}
                        <i class="ace-icon fa fa-plus-circle green"></i>
                    {{/a-btn}}
                </div>
            </div>
            <div class="widget-body">
                <div class="widget-main padding-4">
                    {{#each model.images as |image index|}}
                    <div class="col-xs-6 no-padding-left">
                        <div class="space-4"></div>
                        {{input name=(concat 'imageTitles[' index ']') class='width-80' placeholder='Image title' value=image.title}}
                        &nbsp;
                        {{#a-btn data-rel="tooltip" title="Remove Image" click=(route-action 'removeImage' image)}}
                            <i class="ace-icon fa fa-times bigger-125"></i>
                        {{/a-btn}}
                        <div class="space-2"></div>
                        {{image-input name=(concat 'images[' index ']') image=image}}
                    </div>
                    {{/each}}
                </div>
            </div>
        </div>
    {{/form-input}}

    {{#form-input name='attachment' label='Attachments'}}
        <div class="widget-box transparent">
            <div class="widget-header widget-header-small">
                <div class="widget-toolbar action-buttons">
                    {{#a-btn data-rel="tooltip" title="Add Attachment" click=(route-action 'addAttachment')}}
                        <i class="ace-icon fa fa-plus-circle green"></i>
                    {{/a-btn}}
                </div>
            </div>
            <div class="widget-body">
                <div class="widget-main padding-4">
                    {{#each model.attachments as |attachment index|}}
                    <div class="col-xs-6 no-padding-left">
                        <div class="space-4"></div>
                        {{input name=(concat 'attachmentTitles[' index ']') class='width-80' placeholder='Attachment name' value=image.title}}
                        &nbsp;
                        {{#a-btn data-rel="tooltip" title="Remove Attachment" click=(route-action 'removeAttachment' attachment)}}
                            <i class="ace-icon fa fa-times bigger-125"></i>
                        {{/a-btn}}
                        <div class="space-2"></div>
                        {{file-input name=(concat 'attachments[' index ']') file=attachment}}
                    </div>
                    {{/each}}
                </div>
            </div>
        </div>
    {{/form-input}}
    <hr />
    {{form-footer-buttons}}
{{/form-content}}