extends ../layouts/main
block content

  style.
    .embedded-frame {
      flex-grow: 1;
    }

  - var shingBaseUrl = `https://${dtp.services.venue.soapboxDomain}`;
  div(style="position: fixed; top: 64px; right: 0; bottom: 0; left: 0; width: 100%;").uk-flex.uk-flex-column
    iframe(
      src= `${shingBaseUrl}/channel/${channel.slug}/embed/venue?k=${channelCredentials.widgetKey}`,
      allowfullscreen,
    ).embedded-frame

block page-footer

block viewjs
  script.
    window.dtp = window.dtp || { };
    window.dtp.channel = !{JSON.stringify(channel)};