2020-10-02 15:38:16 +00:00
|
|
|
<section class="flex flex-col">
|
2021-11-01 17:12:03 +00:00
|
|
|
<header class="flex justify-between">
|
2021-09-10 16:02:25 +00:00
|
|
|
<Heading tagName="h2"><?= lang('Podcast.latest_episodes') ?></Heading>
|
2020-10-02 15:38:16 +00:00
|
|
|
<a href="<?= route_to(
|
2021-09-08 15:51:33 +00:00
|
|
|
'episode-list',
|
|
|
|
$podcast->id,
|
2021-11-05 14:36:34 +00:00
|
|
|
) ?>" class="inline-flex items-center text-sm underline hover:no-underline focus:ring-accent">
|
2020-10-02 15:38:16 +00:00
|
|
|
<?= lang('Podcast.see_all_episodes') ?>
|
|
|
|
<?= icon('chevron-right', 'ml-2') ?>
|
|
|
|
</a>
|
|
|
|
</header>
|
|
|
|
<?php if ($episodes): ?>
|
2021-11-01 17:12:03 +00:00
|
|
|
<div class="grid px-4 pt-2 pb-5 -mx-2 overflow-x-auto grid-cols-latestEpisodes gap-x-4 snap snap-x snap-proximity">
|
2020-10-02 15:38:16 +00:00
|
|
|
<?php foreach ($episodes as $episode): ?>
|
2021-10-21 13:12:38 +00:00
|
|
|
<?= view('episode/_card', [
|
|
|
|
'episode' => $episode,
|
|
|
|
]) ?>
|
2020-10-02 15:38:16 +00:00
|
|
|
<?php endforeach; ?>
|
|
|
|
</div>
|
|
|
|
<?php else: ?>
|
|
|
|
<p class="italic"><?= lang('Podcast.no_episode') ?></p>
|
|
|
|
<?php endif; ?>
|
2021-08-09 10:28:16 +00:00
|
|
|
</section>
|