<div class="dialog nvfinder-resize-dialog" id="nvfinder-resize-dialog">
	<div id="image-cropper">
		<div class="row">
			<div class="col-5">
				<div class="image-cropper-controls">
					<div class="<?php echo(FORM_ROW); ?>">
						<label for="nvfinder-cropit-maintain-aspect-ratio" class="<?php echo(LABEL_COL); ?>">Maintain Aspect Ratio</label>
						<div class="<?php echo(FIELD_COL); ?>">
							<select name="nvfinder-cropit-maintain-aspect-ratio" id="nvfinder-cropit-maintain-aspect-ratio" class="form-control custom-select" onchange="nvfinder_cropit_width()">
								<option value="">None</option>
								<option value="1:1">1:1 (square)</option>
								<option selected value="4:3">4:3 (standard photo)</option>
								<option value="3:4">3:4 (vertical photo)</option>
								<option value="16:9">16:9 (widescreen)</option>
							</select>
						</div>
					</div>
					<div class="<?php echo(FORM_ROW); ?>">
						<label for="nvfinder-cropit-width" class="<?php echo(LABEL_COL); ?>">Width</label>
						<div class="<?php echo(FIELD_COL); ?>"><input type="number" name="nvfinder-cropit-width" id="nvfinder-cropit-width" min="0" step="1" value="640" onchange="nvfinder_cropit_width()" class="form-control" /></div>
					</div>
					<div class="<?php echo(FORM_ROW); ?>">
						<label for="nvfinder-cropit-height" class="<?php echo(LABEL_COL); ?>">Height</label>
						<div class="<?php echo(FIELD_COL); ?>"><input type="number" name="nvfinder-cropit-height" id="nvfinder-cropit-height" min="0" step="1" value="480" onchange="nvfinder_cropit_height()" class="form-control" /></div>
					</div>
				</div>
			</div>
			<div class="col-5">
				<div class="image-cropper-controls">
					<div class="<?php echo(FORM_ROW); ?>">
						<label for="nvfinder-cropit-zoom" class="<?php echo(LABEL_COL); ?>">Zoom</label>
						<div class="<?php echo(FIELD_COL); ?>"><em class="fas fa-search-minus" aria-hidden="true"></em> <input type="range" id="nvfinder-cropit-zoom" class="cropit-image-zoom-input" /> <em class="fas fa-search-plus" aria-hidden="true"></em></div>
					</div>

					<div class="<?php echo(FORM_ROW); ?>">
						<label class="<?php echo(LABEL_COL); ?>">Rotate</label>
						<div class="<?php echo(FIELD_COL); ?>">
							<button type="button" class="btn btn-secondary rotate-cw-btn"><em class="fas fa-fw fa-redo" aria-hidden="true"></em> Right</button>
							<button type="button" class="btn btn-secondary rotate-ccw-btn"><em class="fas fa-fw fa-undo" aria-hidden="true"></em> Left</button>
						</div>
					</div>

					<div class="<?php echo(FORM_ROW); ?>">
						<label for="nvfinder-cropit-duplicate" class="<?php echo(LABEL_COL); ?>">Keep Original Image</label>
						<div class="<?php echo(FIELD_COL); ?>"><?php yesNo("nv-finder-cropit-duplicate", 1); ?></div>
					</div>
				</div>
			</div>
			<div class="col-1">
				<div class="image-cropper-controls">
					<button type="button" class="btn btn-primary" onclick="nvfinder_cropit_save()"><em class="fas fa-fw fa-save" aria-hidden="true"></em> Save</button>
					<button type="button" class="btn btn-secondary" onclick="nvfinder_cropit_close()"><em class="fas fa-fw fa-times" aria-hidden="true"></em> Cancel</button>
				</div>
			</div>
		</div>

		<div class="image-editor">
			<div class="cropit-preview"></div>
		</div>
	</div>
</div>
