{{ attach_library('goizueta_theme/podcast') }}
{% import '@components/icons/icons.twig' as icons %}

<article class="podcast">
  <div class="podcast__image">
    <img src="{{ podcast.image_url }}" alt="{{ podcast.name }}" />
  </div>
  <div class="podcast__details">
    <div class="podcast__name-container">
      <div class="podcast__name">
        {{ podcast.name }}
      </div>
    </div>
    <div class="episode__container">
      <div class="episode__title">
        {{ episode.title }}
      </div>
      <div class="episode__date-time">
        <div class="episode__date">
          {{ episode.date }}
        </div>
        <div class="episode__time">
          {{ episode.time }}
        </div>
      </div>
      <div class="episode__player">
        <audio controls="true" preload="none" src="{{ episode.url }}"></audio>
      </div>
      <div class="episode__download">
        <a href="{{ episode.url }}" target="_blank" class="episode__download-link" download>
          <span class="episode__icon-wrapper">
            {{ icons.get('download', 'episode__download-icon') }}
            {{'Download Episode'|t}}
          </span>
        </a>
      </div>
    </div>
  </div>
</article>