<?php
/**
 * Template Name: Blog Grid
 * The main template file for display blog page.
 *
 * @package WordPress
*/

/**
*	Get Current page object
**/
$page = get_page($post->ID);

/**
*	Get current page id
**/

if(!isset($current_page_id) && isset($page->ID))
{
    $current_page_id = $page->ID;
}

get_header();
?>

<br class="clear"/>

<?php
	$is_display_page_content = TRUE;
	$is_standard_wp_post = FALSE;

	//Include custom header feature
	get_template_part("/templates/template-header");
?>

    <div class="inner">

    	<!-- Begin main content -->
    	<div class="inner_wrapper">

    		<div id="blog_grid_wrapper" class="sidebar_content full_width">


<?php

global $more; $more = false;

// $query_string ="post_type=post&paged=$paged";

$query_args = array('category_name' => '#nameOfCategoryThatYouWantToFilter#',
'post_type => 'post',
'paged' => $paged,);

$the_query = new WP_Query($query_args);

//query_posts($query_string);
$key = 0;

if ($the_query->have_posts()) : while ($the_query->have_posts()) : the_post();

	$animate_layer = $key+7;
	$image_thumb = '';

	if(has_post_thumbnail(get_the_ID(), 'large'))
	{
	    $image_id = get_post_thumbnail_id(get_the_ID());
	    $image_thumb = wp_get_attachment_image_src($image_id, 'large', true);
	}
?>

<!-- Begin each blog post -->
<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

	<div class="post_wrapper grid_layout">

		<?php
		    //Get post featured content
		    $post_ft_type = get_post_meta(get_the_ID(), 'post_ft_type', true);

		    switch($post_ft_type)
		    {
		    	case 'Image':
		    	default:
		        	if(!empty($image_thumb))
		        	{
		        		$small_image_url = wp_get_attachment_image_src($image_id, 'blog', true);
		?>

		    	    <div class="post_img small">
		    	    	<a href="<?php the_permalink(); ?>">
		    	    		<img src="<?php echo $small_image_url[0]; ?>" alt="" class="" style="width:<?php echo $small_image_url[1]; ?>px;height:<?php echo $small_image_url[2]; ?>px;"/>
		        	    	<div class="mask">
		                    	<div class="mask_circle grid">
		    	                    <i class="fa fa-external-link"/></i>
		    					</div>
		                    </div>
		                </a>
		    	    </div>

		<?php
		    		}
		    	break;

		    	case 'Vimeo Video':
		    		$post_ft_vimeo = get_post_meta(get_the_ID(), 'post_ft_vimeo', true);
		?>
		    		<?php echo do_shortcode('[tg_vimeo video_id="'.$post_ft_vimeo.'" width="670" height="377"]'); ?>
		    		<br/>
		<?php
		    	break;

		    	case 'Youtube Video':
		    		$post_ft_youtube = get_post_meta(get_the_ID(), 'post_ft_youtube', true);
		?>
		    		<?php echo do_shortcode('[tg_youtube video_id="'.$post_ft_youtube.'" width="670" height="377"]'); ?>
		    		<br/>
		<?php
		    	break;

		    	case 'Gallery':
		    		$post_ft_gallery = get_post_meta(get_the_ID(), 'post_ft_gallery', true);
		?>
		    		<?php echo do_shortcode('[tg_gallery_slider gallery_id="'.$post_ft_gallery.'" size="gallery_2" width="670" height="270"]'); ?>
		<?php
		    	break;

		    } //End switch
		?>

	    <div class="blog_grid_content">
			<?php
		    	//Check post format
		    	$post_format = get_post_format(get_the_ID());

				switch($post_format)
				{
					case 'quote':
			?>

					<i class="post_qoute_mark fa fa-quote-right grid"></i>

					<div class="post_header quote">
						<div class="post_quote_title grid">
							<a href="<?php the_permalink(); ?>"><?php the_content(); ?></a>

							<div class="post_detail">
						    	<?php echo _e( 'On', 'proxima-domain' ); ?>&nbsp;<?php echo get_the_time(THEMEDATEFORMAT); ?>&nbsp;
							    <?php echo _e( 'And has', 'proxima-domain' ); ?>&nbsp;<a href="<?php comments_link(); ?>"><?php comments_number(__('No Comment', 'proxima-domain'), __('1 Comment', 'proxima-domain'), __('% Comments', 'proxima-domain')); ?></a>
							</div>
						</div>
					</div>
			<?php
					break;

					case 'link':
			?>

					<i class="post_qoute_mark fa fa-link grid"></i>

					<div class="post_header quote">
						<div class="post_quote_title grid">
							<?php the_content(); ?>

							<div class="post_detail">
						    	<?php echo _e( 'On', 'proxima-domain' ); ?>&nbsp;<?php echo get_the_time(THEMEDATEFORMAT); ?>&nbsp;
							    <?php echo _e( 'And has', 'proxima-domain' ); ?>&nbsp;<a href="<?php comments_link(); ?>"><?php comments_number(__('No Comment', 'proxima-domain'), __('1 Comment', 'proxima-domain'), __('% Comments', 'proxima-domain')); ?></a>
							</div>
						</div>
					</div>
			<?php
					break;

					default:
		    ?>
			    <div class="post_header grid">
			    	<h6><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h6>
			    	<div class="post_detail">
					    <?php echo _e( 'On', 'proxima-domain' ); ?>&nbsp;<?php echo get_the_time(THEMEDATEFORMAT); ?>&nbsp;
					    <?php echo _e( 'And has', 'proxima-domain' ); ?>&nbsp;<a href="<?php comments_link(); ?>"><?php comments_number(__('No Comment', 'proxima-domain'), __('1 Comment', 'proxima-domain'), __('% Comments', 'proxima-domain')); ?></a>
					</div>
			    </div>

			    <br class="clear"/>

				<a href="<?php the_permalink(); ?>"><strong><?php echo _e( 'Read More', 'proxima-domain' ); ?></strong></a>
		    <?php
		    		break;
		    	}
		    ?>
	    </div>

	</div>

</div>
<!-- End each blog post -->

<?php $key++; ?>
<?php endwhile; endif; ?>

    	</div>

    </div>
    <!-- End main content -->
    <?php

	    if($wp_query->max_num_pages > 1)
	    {
	    	if (function_exists("wpapi_pagination"))
	    	{
	?>
			<br class="clear"/><br/><br/>
	<?php
	    	    wpapi_pagination($wp_query->max_num_pages);
	    	}
	    	else
	    	{
	    	?>
	    	<div class="pagination"><p><?php posts_nav_link(' '); ?></p></div>
	    	<?php
	    	}
	    ?>

	     <?php
	     }
	?>

</div>
<br class="clear"/><br/>
<?php get_footer(); ?>