@php
	$documentType=\App\lib\FileTransaction::FILE_TYPES["document"];
@endphp
<div id="tab-22" class="tab-pane active">

	<div class="mail-text h-200">
		<div class="tabs-left application-content">
			@if($applicationFileTypes)
			
			<ul class="applicationList">
				@foreach($applicationFileTypes as $key=>$items)
					<li class="active @if($key == $applicationFileType) actived @endif" data-index="{{$key}}">
						@if($key !== 0 )
							<label class="checkbox-inline must-i-checks i-checks" for="check_{{$key}}" data-index="{{$key}}">
								<input type="checkbox" class="check-item" data-type="{{$items['applicationFileCompleteStatus']}}" id="check_{{$key}}" value="{{$key}}">
							</label>
						@endif
						@if($key !== 0 )
							<input type="checkbox" class="uploadStatus @if($items['applicationFileCompleteStatus']!==2) fileUpload @endif" data-index="{{$key}}" id="upload_{{$key}}" data-type="{{$items['applicationFileCompleteStatus']}}" value="{{$key}}"  @if($items['applicationFileCompleteStatus']==1)checked="checked"@endif>
							<label class="upload_img" for="upload_{{$key}}"></label>
						@endif
						<p class="applicationItem"  data-index="{{$key}}">{{$items['name']}}</p>
					</li>
				@endforeach
			</ul>
			@endif
			<div class="tab-content application-upload">
				@if($applicationFileType != 0 || $documentsType == 15)
				<div class="mail-box-header">
				@include('components.dropzoneUpload',[
					'id'=> 'applicationDocumentDropzone',
					'url'=> Route('addApplicationDocumentAjax'),
					'params'=> [
						"_token"=>csrf_token(),
						"clientID"=>$clientID,
						"orderItemId"=>$orderItemId,
						"applicationFileType"=>$applicationFileType,
						"documentsType"=>$documentsType
						],
					'uploadMultiple' => "true",
					'successmultipleCallback' => 'applicationDocumentUploadSuccess',
          'dictDefaultMessage' => "true"
				])					
				</div>
				@endif
				<div class="mail-attachment">
					<div class="attachment-head">
						<div>
							<span><i class="fa fa-paperclip"></i> 已上传 {{count($applicationDocumentList)}} 个附件 </span>
							@if(count($applicationDocumentList) > 0)
								@if(empty($applicationFileTypes))
								<span style="margin-left:30px;"><a class="MergePDFFilesButton" data-type="ApplicationDocumentLog" href="###">一键下载</a></span>
								@else
								<span style="margin-left:30px;"><a class="MergePDFFilesButton" data-type="applicationMerge" href="###">合并PDF文件</a></span>
								<span style="margin-left:30px;"><a class="MergePDFFilesButton" data-type="applicationDownload" href="###">一键下载</a></span>
								@endif
							@endif
							<span class="stratum"></span>
							@if(count($applicationDocumentList) > 0 && !empty($applicationFileTypes))
							<div class="mass-edit-container data-table-float-container">
								<div class="btn btn-primary mass-edit-start">
									批量修改分类
								</div>
								<div class="mass-edit-update">
									<div class="btn btn-primary mass-edit-confirm1">
										修改分类
									</div>
									
									<div class="btn btn-danger mass-edit-cancel">
										取消
									</div>
								</div>
							</div>
							@endif
						</div>
						
						<div class="filter-reply" onclick="showMore(event,$('#fliter-list'))">
							<div class="filter-img"></div>
							<div class="filter-text">全部文件</div>
							<div class="fliter-list" id="fliter-list">
								<div class="filter-items actived" data-value="0">全部文件</div>
								<div class="filter-items" data-value="1">来自留言板</div>
							</div>
						</div>
					</div>
					<div class="attachment application-attachment">
						<div id="filecollection">
							@foreach($applicationDocumentList as $document)
							<div class="file-box documentItem" @if(in_array($document->documentID,$messageBoardDocumentList)) data-type="msg" @endif>
								<input type="checkbox" class="ischeckBox" id="{{$document->documentID}}" value="{{$document->documentID}}">
								<label class="checkbox-inline application-i-check type-checks" for="{{$document->documentID}}"></label>
								
								<div class="subscript">
									@if(in_array($document->documentID,$messageBoardDocumentList))
									<div class="message-img">
										<img src="{{asset('img/applicationFile/liuyanban.png')}}" alt="">
									</div>
									@endif
									@if($applicationFileType == 1 || $applicationFileType == 7)
									<div class="ocr-img">
										<img src="{{asset('img/applicationFile/OCR.png')}}" alt="">
									</div>
									@endif
								
								</div>
								<div class="file count-info">
									@include('components.itemsDownLoadFiles',[
										'isShowSync'=> 1,
										'id'=> $document->documentID,
										'format'=> $document->format,
										'filePath' => config('locations.customerDocument.asset') . $document->filePath,
										'pdfPath'=> $document->pdfPath,
										'thumbnailPath'=> config('locations.customerDocument.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,
										'applicationFileType'=>$applicationFileType,
										'allowEdit'=>true,
										'clientID'=>$clientID,
										'final_oprator_id'=>$document->final_operator_id,
										'final_created_at'=>$document->final_created_at,
										'userName'=>$document->userName,
										'displayDocumentFinalStatus'=>$displayDocumentFinalStatus,
										'canMarkDocumentFinalStatus'=>$canMarkDocumentFinalStatus
									])
								</div>
							</div>
							@endforeach
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
			</div>
			
		</div>
	</div>
	<div class="clearfix"></div>

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

	@include('components.downLoadFiles',[
		'files'=>$applicationDocumentList,
		'type'=> 'applicationDownload',
		'status' => '2'
	])	

	@if(empty($applicationFileTypes))
		@include('components.downLoadFiles',[
			'files'=>$applicationDocumentList,
			'type'=> 'ApplicationDocumentLog',
			'status' => '2'
		])
	@endif
		
	
	
	<div id="massDocumentEditModal" class="modal fade" role="dialog">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">&times;</button>
					<h4 class="modal-title">修改分类</h4>
				</div>
				<div class="modal-body d-flex">
					<div class="form-group col-sm-6">
						<label for="massEditSelect1">选择分类:</label>
						<select class="form-control" id="massEditSelect1">
							@foreach($applicationFileTypes as $key=>$items)
								@if($key != 0 && $key != $applicationFileType)
								<option value="{{$key}}">
									{{$items['name']}}
								</option>
								@endif
							@endforeach
						</select>
					</div>

				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary" data-dismiss="modal">Confirm</button>
				</div>
			</div>
		</div>
	</div>		
											
</div>

<script type="text/javascript">

	let _curIndex = "{{$applicationFileType}}";
	$('.i-checks').iCheck({
		checkboxClass: 'icheckbox_square-green',
		radioClass: 'iradio_square-green',
	});
	$('.mass-edit-container').on('click', '.mass-edit-start', function () {
		toggleMassEdit(true);
	}).on('click', '.mass-edit-confirm1', function () {
		let _checkedLen =$("#tab-22").find("input.ischeckBox:checked").length;
		if (_checkedLen > 0) {
			$('#massDocumentEditModal').modal('show');
		}else{
			layer.msg("请选择需批量修改的文件");
		}
	}).on('click', '.mass-edit-cancel', function () {
		toggleMassEdit(false);
	});

	$("#massDocumentEditModal").on("click",".btn-primary",function(){
		triggerUpdate()
	})

	function toggleMassEdit(enable) {
		let _checks = $("#tab-22").find(".type-checks");
		$('.mass-edit-container').toggleClass('edit', enable);
		if(enable){
			_checks.show()
			$(".new-download").hide()
			$(".pull-right").hide()
		}else{
			_checks.hide()
			$(".new-download").show()
			$(".pull-right").show()
		}
	}
	function triggerUpdate(){
		let items = [],
			massEditSelectVal = $("#massEditSelect1").val();
			
		$("#tab-22").find("input.ischeckBox:checked").each(function () {
			items.push(this.value);
		});
		if(items.length <= 0){
			layer.msg("请选择您要修改的文件");
			return;
		}

		if(massEditSelectVal == ""){
			layer.msg("请选择您要修改的类型");
			return;
		}
		$.ajax({
				method: 'POST',
				url: '{{route('changeApplicationFileType')}}',
				data: {

					_token: '{{ csrf_token() }}',
					applicationFileType: massEditSelectVal,
					documentsId: items.join(","),
					clientID: '{{$clientID}}',
				},
				success: function (data) {
					if(data.code == 200){
						layer.msg(
							data.msg,
							{
								time: 2000,
								icon: 1
							}
						);
						
						getApplicationDocumentAjax(_curIndex,"{{$documentsType}}")
						$("#massEditSelect1").val("");
						toggleMassEdit(false);
					}else{
						layer.msg(
							data.msg,
							{
								time: 2000,
								icon: 2
							}
						);
					}
				},
				error: function () {
					layer.close(loading);

					layer.msg(
						'更新失败',
						{
							time: 2000,
							icon: 2
						}
					);
				}
			});
	}
	$(".applicationList").on("click","p.applicationItem",function(){
		let _index = $(this).attr("data-index");

		globalApplicationFileType = _index;
		applicationLoading = layer.load(0, {shade: false}); //0代表加载的风格，支持0-2

		getApplicationDocumentAjax(_index,"{{$documentsType}}")
		$(".checkMustItemButton").removeClass("visible");
		$(".checkMustItem").show()
	})


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


	$(".originalFileButton").on("click",function(){//原文件下载
		let applicationDownload = [],
			applicationLog = [],
			_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+"']");
			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 == 'applicationDownload' ){//学生文件
				_items.each(function(k,v){
					applicationDownload[k] = [$(this).attr("data-url"), $(this).attr("data-name")]
				})

				documentDownloader.batchDownloadToZip(applicationDownload, _progress[0],_filename);
			}else if(_type == 'ApplicationDocumentLog'){
				_items.each(function(k,v){
					applicationLog[k] = [$(this).attr("data-url"), $(this).attr("data-name")]
				})

				documentDownloader.batchDownloadToZip(applicationLog, _progress[0],_filename);
			}
			$(_progress).removeClass("hide");
		})

	//Andy,2019.01.21,一键下载改为客户端ZIP
	var studentDocumentList=[];
	var indexsiou="";
	var resultDocuments=[];
	@for($i=0;$i<count($applicationDocumentList) ;$i++)
		studentDocumentList[{{$i}}]=['{{config('locations.templateGeneration.asset')}}{{$applicationDocumentList[$i]->filePath}}','{{$applicationDocumentList[$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 applicationDocumentUploadSuccess(file,responseData,callbackData){
		getApplicationDocumentAjax("{{$applicationFileType}}","{{$documentsType}}");
		layer.msg(responseData.msg);
	}
	$(".popovers").popover({trigger:'hover'});
	
    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)
						}
						getApplicationDocumentAjax("{{$applicationFileType}}","{{$documentsType}}")
					}else{
						layer.msg("修改失敗");
						$(this).val(currentVal);
					}
				}
			});
		}
	})

	$(document).on("click",function(){//点击旁白消失
        closePopover()
    })

	function showMore(event,element){//显示弹框
        closePopover()
        $(element).addClass("slideDown")
        event.stopPropagation();
        event.cancelBubble = true;
    }

	function closePopover(){//关闭弹框
        $("#fliter-list").removeClass("slideDown")
    }

	$("#fliter-list").on("click","div.filter-items",function(){
		let _text = $(this).html(),
			_val = $(this).attr("data-value");
		$(this).addClass("actived").siblings().removeClass("actived");
		$(".filter-text").html(_text)

		setTimeout(() => {
			$("#fliter-list").removeClass("slideDown");
			if(_val == 1){
				$(".documentItem").hide()
				$(".documentItem[data-type='msg']").show()
			}else{
				$(".documentItem").show()
			}
		}, 0);
	})
		

</script>