mixin renderVenueChannelCard (channel, options)
  - options = Object.assign({ withDescription: false }, options);
  .uk-card.uk-card-default.uk-card-small.uk-card-hover.uk-margin

    if channel.currentStatus && channel.currentStatus.liveThumbnail
      .uk-card-media-top
        a(href=`/venue/${channel.slug}`)
          img(
            src= channel.currentStatus.liveThumbnail.url,
            onerror=`this.src = '${channel.currentStatus.thumbnailUrl}';`,
            title="Tune in now",
          )

    if channel.currentStatus && channel.currentStatus.liveEpisode && channel.currentStatus.liveEpisode.title
      .uk-card-body
        .uk-text-bold.uk-text-truncate(style="font-size: 1.2em; line-height: 1;")
          a(href="/venue", uk-tooltip= `Watch "${channel.currentStatus.liveEpisode.title}" now!`)= channel.currentStatus.liveEpisode.title

        if options.withDescription
          .uk-margin(style="font-size: 1em; line-height: 1.2; max-height: 4.8em; overflow: auto;")!= marked.parse(channel.currentStatus.liveEpisode.description)

        .uk-text-small.uk-article-meta
          div(uk-grid).uk-grid-small.uk-flex-between
            .uk-width-auto
              div Started: #{moment(channel.currentStatus.liveEpisode.created).fromNow()}
            .uk-width-auto #[i.fas.fa-eye] #{formatCount(channel.currentStatus.liveEpisode.stats.currentViewerCount)}