<!DOCTYPE html>
<html class="no-js">
<head>
    <title>Converse</title>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="description" content="Converse XMPP/Jabber Chat"/>
    <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>
    <style type="text/css">
        body.livechat-iframe #conversejs .chat-head {
                display: none;
        }
    </style>
</head>
<body class="converse-fullscreen">
<noscript>You need to enable JavaScript to run the Converse.js chat app.</noscript>
<div id="conversejs-bg"></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}}'
  })
</script>
</body>
</html>