<?php
/**
 * @author  RadiusTheme
 * @since   1.0
 * @version 1.0
 */


namespace radiustheme\Finbuzz_Core;

extract($data);

?> 

<div class="rtin-insurance-tab tab-<?php echo esc_attr( $data['style'] ); ?>">
	<div class="feature-tab-layout">
		<ul class="nav nav-tabs tab-nav-list">
		<?php $i = 1;
	    foreach ( $data['tab_items'] as $tab_item_list ) { 
			$t = $tab_item_list['title'];
      		$uid = strtolower(str_replace(array(':', '\\', '/', '*', '?', '.', ';', ' '), '', $t));
			?>
			<li class="nav-item"><a class="<?php if ( $i == 1 ) { ?>active<?php } ?>" href="#nav-<?php echo esc_html( $uid ); ?>" data-bs-toggle="tab" aria-expanded="false">			
				<span><?php echo wp_kses_post( $tab_item_list['title'] ); ?></span></a>
			</li>
			<?php $i++; } ?>
		</ul>
		<div class="tab-content">
			<?php $i = 1;
			foreach ( $data['tab_items'] as $tab_item_list ) { 
				$t = $tab_item_list['title'];
      			$uid = strtolower(str_replace(array(':', '\\', '/', '*', '?', '.', ';', ' '), '', $t));
				?>
			<div class="tab-pane animated fadeInUp  <?php if ( $i == 1 ) { ?>active<?php } ?> show" id="nav-<?php echo esc_html( $uid ); ?>">
				<div class="rtin-item row no-gutters align-items-center">
					<div class="col-lg-12">	
					<div class="rtin-content">
						<div class="rtin-text">						
							<div>
								<?php echo wp_kses_post( $tab_item_list['content'] ); ?>
							</div>
						</div>

						</div>
					</div>
				</div>
			</div>
			<?php $i++; } ?>
		</div>		
		
	</div>
</div>