<?php $elitepress_lite_options=theme_data_setup();
$current_options = wp_parse_args(  get_option( 'elitepress_lite_options', array() ), $elitepress_lite_options ); ?>
<!-- Service Section -->
<?php if($current_options['service_section_enabled'] == true) { ?>
<div class="service-section">
	<div class="container">

		<!-- Section Title -->
		<div class="row">
			<div class="col-md-12 col-sm-12">
				<div class="section-info">
				<?php if($current_options['service_title']) { ?>
				<h3 class="section-title"><?php echo esc_html($current_options['service_title']); ?></h3>
				<?php }
				if($current_options['service_description']) { ?>
				<p class="section-description"><?php echo esc_html($current_options['service_description']); ?></p>
				<?php } ?>
				</div>
			</div>
		</div>
		<!-- /Section Title -->
		<!-- Service Area -->
		<div class="row">
		<?php
		$j=1;
		$default_arg =array('class' => "index_ser_img img-responsive" );
		$total_services = $current_options['service_list'];
		$args = array( 'post_type' => 'elitepress_service', 'posts_per_page' => $total_services);
		$service = new WP_Query( $args );
		if( $service->have_posts() )
		{
		while ( $service->have_posts() ) : $service->the_post(); ?>
			<div class="col-md-6 col-sm-6">
			<?php
			if(get_post_meta( get_the_ID(),'service_more_btn_link', true ))
			{ $service_more_btn_link=get_post_meta( get_the_ID(),'service_more_btn_link', true ); }
			else
			{ $service_more_btn_link = ""; } ?>
				<div class="media service-area">
				<?php $default_arg =array('class' => "service-img-box" );
				if(has_post_thumbnail()){ ?>
				<div class="service-box"><?php the_post_thumbnail('', $default_arg); ?></div>
				<?php } else {  ?>

				<?php if(get_post_meta( get_the_ID(),'service_icon_image', true )){ ?>
				<a href="<?php echo $service_more_btn_link ?>" <?php if(get_post_meta( get_the_ID(), 'service_more_btn_target', true )){ echo "target='_blank'"; } ?> >

					<div class="service-box"><i class="fa <?php echo get_post_meta( get_the_ID(),'service_icon_image', true ); ?>"></i></div>
					</a>
				<?php } } ?>
					<div class="media-body">
						<h4><a href="<?php echo $service_more_btn_link ?>" <?php if(get_post_meta( get_the_ID(), 'service_more_btn_target', true )){ echo "target='_blank'"; } ?> ><?php echo the_title(); ?></a></h4>
						<?php echo get_home_service_excerpt(); ?>
						<?php if(get_post_meta( get_the_ID(), 'service_more_btn_text', true )) { ?>
						<?php if($service_more_btn_link) { ?>
						<div class="service-btn"><a title="Read More" href="<?php echo $service_more_btn_link; ?>" <?php if(get_post_meta( get_the_ID(), 'service_more_btn_target', true )){ echo "target='_blank'"; } ?> ><?php echo get_post_meta( get_the_ID(), 'service_more_btn_text', true ); ?><i class="fa fa-angle-right"></i></a></div>
						<?php } else { ?>
						<div class="service-btn service_btn_text"><?php echo get_post_meta( get_the_ID(), 'service_more_btn_text', true ); ?><i class="fa fa-angle-right"></i></div>
						<?php } } ?>
					</div>
				</div>
			</div>
			<?php if($j%2==0){ echo "<div class='clearfix'></div>"; } $j++; endwhile;
			} else {
			$service_defualttext = array(__('Responsive design','elitepress'), __('Twitter Bootstrap 3.2.0','elitepress'),
			__('Exclusive support','elitepress'), __('Incredibly flexible','elitepress'));
			$font_awesome_icon = array('fa-laptop', 'fa-gift', '
fa-thumbs-o-up', 'fa-mobile');
			for($i=0; $i<=3; $i++) { ?>
			<div class="col-md-6 col-sm-6">
				<div class="media service-area">
					<div class="service-box"><i class="fa <?php echo $font_awesome_icon[$i]; ?>"></i></div>
					<div class="media-body">
						<h4><a href="#"><?php echo $service_defualttext[$i]; ?></a></h4>
						<p><?php echo 'Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet ferment etiam porta sem malesuada magna mollis.'; ?></p>
						<div class="service-btn"><a title="Read More" href="#"><?php _e('Read More', 'elitepress'); ?><i class="fa fa-angle-right"></i></a></div>
					</div>
				</div>
			</div>
			<?php } } ?>

		</div>
		<!-- /Service Area -->
	</div>
</div>
<div class="clearfix"></div>
<?php } ?>
<!-- /Service Section -->