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

get_header();
$found_posts = $GLOBALS['wp_query']->found_posts;
$translation = upress_translation();
?>

	<div id="primary" class="content-area">
        <div class="archive-header">
			<div class="archive-header-col">
				<div class="archive-heading"><?php the_archive_title(); ?></div>
				<div class="archive-info">
					<p>
					<span class="before-txt"><?php esc_html_e( $translation['archives']['videos_archive_before'], 'upaper' ); ?></span>
					<span class="posts-count"><?php echo esc_attr($found_posts) ?></span>
					<span class="after-txt"><?php esc_html_e( $translation['archives']['videos_archive_after'], 'upaper' ); ?></span>
					</p>
				</div>
			</div>
		</div>
        <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(); ?>