---
layout: "base"
eleventyComputed:
  bodyClasses: "episode season-{{season}}"
---

<div class="container py-5">
  <div class="bg-body-tertiary p-4 my-2 rounded">
    <div class="row">
      <div class="col"><img src="{{{this.url}}}../image.jpg" class="img-fluid"></div>
      <div class="col">
        <h1>{{#if title}}{{{title}}}{{else}}Episode {{episode}}{{/if}}<a href="{{{podcast.url}}}" ><i class="bi bi-download m-1"></i></a></h1>
        {{#if podcast.url}}
        <audio controls>
          <source src="{{{podcast.url}}}" type="audio/mpeg">
        Your browser does not support the audio element.
        </audio>
        {{/if}}
      <div class="d-flex felx-wrap m-1 gap-1">
        {{#each tags}}
          {{#unlessEq this "episode"}}
          <div class="badge text-bg-dark fw-light rounded-1">{{{this}}}</div>
          {{/unlessEq}}

        {{/each}}
      </div>
      </div>
      
    </div>
  </div>
  
  {{{content}}}

</div>