@php
	/*--------------------------------------------
	파일업로드 입력/수정 template
	--------------------------------------------*/


	// 다중호출 시 javascript binding의 중복을 방지하기 위해 랜덤키를 생성
	$element_key = 'key-'.Str::random(16);

	/*
	 * @param string $url : 전송 URL
	 * @param string $filename : 입력폼 이름
	 * @param bool $multiple : 다중파일 활성화 여부
	 * @param file $file : 기 입력된 파일정보 [['file_id', 'download', 'preview', 'ext', 'name', 'size', 'category', 'register', 'date']]
	 * @param array $invisible : 비활성화 항목 ['preview', 'category', 'register']
	 * @param array $addData : 추가로 전송할 폼 데이터
	 */
@endphp

@push('head')
<script type="text/javascript">
	$(document).ready(function() {

		var defaultValue = [];
		var tmp_object = {};

	@foreach ($file as $f)
		tmp_object = {};
		tmp_object.file_id = '{{ $f['file_id'] or '' }}';
		tmp_object.download = '{{ $f['download'] or '' }}';
		tmp_object.preview = '{{ $f['preview'] or '' }}';
		tmp_object.ext = '{{ $f['ext'] or '' }}';
		tmp_object.name = '{{ $f['name'] or '' }}';
		tmp_object.size = '{{ isset($f['size']) ? ($f['size'] / 1024 >= 100 ? number_format($f['size'] / 1024 / 1024, 2).' MB' : number_format($f['size'] / 1024, 2).' KB') : '' }}';
		tmp_object.category = '{{ $f['category'] or '' }}';
		tmp_object.register = '{{ $f['register'] or '' }}';
		tmp_object.list_category = {!! isset($f['list_category']) && is_array($f['list_category']) ? json_encode($f['list_category']) : '{}' !!};
		tmp_object.date = '{{ isset($f['date']) && $f['date'] ? date('Y.m.d H:i:s', $f['date']) : '' }}';
		tmp_object.category_enabled = {{ isset($f['category_enabled']) && $f['category_enabled'] === true ? 'true' : 'false' }};
		tmp_object.delete_enabled = {{ isset($f['delete_enabled']) && $f['delete_enabled'] === true ? 'true' : 'false' }};
		defaultValue.push(tmp_object);
	@endforeach

		$('.ui-fileupload.{{ $element_key }}').edm_fileupload({
			url:'{{ $url or '' }}',
			fileName:'{{ $filename or 'edmfile' }}',
			formData:{_token:'{{ csrf_token() }}', json:true},
			multiple:{{ isset($multiple) && $multiple === false ? 'false' : 'true' }},
			display_preview:{{ isset($invisible) && in_array('preview', $invisible) ? 'false' : 'true' }},
			display_category:{{ isset($invisible) && in_array('category', $invisible) ? 'false' : 'true' }},
			display_register:{{ isset($invisible) && in_array('register', $invisible) ? 'false' : 'true' }},
			list_category:{!! isset($list_category) && is_array($list_category) ? json_encode($list_category) : '{}' !!},
			defaultValue:defaultValue,
			addData:{!! isset($addData) && is_array($addData) ? json_encode($addData) : '{}' !!},
			extraHTML:function(obj) {
				var data = {!! isset($addData) && is_array($addData) ? json_encode($addData) : '{}' !!};
				for (var i in data) {
					if (obj.find('input[name="' + i + '"]').length > 0) {
						obj.find('input[name="' + i + '"]').val(data[i]);
					} else {
						obj.append('<input type="hidden" name="' + i + '" value="' + data[i] + '"/>');
					}
				}
				return obj;
			}
		});
	});
</script>
@endpush

<div class="ui-fileupload {{ $element_key }} {{ isset($multiple) && $multiple === false ? '' : 'multiple' }}">
	<div class="ui-fileupload-form {{ isset($invisible) && in_array('preview', $invisible) ? 'simple' : '' }}"></div>
</div>