File: /var/www/html/labs/chatbot/chat.php
<!DOCTYPE html>
<html lang="en-US" class="no-js">
<head>
<?php require("head.php"); ?>
</head>
<body class="home page-template page-template-template page-template-home-page page-template-templatehome-page-php page page-id-5 wp-embed-responsive group-blog responsive-menu-slide-left">
<div class="main_banner">
<div class="menu">
<div class="container">
<div class="col-sm-3 col-md-3">
<a href="https://labsinitiative.com/"><img src="https://labsinitiative.com/wp-content/themes/labsinitiative/images/logo.png" class="menu_logo"></a>
</div>
<div class="col-sm-9 col-md-9">
<div class="menu_all_items">
<div class="user-link"></div>
<div class="menu-main-menu-container">
<ul id="menu-main-menu" class="main-menu">
<li id="menu-item-162" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-162">
<a href="https://labsinitiative.com/transparency/">Transparency</a>
<ul class="sub-menu">
<li id="menu-item-2463" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2463"><a href="https://labsinitiative.com/factory-status-and-assessment-reports/">Factory Status & Assessment Reports</a></li>
<li id="menu-item-2464" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2464"><a href="https://labsinitiative.com/transparency/#remediations_update">Remediations Update</a></li>
</ul>
</li>
<li id="menu-item-163" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-163"><a href="https://labsinitiative.com/how-we-work/">How we work</a></li>
<li id="menu-item-164" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-164"><a href="https://labsinitiative.com/participants/">Participants</a></li>
<li id="menu-item-161" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-161"><a href="https://labsinitiative.com/resources/">Resources</a></li>
<li id="menu-item-1535" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1535"><a href="https://labsinitiative.com/the-latest/">The Latest</a></li>
<li id="menu-item-165" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-165"><a href="https://labsinitiative.com/join-us/">Join us</a></li>
<li id="menu-item-167" class="lrm-login nmr-logged-out menu-item menu-item-type-custom menu-item-object-custom menu-item-167"><a href="#">LOGIN</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="orange_line"></div>
</div>
<span class="responsive-menu-box">
<span class="responsive-menu-inner"></span>
</span>
<button id="responsive-menu-button" tabindex="1" class="responsive-menu-button responsive-menu-boring
responsive-menu-accessible" type="button" aria-label="Menu">
<span class="responsive-menu-box">
<span class="responsive-menu-inner"></span>
</span>
</button>
<div id="responsive-menu-container" class="slide-left">
<div id="responsive-menu-wrapper" role="navigation" aria-label="main-menu">
<ul id="responsive-menu" role="menubar" aria-label="main-menu" >
<li id="responsive-menu-item-162" class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children responsive-menu-item responsive-menu-item-has-children" role="none"><a href="https://labsinitiative.com/transparency/" class="responsive-menu-item-link" tabindex="1" role="menuitem">Transparency<div class="responsive-menu-subarrow">▼</div></a><ul aria-label='Transparency' role='menu' class='responsive-menu-submenu responsive-menu-submenu-depth-1'><li id="responsive-menu-item-2463" class=" menu-item menu-item-type-post_type menu-item-object-page responsive-menu-item" role="none"><a href="https://labsinitiative.com/factory-status-and-assessment-reports/" class="responsive-menu-item-link" tabindex="1" role="menuitem">Factory Status & Assessment Reports</a></li><li id="responsive-menu-item-2464" class=" menu-item menu-item-type-custom menu-item-object-custom responsive-menu-item" role="none"><a href="https://labsinitiative.com/transparency/#remediations_update" class="responsive-menu-item-link" tabindex="1" role="menuitem">Remediations Update</a></li></ul></li><li id="responsive-menu-item-163" class=" menu-item menu-item-type-post_type menu-item-object-page responsive-menu-item" role="none"><a href="https://labsinitiative.com/how-we-work/" class="responsive-menu-item-link" tabindex="1" role="menuitem">How we work</a></li><li id="responsive-menu-item-164" class=" menu-item menu-item-type-post_type menu-item-object-page responsive-menu-item" role="none"><a href="https://labsinitiative.com/participants/" class="responsive-menu-item-link" tabindex="1" role="menuitem">Participants</a></li><li id="responsive-menu-item-161" class=" menu-item menu-item-type-post_type menu-item-object-page responsive-menu-item" role="none"><a href="https://labsinitiative.com/resources/" class="responsive-menu-item-link" tabindex="1" role="menuitem">Resources</a></li><li id="responsive-menu-item-1535" class=" menu-item menu-item-type-post_type menu-item-object-page responsive-menu-item" role="none"><a href="https://labsinitiative.com/the-latest/" class="responsive-menu-item-link" tabindex="1" role="menuitem">The Latest</a></li><li id="responsive-menu-item-165" class=" menu-item menu-item-type-post_type menu-item-object-page responsive-menu-item" role="none"><a href="https://labsinitiative.com/join-us/" class="responsive-menu-item-link" tabindex="1" role="menuitem">Join us</a></li><li id="responsive-menu-item-167" class="lrm-login nmr-logged-out menu-item menu-item-type-custom menu-item-object-custom responsive-menu-item" role="none"><a href="#" class="responsive-menu-item-link" tabindex="1" role="menuitem">LOGIN</a></li>
</ul>
<div id="responsive-menu-search-box">
<form action="https://labsinitiative.com" class="responsive-menu-search-form" role="search">
<input type="search" name="s" title="Search" tabindex="1" placeholder="Search" class="responsive-menu-search-box">
</form>
</div>
<div id="responsive-menu-additional-content"></div>
</div>
</div>
<div class="headertop"></div>
<div class="container cmwidth-600">
<div class="col-md-12">
<h2>Chat with Us</h2>
<p>The Lab Support Team is ready to assist you. You can fill out the form below to chat with our expert.</p> <br/><br/>
</div>
<div class="col-md-12">
<section class="content">
<div class="container">
<style>
#chat_convo{
max-height: 65vh;
}
#chat_convo .direct-chat-messages{
min-height: 250px;
height: inherit;
}
#chat_convo .card-body {
overflow: auto;
}
</style>
<div class="container-fluid">
<div class="row">
<div class="col-lg-8 ">
<div class="card direct-chat direct-chat-primary" id="chat_convo">
<div class="card-header ui-sortable-handle" style="cursor: move;">
<h3 class="card-title">Ask Me</h3>
<div class="card-tools">
<button type="button" class="btn btn-tool" data-card-widget="collapse">
<i class="fas fa-minus"></i>
</button>
</div>
</div>
<!-- /.card-header -->
<div class="card-body">
<!-- Conversations are loaded here -->
<div class="direct-chat-messages">
<!-- Message. Default to the left -->
<div class="direct-chat-msg mr-4">
<img class="direct-chat-img border-1 border-primary" src="http://localhost/chatbot/dist/img/no-image-available.png" alt="message user image">
<!-- /.direct-chat-img -->
<div class="direct-chat-text">
Hi! I'm John, How can I help you? </div>
<!-- /.direct-chat-text -->
</div>
<!-- /.direct-chat-msg -->
<!-- /.contacts-list -->
</div>
<div class="end-convo"></div>
<!-- /.direct-chat-pane -->
</div>
<!-- /.card-body -->
<div class="card-footer">
<form id="send_chat" method="post">
<div class="input-group">
<textarea type="text" name="message" placeholder="Type Message ..." class="form-control" required=""></textarea>
<span class="input-group-append">
<button type="submit" class="btn btn-primary">Send</button>
</span>
</div>
</form>
</div>
<!-- /.card-footer-->
</div>
</div>
</div>
</div>
<div class="d-none" id="user_chat">
<div class="direct-chat-msg right ml-4">
<img class="direct-chat-img border-1 border-primary" src="http://localhost/chatbot/uploads/user_avatar.jpg" alt="message user image">
<!-- /.direct-chat-img -->
<div class="direct-chat-text"></div>
<!-- /.direct-chat-text -->
</div>
</div>
<div class="d-none" id="bot_chat">
<div class="direct-chat-msg mr-4">
<img class="direct-chat-img border-1 border-primary" src="http://localhost/chatbot/dist/img/no-image-available.png" alt="message user image">
<!-- /.direct-chat-img -->
<div class="direct-chat-text"></div>
<!-- /.direct-chat-text -->
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$('[name="message"]').keypress(function(e){
console.log()
if(e.which === 13 && e.originalEvent.shiftKey == false){
$('#send_chat').submit()
return false;
}
})
$('#send_chat').submit(function(e){
e.preventDefault();
var message = $('[name="message"]').val();
if(message == '' || message == null) return false;
var uchat = $('#user_chat').clone();
uchat.find('.direct-chat-text').html(message);
$('#chat_convo .direct-chat-messages').append(uchat.html());
$('[name="message"]').val('')
$("#chat_convo .card-body").animate({ scrollTop: $("#chat_convo .card-body").prop('scrollHeight') }, "fast");
$.ajax({
url:_base_url_+"classes/Master.php?f=get_response",
method:'POST',
data:{message:message},
error: err=>{
console.log(err)
alert_toast("An error occured.",'error');
end_loader();
},
success:function(resp){
if(resp){
resp = JSON.parse(resp)
if(resp.status == 'success'){
var bot_chat = $('#bot_chat').clone();
bot_chat.find('.direct-chat-text').html(resp.message);
$('#chat_convo .direct-chat-messages').append(bot_chat.html());
$("#chat_convo .card-body").animate({ scrollTop: $("#chat_convo .card-body").prop('scrollHeight') }, "fast");
}
}
}
})
})
})
</script>
</div>
</section>
</div>
</div>
</body>
</html>
<script>
function getAddress(str)
{
var address = "";
if(str=="1")
{
address = "RS NO : 145/1, 145/1-A, BOMMULURU VILLAGE, BAPULAPADU MANDAL";
}
else if(str=="2")
{
address = "Room A, 14/F Gaylord Commercial Building, 114-120 Lockhart Road, Wanchai,";
}
else if(str=="3")
{
address = "Street 02, Tam Phuoc IZ, Bien Hoa City, Dong Nai Province, Vietnam";
}
else if(str=="4")
{
address = "SURVEY NO 341/1,342,342/2,343/3, K SHETTIHALLY VILLAGE AND POST, SHRIRANGAPATNA TALUK";
}
$('#Address').val(address);
}
</script>