<?php get_header(); ?>
<link href="<?php bloginfo(
    "template_url"
); ?>/css/podcast.css" rel="stylesheet" type="text/css">
<script src="<?php bloginfo("template_url"); ?>/js/podcast.js"></script>

<div class="category-title">
  <div class="container">
  <h1><?php echo get_the_archive_title(); ?><span></span></h1>
  </div>
</div>
<div class="container">
  <div class="single-content">
<section class="category-posts">
<div class="block-podcast-post">
      <?php
      if ( have_posts() ) :
          while ( have_posts() ) : the_post(); ?>



						<div class="related-podcast-item">
							<a href="<?php the_permalink(); ?>">
								<figure>
									<div class="podcast-related-image">
										<?php if (has_post_thumbnail()) {
              the_post_thumbnail();
          } else {
               ?><img src="<?php echo get_template_directory_uri() .
    "/img/pro-nothumbnail.png"; ?>"> <?php
          } ?>
									</div>
                                    <div class="podcast-view">
										<span class="views-podcast"><?= gt_get_post_view() ?></span>
                                    <?php
                                     $time = get_post_meta(get_the_ID(), "podcast_time", true);
                                        if (
                                               !empty($time)
                                           ) { ?><span class="times-podcast"><?php echo $time; ?><i class="fas fa-clock"></i> </span><?php }
                                    ?>
                                    </div>
                                    <a href="<?php the_permalink(); ?>">
									<h2><?php the_title(); ?>
                                    <svg viewBox="-91 0 512 512" xmlns="http://www.w3.org/2000/svg" class="related-pod-svg"><path d="m120 376h90v120h-90zm0 0" fill="#7ed8f6"></path><path d="m165 376h45v120h-45zm0 0" fill="#66c0ee"></path><path d="m330 196v30c0 90.898438-74.097656 165-165 165s-165-74.101562-165-165v-30c0-8.402344 6.597656-15 15-15h60c8.402344 0 15 6.597656 15 15 0 8.398438-6.597656 15-15 15h-45v15c0 74.398438 60.601562 135 135 135s135-60.601562 135-135v-15h-45c-8.402344 0-15-6.601562-15-15 0-8.402344 6.597656-15 15-15h60c8.402344 0 15 6.597656 15 15zm0 0" fill="#a8ebfa"></path><path d="m330 196v30c0 90.898438-74.097656 165-165 165v-30c74.398438 0 135-60.601562 135-135v-15h-45c-8.402344 0-15-6.601562-15-15 0-8.402344 6.597656-15 15-15h60c8.402344 0 15 6.597656 15 15zm0 0" fill="#7ed8f6"></path><path d="m270 106v75l-30 30h-150l-30-30v-75c0-57.898438 47.101562-106 105-106s105 48.101562 105 106zm0 0" fill="#a8ebfa"></path><path d="m240 211h-75v-211c57.898438 0 105 48.101562 105 106v75zm0 0" fill="#7ed8f6"></path><path d="m300 497c0 8.398438-6.597656 15-15 15h-240c-8.402344 0-15-6.601562-15-15 0-8.402344 6.597656-15 15-15h240c8.402344 0 15 6.597656 15 15zm0 0" fill="#00607f"></path><path d="m150 76c0 8.285156-6.714844 15-15 15s-15-6.714844-15-15 6.714844-15 15-15 15 6.714844 15 15zm0 0" fill="#00607f"></path><path d="m210 76c0 8.285156-6.714844 15-15 15s-15-6.714844-15-15 6.714844-15 15-15 15 6.714844 15 15zm0 0" fill="#00465f"></path><path d="m210 136c0 8.285156-6.714844 15-15 15s-15-6.714844-15-15 6.714844-15 15-15 15 6.714844 15 15zm0 0" fill="#00465f"></path><path d="m150 136c0 8.285156-6.714844 15-15 15s-15-6.714844-15-15 6.714844-15 15-15 15 6.714844 15 15zm0 0" fill="#00607f"></path><path d="m300 497c0 8.398438-6.597656 15-15 15h-120v-30h120c8.402344 0 15 6.597656 15 15zm0 0" fill="#00465f"></path><path d="m270 181v45c0 57.898438-47.101562 105-105 105s-105-47.101562-105-105v-45zm0 0" fill="#00607f"></path><path d="m270 181v45c0 57.898438-47.101562 105-105 105v-150zm0 0" fill="#00465f"></path></svg>
                                    </h2>
                                    </a>
                                    <a href="<?php the_permalink(); ?>">
                                    <span class="read-podcast">
                                    <svg width="16" height="11" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path opacity="0.4" d="M11.1898 4.38459L14.3778 4.10265C15.0932 4.10265 15.6733 4.68836 15.6733 5.41077C15.6733 6.13318 15.0932 6.71889 14.3778 6.71889L11.1898 6.43695C10.6285 6.43695 10.1735 5.97749 10.1735 5.41077C10.1735 4.84309 10.6285 4.38459 11.1898 4.38459" fill="currentColor"></path>
                                    <path d="M0.484342 4.43642C0.534169 4.38611 0.720315 4.17347 0.895179 3.9969C1.91522 2.89098 4.57861 1.08258 5.97189 0.529142C6.18342 0.440858 6.71835 0.252899 7.00509 0.239609C7.27867 0.239609 7.54003 0.303211 7.78916 0.428517C8.10034 0.604136 8.34854 0.881329 8.4858 1.20788C8.57323 1.43382 8.71049 2.11256 8.71049 2.1249C8.84681 2.86629 8.92108 4.07189 8.92108 5.4047C8.92108 6.67295 8.84681 7.82918 8.73493 8.58292C8.72271 8.59621 8.58545 9.43823 8.43597 9.72681C8.16239 10.2546 7.62746 10.5812 7.05492 10.5812H7.00509C6.63186 10.5688 5.84779 10.2413 5.84779 10.2299C4.52879 9.6765 1.92838 7.95544 0.882957 6.81154C0.882957 6.81154 0.587756 6.51726 0.459899 6.33405C0.260591 6.07015 0.160937 5.74359 0.160937 5.41704C0.160937 5.05251 0.272812 4.71361 0.484342 4.43642" fill="currentColor"></path>
                                    </svg>
                                    برای گوش دادن کلیک کنید
                                    </span>
                                    </a>
								</figure>
							</a>
						</div>


          <?php
          endwhile;
      endif;
      ?>
</div>
</section>
<div class="page-pagination">
  <?php echo paginate_links(array(
    'prev_text'          => __( 'قبلی' ),
    'next_text'          => __( 'بعدی' ),
  )); ?>
</div>
  </div>
  <?php get_sidebar(); ?>
</div>

<style>
  .block-archive-post {display: grid;grid-template-columns: 1fr;column-gap: 20px;}
</style>

<?php get_footer(); ?>
