<?php
/**
 * The template for displaying archive pages
 *
 * Used to display archive-type pages if nothing more specific matches a query.
 * For example, puts together date-based pages if no date.php file exists.
 *
 * If you'd like to further customize these archive views, you may create a
 * new template file for each one. For example, tag.php (Tag archives),
 * category.php (Category archives), author.php (Author archives), etc.
 *
 * @link https://codex.wordpress.org/Template_Hierarchy
 *
 * @package WordPress
 * @subpackage Punjab_Motor
 * @since Punjab Motor 1.0
 */

get_header(); ?>

<div class="inner_body">
	<div class="container">
	<div id="primary" class="content-area">
		<main id="main" class="site-main" role="main">

		<?php if ( have_posts() ) : ?>


			<?php
			// Start the Loop.
			while ( have_posts() ) : the_post();

				/*
				 * Include the Post-Format-specific template for the content.
				 * If you want to override this in a child theme, then include a file
				 * called content-___.php (where ___ is the Post Format name) and that will be used instead.
				 */
				//get_template_part( 'template-parts/content', get_post_format() );?>
				
				<div class="row">
					<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>
				</div>

			<?php // End the loop.
			endwhile;

			// Previous/next page navigation.
			the_posts_pagination( array(
				'prev_text'          => __( 'Previous page', 'PunjabMotor' ),
				'next_text'          => __( 'Next page', 'PunjabMotor' ),
				'before_page_number' => '<span class="meta-nav screen-reader-text">' . __( 'Page', 'PunjabMotor' ) . ' </span>',
			) );

		// If no content, include the "No posts found" template.
		else :
			get_template_part( 'template-parts/content', 'none' );

		endif;
		?>

		</main><!-- .site-main -->
	</div><!-- .content-area -->

<?php //get_sidebar(); ?>
	</div>
</div>
<?php get_footer(); ?>