@php
	use App\lib\FileTransaction;

	$fileDescription = FileTransaction::getFileTypeDescription("document").",".FileTransaction::getFileTypeDescription("image").",".\App\lib\FileTransaction::getFileTypeDescription("zip");
	$documentType = FileTransaction::FILE_TYPES["document"];
@endphp

<div id="tab-21" class="tab-pane active">
	<div class="">
		<div class="mail-box-header">
			@include('components.dropzoneUpload', [
				'id' => 'studentDocumentDropzone',
				'url' => Route('addStudentDocumentAjax'),
				'params' => [
					"_token" => csrf_token(),
					"clientID" => $clientID
				],
				'uploadMultiple' => "true",
				'successmultipleCallback' => 'studentDocumentUploadSuccess',
			])
		</div>
		<div class="mail-box">
			<div class="mail-text h-200">
				<div class="mail-attachment">
					<p>
						<span><i class="fa fa-paperclip"></i> 已上传 {{$documentsCount}} 个附件 </span>
						@if($documentsCount > 0)
							<span class="ml-30">
								<a class="MergePDFFilesButton" data-type="generationMerge" href="###">合并PDF文件</a>
							</span>
							<span class="ml-30">
								<a class="MergePDFFilesButton" data-type="generationDownload" href="###">一键下载</a>
							</span>
							<span class="ml-30">
								<a class="MergePDFFilesButton" data-type="markPSFiles" data-callback="checkLinkedDocuments" href="###">放入PS合集</a>
							</span>
						@endif
						<span class="stratum"></span>
					</p>
					<div class="attachment">
						<div id="filecollection">
							@foreach($generationDocumentList 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.templateGeneration.asset') . $document->filePath,
											'pdfPath'=> $document->pdfPath,
											'thumbnailPath'=> config('locations.templateGeneration.asset') . 'PDF_Thumbnail/' . $document->thumbnailPath,
											'name'=> $document->name,
											'created_at' => $document->created_at,
											'updated_at' => $document->updated_at,
											'file_upload_status' => $document->file_upload_status,
											'allowDelete' => true,
											'isShowSync' => 1,
											'size' => $document->size
										])
									</div>
								</div>
							@endforeach
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>

	@include('components.mergeFiles',[
		'files' => $generationDocumentList,
		'type' => 'generationMerge',
		'status' => '1'
	])

	@include('components.downLoadFiles',[
		'files' => $generationDocumentList,
		'type' => 'generationDownload',
		'status' => '1'
	])

	@include('components.markPSFiles',[
		'files' => $generationDocumentList,
		'selectedCategories' => $linkedCourseCategories ?? [],
		'selectedDocuments' => $documentsLinkedToCategories ?? [],
		'type' => 'markPSFiles',
		'status' => '1'
	])
</div>

<script type="text/javascript">

$(function () {
	$(".merge-content").sortable(//拖动排序
		{connectWith:".merge-content"}
	)

	$(".originalFileButton").on("click", function () {//原文件下载
		let generationDocuments = [],
			_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 === 'generationDownload') {//学生文件
				_items.each(function (k) {
					generationDocuments[k] = [
						$(this).attr("data-url"),
						$(this).attr("data-name")
					]
				});
				documentDownloader.batchDownloadToZip(generationDocuments, _progress[0],_filename);
			}

			$(_progress).removeClass("hide");
			$(_downloadFileName).html(_filename+'.zip')
		})
	});



	//Andy,2019.01.21,一键下载改为客户端ZIP
	var studentDocumentList=[];
	var indexsiou="";
	var resultDocuments=[];
	@for($i = 0, $j = count($generationDocumentList); $i < $j; $i++)
		studentDocumentList[{{$i}}] = [
			'{{config('locations.templateGeneration.asset')}}{{$generationDocumentList[$i]->filePath}}',
			'{{$generationDocumentList[$i]->originalName}}'
		];
	@endfor

	$(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 studentDocumentUploadSuccess(file,responseData,callbackData){
		getStudentChangeDocumentAjax();
		let _params = [];
        $(".loading-mask").each(function(){
            let _type = $(this).attr("data-type"),
                _id = $(this).attr("data-id");
            if(_type == 1){
                _params.push(_id)
            }
        })
        if(_params.length > 0){
            initUploadInterval(_params.join(","))
        }
		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)
						}
						getStudentChangeDocumentAjax()
					}else{
						layer.msg("修改失敗");
						$(this).val(currentVal);
					}
				}
			});
		}
	})

</script>