{{#form-content}}
    {{form-input-select2
        nullable=true
        name='owner'
        label='Owner'
        options=model.users
        value-field='id'
        text-field='name'
        text-exp='$.employeeId ($.name)'
    }}
    {{form-input name='name' label='Name'}}
    {{form-input name='note' label='Remark'}}
    {{form-input name='content' label='Content' 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 href="#" data-rel="tooltip" title="Add Image" {{action (route-action 'addImage')}}>
                        <i class="ace-icon fa fa-plus-circle green"></i>
                    </a>
                </div>
            </div>
            <div class="widget-body">
                <div class="widget-main padding-4">
                    {{#each model.images as |image i|}}
                    <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}}
                        &nbsp;
                        <a href="#" class="red" data-rel="tooltip" title="Remove Image" {{action (route-action 'removeImage' image)}}>
                            <i class="ace-icon fa fa-times bigger-125"></i>
                        </a>
                        <div class="space-2"></div>
                        {{image-input name=(concat 'images[' i ']') 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 href="#" data-rel="tooltip" title="Add Attachment" {{action (route-action 'addAttachment')}}>
                        <i class="ace-icon fa fa-plus-circle green"></i>
                    </a>
                </div>
            </div>
            <div class="widget-body">
                <div class="widget-main padding-4">
                    {{#each model.attachments as |attachment i|}}
                    <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}}
                        &nbsp;
                        <a href="#" class="red" data-rel="tooltip" title="Remove Attachment" {{action (route-action 'removeAttachment' attachment)}}>
                            <i class="ace-icon fa fa-times bigger-125"></i>
                        </a>
                        <div class="space-2"></div>
                        {{!input type='file'}}
                        {{file-input name=(concat 'attachments[' i ']') file=attachment}}
                    </div>
                    {{/each}}
                </div>
            </div>
        </div>
    {{/form-input}}
    <hr />
    {{form-footer-buttons}}
{{/form-content}}