{% extends "global/Page.html" %}
{% load otree %}

{% block title %}Survey{% endblock %}

{% block content %}

<p>
For this survey we have developed an interactive chat communication that we use to collect your responses.
</p>
<p>
You will be interacting with {% if player.color == 'red' %} an automated chatbot, that will assisst you in answering the survey
questions. {% endif %}{% if player.color == 'green' %} a student assistant, who will assisst you in answering the survey questions.
{% endif %} Please click on the icon at the bottom right of this page.
</p> 

   <script src="https://botpress-aline.herokuapp.com/assets/modules/channel-web/inject.js"></script>
    <script>
    window.botpressWebChat.init({
      host: 'https://botpress-aline.herokuapp.com',
      botId: 'bot2' hideWidget: true
    })
	
	window.addEventListener('message', function(event) {
      if (event.data.name === 'webchatLoaded') {
        window.botpressWebChat.sendEvent({
          type: 'proactive-trigger',
          channel: 'web',
          payload: { text: 'fake message' }
        })
      }
    })
	</script>



{% next_button %}
{% endblock %}