<?php
/*
Template Name: Portfolio Page
*/
?>

<?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';
?>

<?php get_header(); ?>

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

<div id="main-content" <?php if($fullwidth) echo ('class="fullwidth"');?>>
	<div id="main-content-bg">
		<div id="main-content-bottom-bg" class="clearfix">
			<div id="left-area">
				<div id="main-products" class="clearfix">
					<?php get_template_part('loop','page'); ?>

					<div id="et_pt_portfolio_gallery" class="clearfix<?php echo esc_attr( $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','Boutique'); ?></a>
												<a class="et_portfolio_more_icon" href="<?php the_permalink(); ?>"><?php esc_html_e('Read more','Boutique'); ?></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');  ?>
								<?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 -->

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

			<?php if (!$fullwidth) get_sidebar(); ?>
		</div> <!-- end #main-content-bottom-bg -->
	</div> <!-- end #main-content-bg -->
</div> <!-- end #main-content -->
<?php get_footer(); ?>