@php
	$documentType=\App\lib\FileTransaction::FILE_TYPES["document"];
@endphp
<div id="tab-7" class="tab-pane active">
	<div class="mail-box">
		<div class="mail-text h-200">
			<div class="mail-attachment">
				<p>
					<span><i class="fa fa-paperclip"></i> 已上传 {{count($aApplicationDocumentList)}} 个附件 </span>
					@if(count($aApplicationDocumentList)>0)
						<span style="margin-left:30px;"><a class="MergePDFFilesButton" data-type="resultMerge" href="###">合并PDF文件</a></span>
						<span style="margin-left:30px;"><a class="MergePDFFilesButton" data-type="resultDownload" href="###">一键下载</a></span>
					@endif
					<span class="stratum"></span>
				</p>
				<div class="attachment">
					<div class="upload-prompt">*文件出现“服务器同步中”提示，表示已成功上传至服务器，同步状态可以参考系统右下角文件同步列表</div>
					<div id="filecollection">
						@foreach($aApplicationDocumentList as $document)
						<div class="file-box documentItem">
							<div class="file count-info">
							@include('components.itemsDownLoadFiles',[
								'isShowSync'=> 1,
								'id'=> $document->documentID,
								'format'=> $document->format,
								'filePath' => config('locations.customerDocument.asset').$document->filePath,
								'pdfPath'=> config('locations.customerDocument.asset').$document->pdfPath,
								'thumbnailPath'=> ((in_array($document->format,\App\lib\FileTransaction::FILE_TYPES["document"] ))?config('locations.customerDocumentThumbnail.asset'):config('locations.customerDocument.asset')).$document->thumbnailPath,
								'name'=> $document->name,
								'created_at' =>$document->created_at,
								'updated_at' =>$document->updated_at,
								'file_upload_status' => $document->file_upload_status,
								'allowDelete'=>true,
								'size'=>$document->size
							])
							</div>
						</div>
						@endforeach
					</div>	
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
		<div class="clearfix"></div>
	</div>

	@include('components.mergeFiles',[
		'files'=>$aApplicationDocumentList,
		'type'=> 'resultMerge',
		'status' => '2'
	])

	@include('components.downLoadFiles',[
		'files'=>$aApplicationDocumentList,
		'type'=> 'resultDownload',
		'status' => '2'
	])
</div>


<script type="text/javascript">
	
	$(function(){
		$(".merge-content").sortable(//拖动排序
			{connectWith:".merge-content"}
		)
		
		$(".originalFileButton").on("click",function(){//原文件下载
			let applicationDocuments = [],
				resultDocuments = [],
				_this = $(this);

			let _type = $(this).attr("data-type"),
				_items = $(".merge-content[data-type='"+_type+"']").find("input.ischeckitem").filter(':checked'),
				_filename = $("input[name='filename'][data-type='"+_type+"']").val(),
				_progress = $(".progress-bar[data-type='"+_type+"']"),
				_downloadFileName = $(".download-file-name[data-type='"+_type+"']");
				if(_items.length <= 0){
					layer.msg("请选择您要下载的文件");
					return false;
				}
				layer.msg("开始下载");
				$(".addButton[data-type='"+_type+"']").addClass("disabled");
				let documentDownloader = new $.DocumentDownloader();
					documentDownloader.onFinish="SingleConversionFormatProcess";
					documentDownloader.onDownloaded="SingleConversionFormatResult";


				if(_type == 'applyDownload'){//申请表下载
					_items.each(function(k,v){
						applicationDocuments[k] = [$(this).attr("data-url"), $(this).attr("data-name")]
					})

					documentDownloader.batchDownloadToZip(applicationDocuments, _progress[0],_filename);
				}else if(_type == "resultDownload"){//结果文件下载
					_items.each(function(k,v){
						resultDocuments[k] = [$(this).attr("data-url"), $(this).attr("data-name")]
					})
					
					documentDownloader.batchDownloadToZip(resultDocuments, _progress[0],_filename);
				}
				$(_progress).removeClass("hide");
				$(_downloadFileName).html(_filename+'.zip')
			})
	})

	function SingleConversionFormatProcess(toDownload,fileDownloaded,missFileCount,data){
		let _type = $(data).attr("data-type");
			_button = $(".addButton[data-type='"+_type+"']"),
			_downloadFileName = $(".download-file-name[data-type='"+_type+"']");
		_button.removeClass("disabled")
		$(data).addClass("hide");
		layer.msg("下载完成");
		$(".progress-bar[data-type='"+_type+"']").text("")
		$(".progress-bar[data-type='"+_type+"']").css("width",0)
		$(".mergeFiles-mask[data-type='"+_type+"']").find("input.ischeckBox").iCheck('uncheck');
		$(".mergeFiles-mask[data-type='"+_type+"']").fadeOut(200);
		$(_downloadFileName).html("")
	}
	

	//Andy,2019.01.21,一键下载改为客户端ZIP
	var applicationDocuments=[];
	var indexsiou="";
	var resultDocuments=[];

	@for($i=0;$i<count($aApplicationDocumentList) ;$i++)
		resultDocuments[{{$i}}]=['{{config('locations.customerDocument.asset')}}{{$aApplicationDocumentList[$i]->filePath}}','{{$aApplicationDocumentList[$i]->originalName}}'];
	@endfor
    
	function downloadfile(type){
		$('.downloadhide').hide();
		var documentDownloader = new $.DocumentDownloader();
        documentDownloader.onFinish="Process";
		documentDownloader.onDownloaded="Result";
		
		if(type==1){
		 	documentDownloader.batchDownloadToZip(applicationDocuments);
		}else{
			documentDownloader.batchDownloadToZip(resultDocuments);
		}
	}
    function Process(toDownload,fileDownloaded,missFileCount){
    	$('.downloadhide').show();
    	$('.stratum').html("");
    }
    function Result(toDownload,fileDownloaded,missFileCount){
    	$('.stratum').html("已下载第"+fileDownloaded+"文件")
    }

	$(function () {
		$('.galpop-single').galpop();
		$('.galpop-single img').click(function(){
			var id = $(this).attr('id');
			$("#galpop-wens").attr('data', id);
		});
		
		$('#galpop-wens').click(function(){
			var id = $("#galpop-wens").attr('data');
			var domain = document.domain;		
			var url = 'http://'+domain+'/admin/downloadStatusDocument/'+id;
			window.open(url);
		})
	});
	
	function otherDocumentUploadSuccess(file,responseData,callbackData){
		getChangeDocumentAjax();
		layer.msg(responseData.msg);
	}
	
    setIsReadOnly();
	let currentVal = "";
	$(".attachment").on("focus","input.input-file-name",function () {
		currentVal = $(this).val()
	}).on("blur","input.input-file-name",function () {
		let blurVal = $(this).val();
		let replaceName = $(this).next().find("img.replaceImg_img"),
			galpopSingle = $(this).parents().prev().find("a.galpop-single");
		if(currentVal !== blurVal){
			if(blurVal == ""){
				$(this).val(currentVal);
				return
			}
			let documentID = $(this).attr("data-id");
			$.ajax({
				method: 'post',
				url: '{{route('changeDocumentName')}}',
				data: {
					_token: '{{csrf_token()}}',
					clientID: '{{$clientID}}',
					documentID: documentID,
					newFileName: blurVal
				},
				success: function (data) {

					if(data == "success"){
						layer.msg("修改成功");
						if(replaceName){
							replaceName.attr("data-name",blurVal)
						}
						if(galpopSingle){
							galpopSingle.attr("file-name",blurVal)
						}
						if($("#tab-7").hasClass("active")){
							getChangeDocumentAjax()
						}else{
							getChangeDocumentAjax(1)
						}
						
						
					}else{
						layer.msg("修改失敗");
						$(this).val(currentVal);
					}
				}
			});
		}
	})
</script>