//- section.attachments(tg-attachments-drop="vm.addAttachments(files)")

section.attachments(tg-attachments-drop="vm.addAttachments(files)")
    .attachments-header 
        h3.attachments-title #[span.attachments-num {{vm.attachments.size}}] #[span.attachments-text(translate="ATTACHMENT.SECTION_NAME")]
        .add-attach(title!="{{'ATTACHMENT.ADD' | translate}}")
            span.size-info(
                translate="ATTACHMENT.MAX_FILE_SIZE"
                translate-values="{ 'maxFileSize': vm.maxFileSizeFormated}"
                ng-if="vm.maxFileSize"
            )
            label.add-attachment-button(for="add-attach")
                include ../../../svg/add.svg
            input(
                id="add-attach"
                type="file"
                multiple="multiple"
                ng-model="files"
                tg-file-change="vm.addAttachments(files)"
            )
    .attachments-empty(ng-if="!vm.attachments.size") 
        div {{'ATTACHMENT.DROP' | translate}}
    .attachment-body.attachment-list
        .single-attachment(tg-repeat="attachment in vm.attachments track by $index")
            .attachment-name
                span.icon
                    include ../../../svg/attachment.svg
                span {{attachment.get('name')}}
            .attachment-size
                span {{attachment.get('size') | sizeFormat}}

            .attachment-settings
                a.settings.attachment-delete(
                    href="#"
                    title="{{'COMMON.DELETE' | translate}}"
                    ng-click="vm.deleteAttachment(attachment)"
                )
                    include ../../../svg/remove.svg