<p><?php _e( 'Select a folder to import.', 'nggallery' ); ?></p>
<div id="file_browser">
</div>
<p>
	<label for="import_gallery_title">
		Gallery title
		<input type="text" name="import_gallery_title" id="import_gallery_title" placeholder="<?php _e( 'Leave blank for folder name', 'nggallery' ); ?>"/>
	</label>
</p>
<p>
	<input type="checkbox" id="import_keep_location" name="keep_location" value="on" /> <label for="import_keep_location"> <?php esc_html_e( 'Keep images in original location. Caution: If you keep images in the original folder and later delete the gallery, the images in that folder might be deleted depending on your settings.', 'nggallery' ); ?></label><br/><br/>
	<input type="button" id="import_button" name="import_folder" value="<?php _e( 'Import Folder', 'nggallery' ); ?>" class="button-primary"/>
</p>
<script type="text/javascript">
	var selected_folder = null;
	jQuery(function($){
		// Only run this function once!
		if (typeof($(window).data('ready')) == 'undefined')
			$(window).data('ready', true);
		else return;

		// Post params
		var browse_params = {
			action: 'browser_folder',
			nonce: '<?php echo $browse_nonce; ?>'        
		};
		browse_params.action = 'browse_folder';

		// Render file browser
		$('#file_browser').fileTree({
			root:           '/',
			script:         photocrati_ajax.url,
			post_params:    browse_params
		}, function(file){
			selected_folder = file;
			$('#file_browser a').each(function(){
				$(this).removeClass('selected_folder');
			})
			$('#file_browser a[rel="'+file+'"]').addClass('selected_folder');
			file = file.split("/");
			file.pop();
			file = '/'+file.pop();
			$('#import_button').val("Import "+file);
		});

		// Import the folder
		$('#import_button').on('click',function(e){
			e.preventDefault();

			// Show progress bar
			var progress_bar =  $.nggProgressBar({
				title: '<?php _e( 'Importing gallery', 'nggallery' ); ?>',
				infinite: true,
				starting_value: '<?php _e( 'In Progress...', 'nggallery' ); ?>'
			});

			// Start importing process
			var post_params = {
				nonce: '<?php echo $import_nonce; ?>',
				action: "import_folder",
				folder: selected_folder,
				keep_location: $('#import_keep_location').is(":checked") ? 'on' : 'off',
				gallery_title: $('#import_gallery_title').val()
			}

			$.post(photocrati_ajax.url, post_params, function(response){
				if (typeof(response) != 'object') response = JSON.parse(response);
				if (typeof(response.error) == 'string') {
					progress_bar.set(response.error);
					progress_bar.close(4000);
				}
				else {
					<?php $url = admin_url() . 'admin.php?page=nggallery-manage-gallery&mode=edit&gid={gid}'; ?>
					var message = '<?php printf( __( 'Done! Successfully imported {count} images. <a href="%s" target="_blank">Manage gallery</a>', 'nggallery' ), $url ); ?>';
					message = message.replace('{count}', response.image_ids.length);
					message = message.replace('{gid}', response.gallery_id);
					progress_bar.close(100);
					$.gritter.add({
						title: '<?php _e( 'Upload complete', 'nggallery' ); ?>',
						text: message,
						sticky: true
					});
				}
			});
		})
	});
</script>
