<!-- onboard_steps nav begins -->
<?php

use ElementsKit_Lite\Libs\Framework\Classes\Onboard_Status;

// redirect to plugin home page if onboard already has completed
Onboard_Status::instance()->exit_from_onboard();

echo '<ul class="ekit-onboard-nav"><div class="ekit-onboard-progressbar"></div>';
$count = 1;
foreach ( $onboard_steps as $step_key => $step ) :
	$icon  = ! empty( $step['icon'] ) ? $step['icon'] : '';
	$title = ! empty( $step['title'] ) ? $step['title'] : '';
	?>
	<li data-step_key="<?php echo esc_attr( $step_key ); ?>"
		class="ekit-onboard-nav-item 
		<?php 
		echo $count === 1 ? 'active' : '';
		echo $count === count( $onboard_steps ) ? 'last' : ''; 
		?>
		">
		<?php if ( ! empty( $icon ) ) : ?>
			<i class="ekit-onboard-nav-icon <?php echo esc_attr( $icon ); ?>"></i>
		<?php endif; ?>
		<?php if ( ! empty( $title ) ) : ?>
			<span class="ekit-onboard-nav-text"><?php echo esc_html( $title ); ?></span>
		<?php endif; ?>
	</li>
	<?php 
	$count ++;
endforeach;
echo '</ul>';
?>
<!-- onboard_steps nav ends -->

<!-- onboard_steps content begins -->
<?php foreach ( $onboard_steps as $step_key => $step ) : ?>

	<!-- includes view file for this step -->
	<?php
	$path = isset( $step['view_path'] )
		? $step['view_path']
		: self::get_dir() . 'views/onboard-steps/' . $step_key . '.php';

	if ( file_exists( $path ) ) {
		echo '<div class="ekit-onboard-step-wrapper ekit-onboard-' . esc_attr( $step_key ) . '">';
		include $path;
		echo '</div>';
	} 
	?>

<?php endforeach; ?>
<!-- onboard_steps content ends -->