<form class="dialog nvfinder-upload-dialog nvForm" id="nvfinder-upload-dialog" onsubmit="nvfinder_upload_save(); return false;">
	<?php csrf(); ?>
	<div class="row">
		<div class="col-5">
			<fieldset>
				<legend>Select Files From Your Computer</legend>
				<input type="file" name="newfile" id="newfile" multiple onchange="nvfinder_FileSelectHandler(event)" />
			</fieldset>
		</div>

		<div class="col-5">
			<fieldset>
				<legend>Drag &amp; Drop Files From Your Computer</legend>
				<div id="dropzone" class="dropzone" ondragover="nvfinder_FileDragHover(event)" ondragleave="nvFinder_FileDragHover(event)" ondrop="nvfinder_FileSelectHandler(event)">Drag &amp; Drop Files Here</div>
			</fieldset>
		</div>

		<div class="col-1">
			<div class="text-center">
				<button type="submit" class="btn btn-primary"><em class="fas fa-fw fa-cloud-upload-alt" aria-hidden="true"></em> Upload</button>
				<button type="button" class="btn btn-secondary" onclick="nvfinder_upload_close()"><em class="fas fa-fw fa-times" aria-hidden="true"></em> Cancel</button>
			</div>
		</div>
	</div>

	<fieldset>
		<legend>Files To Be Uploaded <em class="fas fa-fw fa-spinner d-none" id="nvfinder_upload_spinner" aria-hidden="true"></em><progress id="nvfinder_upload_progress" class="d-none"></progress></legend>

		<div class="alert alert-info">Images can be cropped using the crop icon below each image. Pending uploads can be removed using the trash icon below each file.</div>
		<div class="row" id="nvfinder_upload_preview"></div>
	</fieldset>
</form>
