<?php /* Template Name: Service Template */ ?>
<?php get_header();?>
<!--header part end-->	

<section class="inner_body">
	<div class="container">		
		<div class="row">            
			<?php query_posts(array('post_type' => 'our-service', 'paged' => $paged, 'posts_per_page' => 5, 'order' => 'ASC'));  ?>
			<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
			<?php $count++; 
		   $odd_class = ( ($count % 2) == 0 ) ? "pull-left" : "pull-right";
		   $even_class = ( ($count % 2) == 0 ) ? "pull-right" : "pull-left";
		   ?>
				<div class="col-sm-12 ">
					<div id="service">
						<div class="imgbox wow fadeInDown <?php echo $odd_class; ?>"> 			   			
							<?php if ( has_post_thumbnail() ) {	?>
								<a href="<?php the_post_thumbnail_url('full'); ?>" class="lightbox"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/admin/timthumb/timthumb.php?src=<?php the_post_thumbnail_url('full'); ?>&zc=2&a=c&q=100&w=336&h=199" alt=""></a>
							<?php } elseif(get_field('service_icon')) { ?>						
								<a href="<?php echo get_field('service_icon'); ?>" class="lightbox"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/admin/timthumb/timthumb.php?src=<?php echo get_field('service_icon'); ?>&zc=2&a=c&q=100&w=336&h=199" alt="<?php the_title(); ?>" /></a>
							<?php } else { ?>						
								<a href="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/noimage.jpg" class="lightbox"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/admin/timthumb/timthumb.php?src=<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/noimage.jpg&zc=2&a=c&q=100&w=336&h=199" alt="" /></a>
							<?php } ?>
							
						</div>
						<div class="conbox wow fadeInDown"> 	
						<h2><?php the_title();?></h2>
						<p> <?php echo wp_trim_words( get_the_content(), 51, '...' ); ?> </p>
						<a class="btn btn-default" href="<?php the_permalink(); ?>" role="button">Read More</a>
						</div>
						<div style="clear: both;"></div>
					</div>
				</div>						
			<?php endwhile; ?>
			<div class="col-sm-12">
			<ul class="pagination .pagination-lg">
				<li>
				   
				<?php pagination_bar(); ?>
				
				</li>
			</ul>
			</div>
			<?php else : ?>
			  <p><?php _e( 'Sorry, no posts matched your criteria.' ); ?></p>
			<?php endif;  wp_reset_query(); ?>
		</div>			
    </div>	
</section><!--/#contact-page-->
<section class="whysection">
  <h1><?php echo the_field('section_why_you_choose_us_heading',10); ?></h1>
  <div class="container">
    <div class="row">
      <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">        
        <p><?php echo the_field('section_why_you_choose_us_content',10); ?></p>        
      </div>
      	<?php if( have_rows('service_why_choose') ): ?>
		<?php while( have_rows('service_why_choose') ): the_row();
		?>
		  
		  <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
			<div class="choosebox wow flipInX">
  				<?php if(get_sub_field('service_why_choose_image')){?>
					<img src="<?php echo esc_url( get_template_directory_uri() ); ?>/admin/timthumb/timthumb.php?src=<?php echo get_sub_field('service_why_choose_image'); ?>&a=c&q=100&w=110&h=110" alt="<?php echo get_sub_field('service_why_choose_heading'); ?>" />
				 <?php }else{?>
					<img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/noimage.jpg" alt="#">
				 <?php }?>
				 <div class="heid-content">			  		
			  	<h2><?php echo get_sub_field('service_why_choose_heading'); ?></h2>
			  	<div class="wycuc"><?php echo get_sub_field('service_why_choose_content'); ?></div>
			  	</div>
			</div>
		  </div>
		<?php endwhile; endif; ?>
    </div>
  </div>
</section>
<!--main body part end-->

<!--footer part start-->	  

<?php get_footer();?>