File size: 1,612 Bytes
27bbfe3
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<html> 
    <head>
        <title>
            Insurance Policy AI Assistant
        </title>
        <link rel="stylesheet" type="text/css" href="/static/css/styles.css">
    </head>
    <body> 
        <div class="outercontainer">
            <div class="center">
                <h1 id="titlestyle">
                    Insurance Policy AI Assistant
                </h1>
            </div>
            <div class="conversationcontainer" id="chatcontainer">
                {% for entry in name_xyz %}
                <div class="{% if entry.bot %}bot{% else %}user{% endif %}"> 
                    {% if entry.bot %}
                    {{ entry.bot|safe }}
                    {% else %}
                    {{ entry.user }}
                    {% endif %}
                </div>
                {% endfor %}
            </div>

            <form action = "/invite" method="POST" class="center">
                <input type ="text" name="user_input_message" id = "inputtextbox">
                <input type="submit" value=" " id="submitbutton">
            </form>

            <form action="/end_conv" method="POST" class="center">
                <button type="submit">END CONVERSATION</button>
            </form>
    </div>

    <script>
        // Scroll to the bottom of the chat container on page load and after a new message is sent
        function scrollToBottom() {
            var chatContainer = document.getElementById('chatcontainer');
            chatContainer.scrollTop = chatContainer.scrollHeight;
        }
    
        window.onload = scrollToBottom;

    </script>



</body> 
</html>