<div class="panel attachments_panel attachments upload large">
	<div class="panel_content">
		<div class="middle_bar">
			<div class="panel_top">
				<div class="notice" data-bind="visible: autoEncryptSignMessage() || messageSignedOrEncrypted(), i18n: {'key': '%MODULENAME%/INFO_ATTACHMENTS_NOT_SIGNED_ENCRYPTED'}"></div>
				<span class="uploader_button desktop" data-test-id="mail-compose-attach" data-bind="initDom: composeUploaderButton, customTooltip: '%MODULENAME%/ACTION_ATTACH_FROM_COMPUTER'">
					<span class="icon"></span>
					<span class="text" data-bind="i18n: {'key': '%MODULENAME%/ACTION_ATTACH_FROM_COMPUTER'}"></span>
				</span>
				<span class="uploader_button files" data-bind="visible: bAllowFiles, click: onShowFilesPopupClick">
					<span class="icon" data-bind="customTooltip: '%MODULENAME%/ACTION_ATTACH_FROM_FILES'"></span>
					<span class="text" data-bind="i18n: {'key': '%MODULENAME%/ACTION_ATTACH_FROM_FILES'}"></span>
				</span>
				<!-- ko foreach: uploadAttachmentsController -->
					<!-- ko template: { name: $data.ViewTemplate, data: $data} --><!-- /ko -->
				<!-- /ko -->
			</div>
			<div class="panel_center" data-bind="customScrollbar: {x: false}">
				<div class="scroll-inner">
					<div class="items_list">
						<span class="list_notification" data-bind="i18n: {'key': '%MODULENAME%/INFO_TO_ATTACH_DRAGNDROP'}, visible: allowDragNDrop() && notInlineAttachments().length === 0"></span>
						<div class="attachments_container" data-bind="template: {name: 'CoreWebclient_FileView', foreach: notInlineAttachments}"></div>
					</div>
				</div>
			</div>
		</div>
		<div class="uploader_mask" data-bind="initDom: composeUploaderDropPlace, 
				css: { 'over': uploaderDragOver, 'active': uploaderBodyDragOver }">
			<div class="inner"></div>
		</div>
	</div>
</div>
