<!DOCTYPE html>
<html class="no-js">
<head>
    <title>Peertube LiveChat Plugin</title>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="description" content="Peertube LiveChat Plugin"/>
    <link type="text/css" rel="stylesheet" media="screen" href="{{BASE_STATIC_URL}}conversejs/converse.min.css" />
    <script type="text/javaScript" src="{{BASE_STATIC_URL}}conversejs/converse.min.js"></script>
    <script type="text/javascript" src="{{BASE_STATIC_URL}}static/builtin.js"></script>
    {{CONVERSEJS_AUTOCOLORS}}
</head>
<body class="converse-fullscreen theme-peertube">
<noscript>You need to enable JavaScript to run the Converse.js chat app.</noscript>
<div id="conversejs-bg" class="theme-peertube"></div>
<script type="text/javascript">
  initConverse({
    jid: '{{JID}}',
    assetsPath : '{{BASE_STATIC_URL}}conversejs/',
    room: '{{ROOM}}',
    boshServiceUrl: '{{BOSH_SERVICE_URL}}',
    websocketServiceUrl: '{{WS_SERVICE_URL}}',
    authenticationUrl: '{{AUTHENTICATION_URL}}',
    advancedControls: '{{ADVANCEDCONTROLS}}' === 'true',
    autoViewerMode: '{{AUTOVIEWERMODE}}' === 'true',
    theme: '{{CONVERSEJS_THEME}}',
    forceReadonly: '{{FORCEREADONLY}}' === 'noscroll' ? '{{FORCEREADONLY}}' : '{{FORCEREADONLY}}' === 'true',
    transparent: '{{TRANSPARENT}}' === 'true'
  })
</script>
</body>
</html>