{{#form-content}}
    {{form-input type='show' name='id' label='ID'}}
    {{form-input type='show' name='name' label='Name'}}
    {{form-input type='show' name='countryCode' label='Country'}}
    {{form-input type='show' name='state' label='State'}}
    {{form-input type='show' name='city' label='City'}}
    {{form-input type='show' name='ms' label='MS'}}
    {{form-input type='show' name='region' label='Region'}}
    {{form-input type='show' name='salesperson' label='Salesperson'}}

    {{form-input-select2 
        multiple=true
        name='applicationsArray' 
        label='Application' 
        options=model.applicationList
        value-field='id'
        text-field='name'
    }}

    {{form-input-select2 
        name='status' 
        label='Status' 
        options=model.statusList
        value-field='id'
        text-field='name'
    }}

    {{form-input type='show' label='Users' name='userAccounts'}}
        {{!--
        <div class="widget-box widget-color-grey" style="opacity: 1;">
            <!-- #section:custom/widget-box.options -->
            <!--
            <div class="widget-header">
                <h5 class="widget-title bigger lighter">
                    <i class="ace-icon fa fa-table"></i>
                    Users
                </h5>
            </div>
            -->

            <!-- /section:custom/widget-box.options -->
            <div class="widget-body">
                <div class="widget-main no-padding">
                    <table class="table table-striped table-bordered table-hover">
                        <thead class="thin-border-bottom">
                            <tr>
                                <th>
                                    <i class="ace-icon fa fa-user"></i>
                                    Employee ID
                                </th>

                                <th>
                                    Account
                                </th>
                                <th>
                                    Name
                                </th>
                                <th class="hidden-480">
                                    Name(EN)
                                </th>
                            </tr>
                        </thead>

                        <tbody>
                            {{log model.users}}
                            {{#each model.users as |u|}}
                            <tr>
                                <td>
                                    {{u.employeeId}}
                                </td>
                                <td>
                                    {{u.account}}
                                </td>
                                <td>
                                    {{u.name}}
                                </td>
                                <td class="hidden-480">
                                    {{u.enName}}
                                </td>
                            </tr>
                            {{/each}}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        --}}
    {{!/form-input}}

    {{#form-input label='Comments'}}
        <div class="widget-box transparent">
            <div class="widget-header widget-header-small">
                <div class="widget-toolbar action-buttons">
                    {{#link-to 'customer-issue.create' model.id data-rel='tooltip' title='Write Comment'}}
                        <i class="ace-icon fa fa-file-text-o blue"></i>
                    {{/link-to}}
                </div>
            </div>
            <div class="widget-body">
                <div class="widget-main padding-8">
                    {{#each model.issues as |issue|}}
                    <div class="profile-activity clearfix">
                        <div>
                            {{#if issue.editor}}
                                <span class="purple">
                                    {{issue.editor.name}}
                                </span>
                                <span class="blue">
                                    Updated
                                </span>
                            {{else}}
                                <!-- <span class="user"> -->
                                <span class="purple">
                                    {{issue.creator.name}}
                                </span>
                                <span class="green">
                                    Created
                                </span>
                            {{/if}}
                            {{issue.issue}}
                            <!-- <a href="#">Take a look</a> -->

                            <div class="time">
                                <i class="ace-icon fa fa-clock-o bigger-110"></i>
                                {{#if issue.dateUpdated}}
                                    {{moment-format issue.dateUpdated 'M/D/YYYY H:mm:ss'}}
                                {{else}}
                                    {{moment-format issue.dateCreated 'M/D/YYYY H:mm:ss'}}
                                {{/if}}
                            </div>
                        </div>

                        <div class="tools action-buttons">
                            {{#link-to 'customer-issue.edit' issue.id class='blue' data-rel='tooltip' title='Edit Comment'}}
                                <i class="ace-icon fa fa-pencil bigger-125"></i>
                            {{/link-to}}
                            <a class="orange cursor-pointer" data-rel="tooltip" 
                                    title='Remove Comment' {{action (route-action 'removeIssue' issue)}}>
                                <i class="ace-icon fa fa-times bigger-125"></i>
                            </a>
                        </div>
                    </div>
                    {{/each}}
                </div>
            </div>
        </div>
    {{/form-input}}
    <hr />
    {{form-footer-buttons on-goback=(route-action 'backToList') on-submit=(route-action 'update')}}
{{/form-content}}
{{outlet}}