@php
    $fileDescription=isset($fileDescription)?$fileDescription:\App\lib\FileTransaction::getFileTypeDescription("document").",".\App\lib\FileTransaction::getFileTypeDescription("image").",".\App\lib\FileTransaction::getFileTypeDescription("zip");
    $paramName=isset($paramName)?$paramName: "file"; // MB
    $maxFilesize=isset($maxFilesize)?$maxFilesize: 25; // MB
    $maxFiles=isset($maxFiles)?$maxFiles:10;            //max files count of one upload
    $params=isset($params)?$params:[];
    $callbackData=isset($callbackData)?$callbackData:[];    //this will pass back in every callback
    $uploadMultiple=isset($uploadMultiple)?$uploadMultiple:"false";       //if true, files will be uploaded in one request.
    $dictDefaultMessage=isset($dictDefaultMessage)?$dictDefaultMessage:"false";       //if true, files will be uploaded in one request.
@endphp
<div class="dropzone-container">
    <div class="row">
        <div class="col-md-12">
        <div class="media">
            <div class="media-left pull-left bold">
            请点击或者拖动上传文件
            </div>
            <div class="media-body">
            1.请注意:一次最多只能上传{{$maxFiles}}个附件。<br>
            2.系统可接受的附件类型为: {{$fileDescription}}<br>
            3.单个文件不可超过{{$maxFilesize}}mb<br>
            </div>
        </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-6 col-md-12">
        <div id="{{$id}}" class="dropzone"></div>
        </div>
        <div class="col-lg-6 col-md-12">
            <div id="{{$id}}_info" class="dropzoneInfo"></div>
        </div>
    </div>
</div>

<script>
    Dropzone.autoDiscover = false;
    let dictDefaultMessage = "{{$dictDefaultMessage}}"
    let messageText = "请点击或者拖动文件到这里上传文件"
    if(dictDefaultMessage == 'true'){
      messageText = "请点击或者拖动文件到这里上传文件</br><span style='color:#F85D5D;font-size:25px;line-height:35px;'>请不要在这里上传结果文件！！！</span>"
    }else{
      messageText = "请点击或者拖动文件到这里上传文件"
    }
    var {{$id}} = new Dropzone("#{{$id}}", {
		url:"{{$url}}",
		paramName: "{{$paramName}}",
		method: "post", //方式
		maxFilesize: {{$maxFilesize}},
		maxFiles: {{$maxFiles}},
		addRemoveLinks:false,
		uploadMultiple:{{$uploadMultiple}},
		acceptedFiles: "{{$fileDescription}}",
        params:{!!json_encode($params)!!},
        dictFileTooBig: "文件太大，超过{{$maxFilesize}}mb",
        dictInvalidFileType: "文件类型错误",
        dictMaxFilesExceeded: "已超出可上传文件数量",
        dictDefaultMessage: messageText,
		init: function() {
            let callbackData={!!json_encode($callbackData)!!};
            @if(isset($sendingmultipleCallback))
            this.on("sendingmultiple", function(file,xhr,formData,callbackData) {
                {{$sendingmultipleCallback}}(file,xhr,formData,callbackData);
			});
            @endif

			this.on("success", function(file,data) {
                this.removeFile(file);
                @if(isset($successCallback))
				    {{$successCallback}}(file,data,callbackData);
                @endif
			});

            @if(isset($successmultipleCallback))
            this.on("successmultiple", function(files,data) {
                if(this.getUploadingFiles().length==0){
                    {{$successmultipleCallback}}(files,data,callbackData);
                }
            });
            @endif

            @if(isset($addedfileCallback))
			this.on("addedfile", function(file) {
				{{$addedfileCallback}}(file,callbackData);
			});
            @endif

            @if(isset($totaluploadprogressCallback))
			this.on("totaluploadprogress", function(progress,callbackData) {
				{{$totaluploadprogressCallback}}(progress,callbackData);
			});
            @endif

            this.on("error", function(file,errorMessage) {
                this.removeFile(file);
                this.showErrorMessage(file.name,errorMessage);
            });

            this.showErrorMessage= function(filename,message){
                $("#{{$id}}_info").html($("#{{$id}}_info").html() + "<li>" + filename + " - " + message + "</li>");
            }

		}
	});
</script>