<div id="kd-importdemo" class="main-tabs-panel container">
	<div class="notice updated">
		<?php esc_html_e( 'If you are new to WordPress or have problems  creating   posts, pages look like the Theme Preview, Import demo data will definitely help to understand how those tasks are done. When you import the data following things will happen:', 'kendytheme' ); ?>
		<ol>
			<li><?php esc_html_e( 'Pages, Posts, Images, Categories, Custom post types and other data will be deleted or modified', 'kendytheme' ); ?></li>
			<li><?php esc_html_e( 'No Wordpress settings will be modified', 'kendytheme' ); ?></li>
			<li><?php esc_html_e( 'A few pages, posts, and 10+ images, some widgets and menu will get imported', 'kendytheme' ); ?></li>
			<li><?php esc_html_e( 'Images will be dowloaded from our server, these images are copyrighted and are for demo only use', 'kendytheme' ); ?></li>
			<li><?php esc_html_e( 'Please click import demo button and wait, it can take a couple of minutes', 'kendytheme' ); ?></li>
		</ol>
		<input type="hidden" name="_wp_nonce" value="<?php echo wp_create_nonce( "kd-nonce" ); ?>">
		<?php wp_referer_field(); ?>
		<button class="button btn btn-danger import-demo-data" type="button">
			<i class="icon_download"></i><?php esc_html_e( 'Import Demo', 'kendytheme' ) ?></button>
	</div>
	<div class="progessbar-wrap">
		<div class="progress-btn">
			<div class="download-icon">
				<div class="download-arrow"></div>
			</div>
		</div>
		<div class="progress-alert progress-succes">
			<i class="dashicons dashicons-yes"></i>
		</div>
		<div class="progress-alert progress-error">
			<i class="icon_close"></i>
		</div>
		<div class="progressbar hidden">
			<div class="progress">
				<div class="progress-bar progress-bar-danger progress-bar-striped active" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
					<span class="sr-only"></span>
				</div>
			</div>
		</div>
		<div class="kd-alert"></div>
	</div>
</div>
