<?php
/**
 * The template for displaying video archives.
 *
 * Learn more: http://codex.wordpress.org/Template_Hierarchy
 *
 * @package UrduPress
 */

get_header(); ?>

	<div id="primary" class="content-area">
	
        <div class="vid-cat-block-posts">
            <?php if ( have_posts() ) : ?>
                <?php while ( have_posts() ) : the_post(); ?>

                <div class="grid-item">
                    <div class="thumb">
                        <a href="<?php the_permalink() ?>" aria-label="<?php the_title() ?>" class="video-link">
                            <?php the_post_thumbnail('video-grid') ?>
                            <span class="overlay-icon"><i class="icon-play-circled2"></i></span>
                            <span class="video-duration"><?php rwmb_the_value( 'upress_video_duration' ) ?></span>
                        </a>
                    </div>
                    <div class="meta">
                        <?php get_template_part('template-parts/video', 'meta_grid') ?>
                    </div>
                </div>

                <?php endwhile; ?>
                <?php else : ?>

                <?php get_template_part( 'template-parts/content', 'none' ); ?>
            <?php endif; ?>
        </div>
        <?php if ( function_exists( 'upress_page_navi' ) ) { ?>
            <?php upress_page_navi(); ?>
        <?php } else { ?>
            <?php the_posts_navigation(); ?>
        <?php } ?>

	</div><!-- #primary -->

<?php get_footer(); ?>