<?php
/**
Template Name: Video Gallery Page
 * The template for displaying all pages
 *
 * This is the template that displays all pages by default.
 * Please note that this is the WordPress construct of pages and that
 * other 'pages' on your WordPress site will use a different template.
 *
 * @package WordPress
 * @subpackage Twenty_Fourteen
 * @since Twenty Fourteen 1.0
 */

get_header(); ?>

<div class="carousel-container">
  <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">

  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">
      <img src="<?php echo get_template_directory_uri(); ?>/images/inner.jpg" alt="">
      <div class="carousel-caption inner-banner">
        <h2><?php the_title(); ?></h2><br>
       <!-- <h3 class="hidden-xs">lorem ipsum</h3>-->
      </div>
    </div>
  </div>
</div>
</div>

<div class="inner-page-wrapper">
    <div class="container">
      <div class="row">
	  
	  <?php while ( have_posts() ) : the_post(); ?>
        <div class="col-md-12">
          <div class="row">
            <div class="col-md-12 inner-hed-left">
          <div class="main-head" style="margin-bottom: 25px;">
          <?php the_title(); ?>
        </div>
        <!--<div class="main-head-sub">
          Lorem Ipsum is simply dummy
        </div>-->
        </div>
          </div><!-- row -->
          <?php //the_content(); ?>
		  
           <?php $the_query = new WP_Query( 'post_type=emd_video&posts_per_page=-1' );
			   if ( $the_query -> have_posts() ) : $count = 0;
			   while ( $the_query -> have_posts() ) : $the_query -> the_post(); 
			   $count++;
			   $video_id = get_post_meta($post->ID, 'emd_video_key', true); ?>
		<div class="col-md-3">
			<div class="video_subpage">
				   <a href="<?php echo 'https://www.youtube.com/watch?v='.$video_id; ?>" class="fancybox-media" rel="media-gallery"><img src="http://img.youtube.com/vi/<?php echo $video_id; ?>/sddefault.jpg" alt="Video"  width="100%"/>
				   <?php the_title(); ?>
				   </a> 			  
			</div>	
              <!--video-container-->
            </div>
			<?php if ( 0 ==$count%4 ) { echo '<div class="clearfix"></div>'; }   ?>
		<?php endwhile; endif; ?>   

        </div><!-- col-8 -->
	<?php endwhile; ?>
	
	<?php //get_sidebar('right'); ?>
        
      </div><!-- row -->
    </div><!-- container -->
  </div>

<?php get_footer('abtdr'); ?>

		
<?php get_footer(); ?>