@php
	// $value;
	$_value_name = isset($attributes['value_name'])? $attributes['value_name'] : 'file_url';
	$_attribute_suffix = isset($attributes['attribute_suffix'])? $attributes['attribute_suffix'] : '';
	$_set_is_new = isset($attributes['set_is_new'])? $attributes['set_is_new'] : true;
	$_type = isset($attributes['type'])? $attributes['type'] : 'image';
	$_multiple = isset($attributes['multiple'])? $attributes['multiple'] : false;
	$_accept = "image/png, image/jpeg, image/jpg, image/pdf";
	// $_title = "general.upload_image";
	$_disabled = isset($attributes['disabled'])? $attributes['disabled'] : false;
	$_class = isset($attributes['class'])? $attributes['class'] : '';

	switch ($_type) {
		case 'document':
			$_accept = isset($attributes['accept'])? $attributes['accept'] : "*";
			// $_title = "general.upload_file";
			break;

		default:
			# code...
			break;
	}

	$_name = $name;

	$_previewItemCol = ($_multiple)? 'col-lg-4 col-md-3 col-6' : 'col-12';
	switch ($_type) {
		case 'image':
			$_previewItemCol = ($_multiple)? 'col-lg-4 col-md-3 col-6' : 'col-12';
			break;
		case 'document':
			$_previewItemCol = 'col-12';
			break;

		default:
			# code...
			break;
	}

	$_values = isset($value)? ($_multiple? $value : [$value]) : null;
@endphp


<div class="form-control multiple-file-upload multiple-file-upload--{{$_type}} {{ ($_multiple)? 'is-multiple' : 'is-single' }} {{ $_class }}" data-file-type="{{ $_type }}" data-is-multiple="{{ ($_multiple)? '1' : '0' }}" name={{$_name}}>

	<div class="row multiple-file-upload-previews">

		<div class="multiple-file-upload-preview-template {{ $_previewItemCol }} py-0 multiple-file-upload-preview" data-index="__index__" style="display: none;">
			<div class="multiple-file-upload-preview-container">

				<img src="" alt="" class="preview-image">

				<div class="d-flex align-items-center multiple-file-upload-preview-footer">
					<i class="fas fa-file-alt preview-document flex-shrink-0"></i>
					<div class="filename flex-grow-1 flex-shrink-1 mx-3"></div>
					<button type="button" class="btn btn-sm btn-remove btn-remove-file flex-shrink-0">
						<i class="fas fa-trash-alt mr-2"></i>
						<span>Remove</span>
					</button>
				</div>
			</div>
		</div>

        @if (isset($_values))
			@for ($i = 0; $i < sizeof($_values); $i++)
            @php
                dd($_values);
				$_value = $_values[$i];
				$filename = substr($_value, strripos($_value, '/') + 1);
			@endphp
				<div class="{{ $_previewItemCol }} py-0 multiple-file-upload-preview" data-index="{{$i}}">
					<div class="multiple-file-upload-preview-container">

						<img src="{{$_value}}" alt="" class="preview-image">

						<div class="d-flex align-items-center multiple-file-upload-preview-footer">
							<i class="fas fa-file-alt preview-document flex-shrink-0"></i>
							<div class="filename flex-grow-1 flex-shrink-1 mx-3">{{$filename}}</div>
							<button type="button" class="btn btn-white btn-remove btn-remove-file flex-shrink-0">
								<i class="fas fa-trash-alt mr-2"></i>
								<span>Remove</span>
							</button>
						</div>
					</div>
				</div>
			@endfor
		@endif

	</div>

	<div class="multiple-file-upload-input multiple-file-upload-input-template" data-index="template">
		@if ($_set_is_new)
			<input type="hidden" name="{{$_name}}[template][is_new{{$_attribute_suffix}}]" value="1" data-multiple-file-upload="1" disabled>
		@endif
		<input type="hidden" name="{{$_name}}[template][type{{$_attribute_suffix}}]" data-multiple-file-upload="1" disabled>
		<input id="{{$_name}}[template][file{{$_attribute_suffix}}]" type="file" accept="{{$_accept}}" name="{{$_name}}[template][file{{$_attribute_suffix}}]" style="display: none;" data-multiple-file-upload="1" disabled>
		<label for="{{$_name}}[template][file{{$_attribute_suffix}}]" class="btn btn-primary btn-upload">
			<i class="las la-upload mr-2"></i>
            Upload File
		</label>
	</div>

	@php
		$_newInputIndex = 0;
	@endphp

	@isset($_values)
		@for ($i = 0; $i < sizeof($_values); $i++)
			@php
				$_input_name = ($_multiple)? ($_name . '[' . $i . ']') : $_name;
			@endphp

			<div class="multiple-file-upload-input" data-index="{{$i}}" style="display: none;">
				<input type="hidden" name="{{$_input_name . '[' . $_value_name . ']'}}" value="{{$_values[$i]}}" data-multiple-file-upload="1" data-multiple-file-upload-field="file_url" {{ $_disabled? 'disabled' : ''}}>
				@if ($_set_is_new)
					<input type="hidden" name="{{$_input_name}}[is_new{{$_attribute_suffix}}]" value="{{ isset($value)? '0' : '1' }}" data-multiple-file-upload="1" data-multiple-file-upload-field="is_new">
				@endif
				<input type="hidden" name="{{$_input_name}}[type{{$_attribute_suffix}}]" data-multiple-file-upload="1" data-multiple-file-upload-field="type" {{ $_disabled? 'disabled' : ''}}>

				@if ((isset($attributes['additional_fields']) && isset($attributes['additional_value'])))
					@php
						$_item_additional_value = $attributes['additional_value'][$i];
					@endphp

					@foreach ($attributes['additional_fields'] as $additional_field)
						<input type="hidden" name="{{$_input_name . '[' . $additional_field . ']'}}" value={{$_item_additional_value[$additional_field]}} data-multiple-file-upload="1" {{ $_disabled? 'disabled' : ''}}>
					@endforeach
				@endif

				<input id="{{$_input_name}}[file{{$_attribute_suffix}}]" type="file" accept="{{$_accept}}" name="{{$_input_name}}[file{{$_attribute_suffix}}]" style="display: none;" data-multiple-file-upload="1" data-multiple-file-upload-field="file" {{ $_disabled? 'disabled' : ''}}>
				<label for="{{$_input_name}}[file{{$_attribute_suffix}}]" class="btn btn-primary btn-upload">
					<i class="las la-upload mr-2"></i>
                    Upload File
				</label>
			</div>
		@endfor


	@php
		$_newInputIndex = $i;
	@endphp
	@endisset

	@if ($_multiple || (!$_multiple && !isset($value)))
		@php
			$_input_name = ($_multiple)? ($_name . '[' . $_newInputIndex . ']') : $_name;
		@endphp
		<div class="multiple-file-upload-input" data-index="{{$_newInputIndex}}">
			@if ($_set_is_new)
			<input type="hidden" name="{{$_input_name}}[is_new{{$_attribute_suffix}}]" value="1" data-multiple-file-upload="1"  data-multiple-file-upload-field="is_new" disabled>
			@endif
			<input type="hidden" name="{{$_input_name}}[type{{$_attribute_suffix}}]" data-multiple-file-upload="1" data-multiple-file-upload-field="type" disabled>
			<input id="{{$_input_name}}[file{{$_attribute_suffix}}]" type="file" accept="{{$_accept}}" name="{{$_input_name}}[file{{$_attribute_suffix}}]" style="display: none;" data-multiple-file-upload="1" data-multiple-file-upload-field="file">
			<label for="{{$_input_name}}[file{{$_attribute_suffix}}]" class="btn btn-primary btn-upload">
				<i class="las la-upload mr-2"></i>
                Upload File
			</label>
		</div>
	@endif
</div>