@if($candDocsCount != 0)
	<input type="hidden" id="candFilesID" value="{{$candId}}">
	<h4 class="font-weight-bolder mb-3">Candidate Presentations</h4>
	<div class="form-group row">
		<div class="col-lg-4 col-md-4 col-sm-4"></div>
		<div class="col-lg-4 col-md-4 col-sm-4">
			<div class="dropzone dropzone-default dropzone-success" id="kt_dropzone_3">
	           <div class="dropzone-msg dz-message needsclick">
	               <h3 class="dropzone-msg-title">Drop files here or click to upload.</h3>
	           </div>
	        </div>
		</div>
	</div>
	<div class="card container" style="padding:25px">
		<div class="accordion accordion-light  accordion-toggle-arrow" id="accordionFiles">
		    @foreach($candDocs as $candDocs)
		        <div class="card card_{{$candDocs->id}}">
		            <div class="card-header" id="head_{{$candDocs->id}}">
		                <div class="card-title collapsed" data-toggle="collapse" data-target="#collapse{{$candDocs->id}}">
		                    <i class="flaticon2-file"></i> {{$candDocs->directory}}
		                </div>
		            </div>
		            <div id="collapse{{$candDocs->id}}" class="collapse" data-parent="#accordionFiles">
		                <div class="card-body">
		                    <a href="{{asset(Storage::url('candidateCase/'.$candDocs->tag.'/'.$candDocs->directory))}}" target="_blank" class="btn btn-outline-success">
		                        <i class="flaticon-attachment"></i> View Uploaded File
		                    </a>
		                    <button class="btn btn-outline-success deleteThisFile" value="{{$candDocs->id}}" data="card_{{$candDocs->id}}">
								<i class="flaticon-delete-1"></i> Delete File
							</button>
		                </div>
		            </div>
		        </div>
		    @endforeach
		</div>
	</div>
@else
	<h4 class="font-weight-bolder mb-3 changeTitle">Candidate has no uploaded Presentations</h4>
	<div class="form-group row">
		<div class="col-lg-4 col-md-4 col-sm-4"></div>
		<div class="col-lg-4 col-md-4 col-sm-4">
			<div class="dropzone dropzone-default dropzone-success" id="kt_dropzone_3">
	           <div class="dropzone-msg dz-message needsclick">
	               <h3 class="dropzone-msg-title">Drop files here or click to upload.</h3>
	           </div>
	        </div>
		</div>
	</div>
	<div class="card container" style="padding:25px">
		<div class="accordion accordion-light  accordion-toggle-arrow" id="accordionFiles">
		</div>
	</div>
@endif
<script type="text/javascript">
	var myDropzone = $('#kt_dropzone_3').dropzone({
	    url: "../public/importCaseAdmin/{{$candId}}", // Set the url for your upload script location
	    paramName: "file", // The name that will be used to transfer the file
	    maxFiles: 5,
	    maxFilesize: 10, // MB
	    addRemoveLinks: true,
	    headers: {
	     'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
	    },
	    success: function(file, response){
	    	jQuery('.changeTitle').html('Candidate Presentations');
	    	var obj = JSON.parse(response);
	    	var salt = obj.salt;
	    	var accordionFiles = '<div class="card card_'+salt+'">'+
				'<div class="card-header" id="head_'+salt+'">'+
				   	'<div class="card-title collapsed" data-toggle="collapse" data-target="#collapse'+salt+'">'+
				    	'<i class="flaticon2-file"></i> '+obj.fileName+
				   	'</div>'+
				'</div>'+
				'<div id="collapse'+salt+'" class="collapse" data-parent="#accordionFiles">'+
				   	'<div class="card-body">'+
				   		'<a href="'+obj.response+'" target="_blank" class="btn btn-outline-success">'+
						    '<i class="flaticon-attachment"></i> View Uploaded File'+
						'</a>'+
						'&nbsp;&nbsp;&nbsp;'+
						'<button class="btn btn-outline-success deleteThisFile" value="'+obj.insertedId+'" data="card_'+salt+'">'+
						    '<i class="flaticon-delete-1"></i> Delete File'+
						'</button>'+
				   	'</div>'+
				'</div>'+
			'</div>';

	        jQuery('#accordionFiles').append(accordionFiles);
	        KTApp.unblockPage();
	        swal.fire({
	            text: 'Succesfully added bulk list',
	            icon: "success",
	            buttonsStyling: false,
	            confirmButtonText: "Ok, got it!",
	            customClass: {
	                confirmButton: "btn font-weight-bold btn-light-primary"
	            },onClose: function(e) {
	                KTUtil.scrollTop();
	            }
	        }).then(function() {
	            KTUtil.scrollTop();
	        });
	    },
	    accept: function(file, done) {
	        KTApp.blockPage({
	            overlayColor: '#000000',
	            state: 'primary',
	            message: 'Processing...'
	        });
	        done();
	    }
	});

	jQuery(document).off('click', '.deleteThisFile');
	jQuery(document).on('click', '.deleteThisFile', function(e) {
		e.preventDefault();
		var id = jQuery(this).val();
		var dataCard = jQuery(this).attr('data');
		var candFilesID = jQuery('#candFilesID').val();

		KTApp.blockPage({
	        overlayColor: '#000000',
	        state: 'primary',
	        message: 'Processing...'
	    });

		jQuery.post('../public/deleteFileAdmin', {id:id, candFilesID:candFilesID}, function(data) {
			var obj = JSON.parse(data);
			KTApp.unblockPage();

			if (obj['countDoc'] == 0) {
				jQuery('.changeTitle').html('Candidate has no uploaded Presentations');
			}

			swal.fire({
		        text: 'Succesfully deleted file.',
		        icon: "success",
		        buttonsStyling: false,
		        confirmButtonText: "Ok, got it!",
		        customClass: {
		            confirmButton: "btn font-weight-bold btn-light-primary"
		        },onClose: function(e) {
					jQuery('.'+dataCard).hide();
					jQuery('.'+dataCard).remove();
		        }
		    }).then(function() {
				jQuery('.'+dataCard).hide();
				jQuery('.'+dataCard).remove();
		    });
		});
	});
</script>