<?php
/*
Template Name: Portfolio Page
*/
?>
<?php get_header(); ?>

<?php
$et_ptemplate_settings = array();
$et_ptemplate_settings = maybe_unserialize( get_post_meta(get_the_ID(),'et_ptemplate_settings',true) );

$fullwidth = isset( $et_ptemplate_settings['et_fullwidthpage'] ) ? (bool) $et_ptemplate_settings['et_fullwidthpage'] : false;
$et_ptemplate_showtitle = isset( $et_ptemplate_settings['et_ptemplate_showtitle'] ) ? (bool) $et_ptemplate_settings['et_ptemplate_showtitle'] : false;
$et_ptemplate_showdesc = isset( $et_ptemplate_settings['et_ptemplate_showdesc'] ) ? (bool) $et_ptemplate_settings['et_ptemplate_showdesc'] : false;
$et_ptemplate_detect_portrait = isset( $et_ptemplate_settings['et_ptemplate_detect_portrait'] ) ? (bool) $et_ptemplate_settings['et_ptemplate_detect_portrait'] : false;

$gallery_cats = isset( $et_ptemplate_settings['et_ptemplate_gallerycats'] ) ? (array) $et_ptemplate_settings['et_ptemplate_gallerycats'] : array();
$et_ptemplate_gallery_perpage = isset( $et_ptemplate_settings['et_ptemplate_gallery_perpage'] ) ? (int) $et_ptemplate_settings['et_ptemplate_gallery_perpage'] : 12;

$et_ptemplate_portfolio_size = isset( $et_ptemplate_settings['et_ptemplate_imagesize'] ) ? (int) $et_ptemplate_settings['et_ptemplate_imagesize'] : 2;

$et_ptemplate_portfolio_class = '';
if ( $et_ptemplate_portfolio_size == 1 ) $et_ptemplate_portfolio_class = ' et_portfolio_small';
if ( $et_ptemplate_portfolio_size == 3 ) $et_ptemplate_portfolio_class = ' et_portfolio_large';
?>

<div id="main-area"<?php if ($fullwidth) echo ' class="fullwidth"'; ?>>

	<?php get_template_part('includes/breadcrumbs'); ?>

	<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

		<?php if (get_option('askit_integration_single_top') <> '' && get_option('askit_integrate_singletop_enable') == 'on') echo(get_option('askit_integration_single_top')); ?>

		<div class="entry page">
			<div class="entry-top">
				<div class="entry-content">
					<h2 class="title"><?php the_title(); ?></h2>
					<div class="clear"></div>

					<div class="page-separator"></div>

					<div class="post-content">
						<?php the_content(); ?>

							<div id="et_pt_portfolio_gallery" class="clearfix<?php echo $et_ptemplate_portfolio_class; ?>">
								<?php $gallery_query = '';
								$portfolio_count = 1;
								$et_open_row = false;
								if ( !empty($gallery_cats) ) $gallery_query = '&cat=' . implode(",", $gallery_cats);
								else echo '<!-- gallery category is not selected -->'; ?>
								<?php
									global $wp_embed;
									$et_videos_output = '';
									$et_paged = is_front_page() ? get_query_var( 'page' ) : get_query_var( 'paged' );
								?>
								<?php query_posts("posts_per_page=$et_ptemplate_gallery_perpage&paged=" . $et_paged . $gallery_query); ?>
								<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

									<?php $width = 260;
									$height = 170;

									if ( $et_ptemplate_portfolio_size == 1 ) {
										$width = 140;
										$height = 94;
										$et_portrait_height = 170;
									}
									if ( $et_ptemplate_portfolio_size == 2 ) $et_portrait_height = 315;
									if ( $et_ptemplate_portfolio_size == 3 ) {
										$width = 430;
										$height = 283;
										$et_portrait_height = 860;
									}

									$et_auto_image_detection = false;
									if ( has_post_thumbnail( get_the_ID() ) && $et_ptemplate_detect_portrait ) {
										$wordpress_thumbnail = get_post( get_post_thumbnail_id(get_the_ID()) );
										$wordpress_thumbnail_url = $wordpress_thumbnail->guid;

										if ( et_is_portrait($wordpress_thumbnail_url) )	$height = $et_portrait_height;
									}

									$titletext = get_the_title();
									$et_portfolio_title = get_post_meta(get_the_ID(),'et_portfolio_title',true) ? get_post_meta(get_the_ID(),'et_portfolio_title',true) : get_the_title();
									$et_videolink = get_post_meta(get_the_ID(),'et_videolink',true) ? get_post_meta(get_the_ID(),'et_videolink',true) : '';

									$et_custom_embed_video = ( $embed_custom_code = get_post_meta( get_the_ID(), 'et_videolink_embed', true ) ) && '' != $embed_custom_code ? $embed_custom_code : '';

									$et_has_video = '' !== $et_videolink || '' !== $et_custom_embed_video;

									if ( $et_has_video ){
										$et_video_id = 'et_video_post_' . get_the_ID();
										if ( '' != $et_custom_embed_video )
											$et_videos_output .= '<div id="'. esc_attr( $et_video_id ) .'">' . $embed_custom_code . '</div>';
										else
											$et_videos_output .= '<div id="'. esc_attr( $et_video_id ) .'">' . $wp_embed->shortcode( '', esc_url( $et_videolink ) ) . '</div>';
									}

									$thumbnail = get_thumbnail($width,$height,'',$titletext,$titletext,true,'et_portfolio');
									$thumb = $thumbnail["thumb"];

									if ( $et_ptemplate_detect_portrait && $thumbnail["use_timthumb"] && et_is_portrait($thumb) ) {
										$height = $et_portrait_height;
									} ?>

									<?php if ( $portfolio_count == 1 || ( $et_ptemplate_portfolio_size == 2 && (!$fullwidth && ($portfolio_count+1) % 2 == 0) ) || ( $et_ptemplate_portfolio_size == 3 && (($portfolio_count+1) % 2 == 0) ) ) {
										$et_open_row = true; ?>
										<div class="et_pt_portfolio_row clearfix">
									<?php } ?>

											<div class="et_pt_portfolio_item">
												<?php if ($et_ptemplate_showtitle) { ?>
													<h2 class="et_pt_portfolio_title"><?php echo esc_html( $et_portfolio_title ); ?></h2>
												<?php } ?>
												<div class="et_pt_portfolio_entry<?php if ( $height == $et_portrait_height ) echo ' et_portrait_layout'; ?>">
													<div class="et_pt_portfolio_image<?php if ( $et_has_video ) echo ' et_video'; ?>">
														<?php print_thumbnail($thumb, $thumbnail["use_timthumb"], $titletext, $width, $height, ''); ?>
														<span class="et_pt_portfolio_overlay"></span>

														<a class="et_portfolio_zoom_icon fancybox<?php if ( $et_has_video ) { echo ' mfp-iframe'; } else { echo ' mfp-image'; } ?>" title="<?php the_title_attribute(); ?>"<?php if ( ! $et_has_video ) echo ' rel="portfolio"'; ?> href="<?php if ( $et_has_video ) echo esc_url( '#' . $et_video_id ); else echo($thumbnail['fullpath']); ?>"><?php esc_html_e('Zoom in','AskIt'); ?></a>
														<a class="et_portfolio_more_icon" href="<?php the_permalink(); ?>"><?php esc_html_e('Read more','AskIt'); ?></a>
													</div> <!-- end .et_pt_portfolio_image -->
												</div> <!-- end .et_pt_portfolio_entry -->
												<?php if ($et_ptemplate_showdesc) { ?>
													<p><?php truncate_post(90); ?></p>
												<?php } ?>
											</div> <!-- end .et_pt_portfolio_item -->

									<?php if ( ($et_ptemplate_portfolio_size == 2 && !$fullwidth && $portfolio_count % 2 == 0) || ( $et_ptemplate_portfolio_size == 3 && ($portfolio_count % 2 == 0) ) ) {
										$et_open_row = false; ?>
										</div> <!-- end .et_pt_portfolio_row -->
									<?php } ?>

									<?php if ( ($et_ptemplate_portfolio_size == 2 && $fullwidth && $portfolio_count % 3 == 0) || ($et_ptemplate_portfolio_size == 1 && !$fullwidth && $portfolio_count % 3 == 0) || ($et_ptemplate_portfolio_size == 1 && $fullwidth && $portfolio_count % 5 == 0) ) { ?>
										</div> <!-- end .et_pt_portfolio_row -->
										<div class="et_pt_portfolio_row clearfix">
										<?php $et_open_row = true; ?>
									<?php } ?>

								<?php $portfolio_count++;
								endwhile; ?>
									<?php if ( $et_open_row ) {
										$et_open_row = false; ?>
										</div> <!-- end .et_pt_portfolio_row -->
									<?php } ?>
									<div class="page-nav clearfix">
										<?php if (function_exists('wp_pagenavi')) { wp_pagenavi(); }
										else { ?>
											 <?php get_template_part('includes/navigation'); ?>
										<?php } ?>
									</div> <!-- end .entry -->
								<?php else : ?>
									<?php if ( $et_open_row ) {
										$et_open_row = false; ?>
										</div> <!-- end .et_pt_portfolio_row -->
									<?php } ?>
									<?php get_template_part('includes/no-results'); ?>
								<?php endif; wp_reset_query(); ?>

								<?php if ( $et_open_row ) {
									$et_open_row = false; ?>
									</div> <!-- end .et_pt_portfolio_row -->
								<?php } ?>

								<?php if ( '' != $et_videos_output ) echo '<div class="et_embedded_videos">' . $et_videos_output . '</div>'; ?>
							</div> <!-- end #et_pt_portfolio_gallery -->


						<?php edit_post_link(esc_html__('Edit this page','AskIt')); ?>

						<div class="clear"></div>
					</div>

				</div> <!-- end .entry-content -->
			</div> <!-- end .entry-top -->
		</div> <!-- end .entry -->

		<div class="clear"></div>

		<?php if (get_option('askit_integration_single_bottom') <> '' && get_option('askit_integrate_singlebottom_enable') == 'on') echo(get_option('askit_integration_single_bottom')); ?>

	<?php endwhile; endif; ?>

</div> <!-- end #main-area -->

<?php if (!$fullwidth) get_sidebar(); ?>

<?php get_footer(); ?>