extends layouts/main
block content
  
  mixin renderSidebarEpisode(episode)
    .uk-card.uk-card-secondary.uk-card-small
      .uk-card-media-top
        a(href= episode.url, target="_blank", title="Watch on Gab TV")
          img(src=episode.image).responsive
      .uk-card-header.uk-border-bottom
        h4.uk-card-title
          a(href= episode.url, target="_blank", title="Watch on Gab TV")= episode.title
      .uk-card-body!= episode.summary
      .uk-card-footer
        p.uk-text-small Posted: #{moment(episode.date_modified).format("MMM DD YYYY HH:MM a")}

  .uk-padding
    .uk-container
      //- Main Content Grid
      div(uk-grid)
        //- Main Content Column
        .uk-width-2-3
          section.uk-section.uk-section-default.uk-padding-remove 
            h3.uk-heading-bullet Featured
            div(style="position: relative; overflow: hidden; width: 100%; padding-top: 56.25%")
              iframe(
                src="https://tv.gab.com/channel/mrjoeprich/embed/what-is-just-joe-radio-61ad9b2165a83d20e95a465d",
                width="960",
                height="540",
                style="position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;",
              )

            //- pre= JSON.stringify(gabTvChannel, null, 2)
        
        //- Sidebar
        .uk-width-1-3
          h3.uk-heading-bullet Gab TV
          ul.uk-list
            each episode in gabTvChannel.items.slice(0, 3)
              li
                +renderSidebarEpisode(episode)