<div class="modal-header">
	<h4><i class="fa fa-file"></i> Upload files</h4>
</div>
<form name="templateForm" class="form-horizontal" ng-submit="save()">
	<div class="modal-body">
		<table class="table" ng-show="files.length > 0">
			<tbody>
				<tr ng-repeat="file in files">
					<td><i class="fa fa-file"></i></td>
					<td>{[{ file.name }]}</td>
					<td>{[{ file.size | bytes }]}</td>
					<td>
						<progressbar value="{[{ file.progress }]}">{[{ file.progress }]}</progressbar>
						<span class="text-success" ng-show="file.id">Done</span>
					</td>
				</tr>
			</tbody>
		</table>
		<div class="text-center" style="margin-top: 50px; margin-bottom: 50px;" ng-hide="files.length > 0">
			<div class="btn btn-large file-upload">
				<input type="file" name="files" data-files="files" data-related-id="{[{ channel.id }]}" data-related-type="chat" multiple fileupload>
				<i class="fa fa-inbox"></i> &nbsp;Select files
			</div>
		</div>
	</div>
	<div class="modal-footer">
		<button class="btn" ng-click="cancel()" data-eat-click>Close</button>
	</div>
</form>