<?php spicepress_before_service_section_trigger(); ?>
<?php $spicepress_service_content  = get_theme_mod( 'spicepress_service_content');
$home_service_section_enabled = get_theme_mod('home_service_section_enabled','on');
if($home_service_section_enabled !='off')
{
?>
<!-- Service Section -->
<section class="service-section">
	<div class="container">
	<?php

	$home_service_section_title = get_theme_mod('home_service_section_title',__('What we offer','spicepress'));
	$home_service_section_discription = get_theme_mod('home_service_section_discription','Sea summo mazim ex, ea errem eleifend definitionem vim. Ut nec hinc dolor possim mei ludus efficiendi ei sea summo mazim ex.');
	if( ($home_service_section_title) || ($home_service_section_discription)!='' ) { ?>
	    <!-- Section Title -->
		<div class="row">
			<div class="col-md-12">
				<div class="section-header">
					<?php if ( ! empty( $home_service_section_title ) || is_customize_preview() ) : ?>
					<h1 class="widget-title">
					<?php echo $home_service_section_title; ?>
					</h1>
					<?php endif; ?>
					<div class="widget-separator"><span></span></div>
					<?php if($home_service_section_discription) {?>
					<div class="separator"><span></span></div>
					<p class="wow fadeInDown animated">
					<?php echo $home_service_section_discription; ?>
					</p>
					<?php } ?>
				</div>
			</div>
		</div>
		<!-- /Section Title -->
		<?php } ?>
	<div class="row">
		<?php

		if ( ! empty( $spicepress_service_content ) ) {
		$allowed_html = array(
		'br'     => array(),
		'em'     => array(),
		'strong' => array(),
		'b'      => array(),
		'i'      => array(),
		);
		$spicepress_service_content = json_decode( $spicepress_service_content );
		foreach ( $spicepress_service_content as $features_item ) {
			$icon = ! empty( $features_item->icon_value ) ? apply_filters( 'spicepress_translate_single_string', $features_item->icon_value, 'Features section' ) : '';
			$title = ! empty( $features_item->title ) ? apply_filters( 'spicepress_translate_single_string', $features_item->title, 'Features section' ) : '';
			$text = ! empty( $features_item->text ) ? apply_filters( 'spicepress_translate_single_string', $features_item->text, 'Features section' ) : '';
			$link = ! empty( $features_item->link ) ? apply_filters( 'spicepress_translate_single_string', $features_item->link, 'Features section' ) : '';
			$image = ! empty( $features_item->image_url ) ? apply_filters( 'spicepress_translate_single_string', $features_item->image_url, 'Features section' ) : '';

			$open_new_tab = $features_item->open_new_tab;

			?>
			<div class="col-md-4 col-sm-6 col-xs-12">
			<div class="post text-center wow flipInX animated" data-wow-delay=".5s">

							<figure class="post-thumbnail">
								<?php if ( ! empty( $image ) ) : ?>

									<?php if ( ! empty( $link ) ) : ?>
										<a href="<?php echo esc_url( $link ); ?>" <?php if($open_new_tab == 'yes'){ echo 'target="_blank"';}?>>
									<?php endif; ?>
									<img class="services_cols_mn_icon"
										 src="<?php echo esc_url( $image ); ?>" <?php if ( ! empty( $title ) ) : ?> alt="<?php echo esc_attr( $title ); ?>" title="<?php echo esc_attr( $title ); ?>" <?php endif; ?> />
									<?php if ( ! empty( $link ) ) : ?>
										</a>
									<?php endif; ?>
								<?php endif; ?>

				<?php if ( ! empty( $link ) ) : ?>
						<a href="<?php echo esc_url( $link ); ?>" <?php if($open_new_tab == 'yes'){ echo 'target="_blank"';}?> >
							<?php endif; ?>
				<?php if ( ! empty( $icon ) ) :?>

									<i class="fa <?php echo esc_html( $icon ); ?> txt-pink"></i>

							<?php endif; ?>
							</figure>
				<?php if ( ! empty( $title ) ) : ?>

								<div class="entry-header">
								<h4 class="entry-title"><?php echo esc_html( $title ); ?></h4>
								</div>
							<?php endif; ?>
				<?php if ( ! empty( $link ) ) : ?>
						</a>
					<?php endif; ?>
			<?php if ( ! empty( $text ) ) : ?>

							<div class="entry-content">
							<p><?php echo html_entity_decode( do_shortcode($text)  ); ?></p>
							</div>





						<?php endif; ?>
			</div>
			</div>
			<?php
			} }
			else
			{

			$icon = array('fa fa-laptop','fa fa-cogs','fa fa-mobile');
			$title = array (__('Easy to use','spicepress'), __('Multi-purpose','spicepress'), __('Responsive Design','spicepress'));
			for($i=0; $i<=2; $i++) {
			?>
			<div class="col-md-4 col-sm-6 col-xs-12">
				<div class="post text-center wow flipInX animated" data-wow-delay=".5s">
					<figure class="post-thumbnail">
					<i class="<?php echo $icon[$i]; ?> txt-pink"></i></figure>
					<div class="entry-header">
						<h4 class="entry-title"><a href="#"><?php echo $title[$i]; ?></a></h4>
					</div>
					<div class="entry-content">
						<p><?php echo 'Phasellus facilisis, nunc in lacinia auctor, eros lacus aliquet velit, quis lobortis risus nunc nec nisi maecans et turpis vitae velit.volutpat porttitor a sit amet est. In eu rutrum ante. Nullam id lorem fermentum, accumsan enim non auctor neque.'; ?></p>
					</div>
				</div>
			</div>
			<?php
			} }
			?>
		</div>
	</div>
</section>
<!-- /Service Section -->
<?php } ?>
<?php spicepress_after_service_section_trigger(); ?>