<?php
/**
 * Template Name: Home Template
 *
 * Displays all of the head element and everything up until the "site-content" div.
 *
 * @package WordPress
 * @subpackage Punjab_Motor
 * @since Punjab Motor 1.0
 */

?>
<?php get_header();?>
<!-- Header End-->

<div class="services_panel">
	<div class="container">
		<?php query_posts( array( 'post_type' => 'our-service', 'posts_per_page' => -1,	'order' => 'ASC',  ) ); ?>
	 	<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
				
				<div class="col-md-3 col-sm-12 col-xs-12 wow bounceInUp">
					<a href="<?php the_permalink() ?>">
					<div class="services_box">
						
						<?php if(get_field('service_icon')){?>
				          <img src="<?php bloginfo('template_url'); ?>/admin/timthumb/timthumb.php?src=<?php echo get_field('service_icon'); ?>&a=c&q=100&w=101&h=78" alt="Banner Icon" >
				         <?php }elseif (has_post_thumbnail()){?>
				            <img src="<?php bloginfo('template_url'); ?>/admin/timthumb/timthumb.php?src=<?php the_post_thumbnail_url('full'); ?>&a=c&q=100&a=c&q=100&w=101&h=78" alt="Banner Image">
				         <?php }else{?>
				            <img src="<?php bloginfo('template_url'); ?>/admin/timthumb/timthumb.php?src=<?php esc_url( bloginfo('template_directory')); ?>/assets/images/banner1.jpg&a=c&q=100&a=c&q=100&w=96&h=74" alt="Banner Image">
				         <?php }?>
						<h3><?php the_title(); ?></h3>
					</div>
					</a>
				</div>

		<?php endwhile; endif; wp_reset_query(); ?>	
		</div>
	</div>


<div class="welcome_panel">		
	<div class="welcome_l wow bounceInDown">
		<?php echo get_field('home_about_content'); ?>
		<a href="<?php echo get_field('home_about_link'); ?>"><?php echo get_field('home_about_link_text'); ?></a>
	</div>

	<div class="welcome_right">
		<?php if(get_field('home_about_image')){?>
      		<img src="<?php bloginfo('template_url'); ?>/admin/timthumb/timthumb.php?src=<?php echo get_field('home_about_image'); ?>&a=c&q=100&w=710&h=475" alt="About Image" >
     	<?php } ?>
	</div>
	<div class="clearfix"></div>
</div>


<div class="provied_panel">
	<div class="container">
		<?php if( have_rows('home_feature') ): ?>
			<?php while( have_rows('home_feature') ): the_row(); ?>
				<div class="col-md-4 col-sm-12 col-xs-12">
					<div class="provied_box wow flipInX">
						<div class="provied_box_inner">
							<img class="provied_img1" src="<?php echo get_sub_field('home_feature_image'); ?>" alt="provied_icon_original1" />
							<img class="provied_img2" src="<?php echo get_sub_field('home_feature_image_hover'); ?>" alt="provied_icon_original1" />
							<h3><?php echo get_sub_field('home_feature_heading'); ?></h3>
							<p><?php echo get_sub_field('home_feature_content'); ?></p>
							<a href="<?php echo get_sub_field('home_feature_link'); ?>">More Info</a>
						</div>
					</div>
				</div>
			<?php endwhile; ?>
		<?php endif; ?>
	</div>
</div>

<div class="brands_panel">
	<div class="container">
		<h2>brands we service </h2>
		<div id="Featured-carousel" class="owl-carousel  wow bounceInDown">
          <?php query_posts( array( 'post_type' => 'our-brand', 'posts_per_page' => -1,	'order' => 'ASC',  ) ); ?>
	 	<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
		 	<div class="item">
	            <div class="brands_box">
            		<a href="<?php the_permalink() ?>">
						<?php if(get_field('brands_image')){?>
				          <img src="<?php bloginfo('template_url'); ?>/admin/timthumb/timthumb.php?src=<?php echo get_field('brands_image'); ?>&a=c&q=100&w=144&h=85" alt="Banner Icon" >
				         <?php }else{?>
				            <img src="<?php bloginfo('template_url'); ?>/admin/timthumb/timthumb.php?src=<?php esc_url( bloginfo('template_directory')); ?>/assets/images/brands_logo2.png&a=c&q=100&w=144&h=85" alt="Banner Image">
				         <?php }?>
			         </a>				         
	            </div>
	        </div>
	 	<?php endwhile; endif; wp_reset_query(); ?>
        </div>
	</div>
</div>

<div class="handel_panel">
	<div class="container">
		<h2>We Also Handel</h2>
		<div id="handel_panel" class="owl-carousel  wow bounceInUp">
          <?php query_posts( array( 'post_type' => 'our-handel', 'posts_per_page' => -1,	'order' => 'ASC',  ) ); ?>
	 	  <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
	 	  	<div class="item">
	          	<div class="handel_box">
	          		<img src="<?php bloginfo('template_url'); ?>/admin/timthumb/timthumb.php?src=<?php the_post_thumbnail_url('full'); ?>&zc=2&a=c&q=100&w=154&h=164" alt="handel_img1" />
	          		<h3><?php the_title(); ?></h3>
	          		<div class="clearfix"></div>
	          	</div>
	        </div>
	 	  <?php endwhile; endif; wp_reset_query(); ?>

          <!-- <div class="item">
          	<div class="handel_box">
          		<img src="<?php esc_url( bloginfo('template_directory')); ?>/assets/images/handel_img1.jpg" alt="handel_img1" />
          		<h3>Engines</h3>
          	</div>
          </div>
          <div class="item">
           <div class="handel_box">
          		<img src="<?php esc_url( bloginfo('template_directory')); ?>/assets/images/handel_img2.jpg" alt="handel_img2" />
          		<h3>Transmissions</h3>
          	</div>
          </div>
          <div class="item">
           <div class="handel_box">
          		<img src="<?php esc_url( bloginfo('template_directory')); ?>/assets/images/handel_img3.jpg" alt="handel_img3" />
          		<h3>Wheels</h3>
          	</div>
          </div>
          <div class="item">
            <div class="handel_box">
          		<img src="<?php esc_url( bloginfo('template_directory')); ?>/assets/images/handel_img4.jpg" alt="handel_img4" />
          		<h3>Tires</h3>
          	</div>
          </div>  -->       
        </div> 
	</div>
</div>
<!-- Footer Start-->
<?php get_footer();?>