<div ng-if="$ctrl.card.hasAccount">
    <vn-data-viewer
        data="data"
        class="vn-w-xs">
        <vn-card>
            <vn-list class="separated">
                <vn-item ng-repeat="row in data | orderBy:'alias.alias'">
                    <vn-item-section>
                        <div>
                            {{::row.alias.alias}}
                        </div>
                        <div class="text-caption text-secondary">
                            {{::row.alias.description}}
                        </div>
                    </vn-item-section>
                    <vn-item-section side>
                        <vn-icon-button
                            icon="delete"
                            translate-attr="{title: 'Unsubscribe'}"
                            ng-click="removeConfirm.show(row)">
                        </vn-icon-button>
                    </vn-item-section>
                </vn-item>
            </vn-list>
        </vn-table>
        </vn-card>
    </vn-data-viewer>
    <vn-float-button
        icon="add"
        translate-attr="{title: 'Add'}"
        vn-bind="+"
        ng-click="$ctrl.onAddClick()"
        fixed-bottom-right>
    </vn-float-button>
    <vn-dialog 
        vn-id="dialog"
        on-accept="$ctrl.onAddSave()">
        <tpl-body>
            <vn-autocomplete
                label="Alias"
                ng-model="$ctrl.addData.mailAlias"
                url="MailAliases"
                show-field="alias"
                vn-focus>
            </vn-autocomplete>
        </tpl-body>
        <tpl-buttons>
            <input type="button" response="cancel" translate-attr="{value: 'Cancel'}"/>
            <button response="accept" translate>Save</button>
        </tpl-buttons>
    </vn-dialog>
    <vn-confirm 
        vn-id="removeConfirm"
        message="User will be removed from alias"
        question="Are you sure you want to continue?"
        on-accept="$ctrl.onRemove($data)">
    </vn-confirm>
</div>
<div
    ng-if="!$ctrl.card.hasAccount"
    class="bg-title"
    translate>
    Account not enabled
</div>