File: /var/www/html/labs/chatbot/chat-form-step-1.php
<!DOCTYPE html>
<html lang="en-US" class="no-js">
<head>
<?php require("head.php"); ?>
<style>
.error
{
color:red;
}
.errorform
{
border: 1px solid red;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 999999;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80%;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99999;
background-color: #000;
}
.close
{
display: none;
}
.modal-footer {
padding-right: 30px;
padding-bottom: 25px;
}
.modal-footer-alert {
text-align:center !important;
}
.loader
{
padding: auto;
height: 10px;
width:100%;
margin-bottom:20px;
}
#myModalAlert
{
display:none;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
$('.btnRefresh').click(function(){
$("#captcha_code").attr('src','captcha.php');
return false;
})
$('#myModal').modal({
backdrop: 'static',
keyboard: false
})
// $('#myModalAlert').modal({
// backdrop: 'static',
// keyboard: false
// })
$('#phone').keypress(function (e) {
var charCode = (e.which) ? e.which : event.keyCode
if (String.fromCharCode(charCode).match(/[^0-9]/g))
return false;
});
})
$(window).on('load', function() {
$('#myModalAlert').modal('hide');
$('#myModal').modal('show');
});
function captchavalidate()
{
var captchaAnswer = $('#captchaAnswer').val();
if(!captchaAnswer)
{
alert("Please Enter Captcha Code.");
return false;
}
else
{
$.ajax({
type: "POST",
url: 'captchavalidator.php',
data: {send:'done', captcha: captchaAnswer},
success: function(resdata){
// console.log(data);
const data = JSON.parse(resdata);
if(data.code == "200")
{
$('#myModal').modal('hide');
}
else
{
alert(data.message);
return false;
}
},
error: function(xhr, status, error){
console.error(xhr);
}
});
}
}
function removeError(str)
{
$("#"+str).removeClass("errorform");
}
function submittocase()
{
var fullname = $('#fullname').val();
fullname = fullname ? fullname : '';
var phone = $('#phone').val();
phone = phone ? phone : '';
var category = $('#category').val();
category = category ? category : '';
var subcategory = $('#subcategory').val();
subcategory = subcategory ? subcategory : '';
if(!fullname)
{
//alert("Please Enter Fullname.");
$("#fullname").addClass("errorform");
return false;
}
else if(!phone)
{
//alert("Please Enter phone number.");
$("#phone").addClass("errorform");
return false;
}
else
{
$("#fullname").removeClass("errorform");
$("#phone").removeClass("errorform");
localStorage.clear();
var postdata = {Fullname: fullname, Phone: phone, Category: category, Subcategory: subcategory};
$('#myModalAlert').modal('show');
$.ajax({
type: "POST",
url: 'ajax_case_create.php',
data: postdata,
success: function(resdata){
const data = JSON.parse(resdata);
const CaseId = data.CaseId;
if(data.statusCode == 200)
{
$('#heading-caseid').html('# '+CaseId);
$('#myModalAlert').modal('hide');
localStorage.setItem("CaseId", CaseId);
if(CaseId)
{
window.location.href="chat-form-step-2.php";
}
}
else
{
alert(data.message);
return false;
}
},
error: function(xhr, status, error){
console.error(xhr);
}
});
// window.location.href="chat-form-step-2.php";
}
}
</script>
</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 LABS support team is ready to assist you.</p> <br/><br/>
</div>
<div class="col-md-12">
<form>
<div class="form-row">
<div class="form-group col-md-6">
<label for="fullname">Full Name <span class="error">*</span></label>
<input type="text" class="form-control" id="fullname" placeholder="Name" onchange="removeError('fullname')">
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="phone">Phone <span class="error">*</span></label>
<input type="text" class="form-control" id="phone" placeholder="Phone" onchange="removeError('phone')">
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="category">Category </label>
<select id="category" class="form-control">
<option selected value="">Choose...</option>
<option value="LABS">LABS</option>
<option value="Non LABS">Non LABS</option>
</select>
</div>
<div class="form-group col-md-6">
<label for="subcategory">Sub Category</label>
<select id="subcategory" class="form-control">
<option selected value="">Choose...</option>
<option value="Critical">Critical</option>
<option value="Non-Critical">Non-Critical</option>
</select>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-12 text-center" >
<a onclick="submittocase();" href="javascript:void(0);" class="btn btn-primary">Next</a>
</div>
</div>
</form>
</div>
</div>
<div class="container" >
<div class="modal" id="myModal">
<div class="modal-dialog">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">Captcha Validate</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<!-- Modal body -->
<div class="modal-body">
<div class="form-row">
<div class="form-group col-md-6">
<label for="inputEmail4">Captcha Code</label>
<img id="captcha_code" src="captcha.php" alt="PHP Captcha"> <button class="btnRefresh" name="submit"><i class="fa fa-refresh" aria-hidden="true"></i></button>
</div>
<div class="form-group col-md-6 " style="margin-top: 6px;">
<label for="inputEmail4"></label>
<input type="text" class="form-control" id="captchaAnswer" value="">
</div>
</div>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<!-- <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button> -->
<button type="button" class="btn btn-success" onclick="captchavalidate();" >Submit</button>
</div>
</div>
</div>
</div>
</div>
<!-- Success Alert Message -->
<div class="container" >
<div class="modal" id="myModalAlert">
<div class="modal-dialog">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header text-center">
<h5 class="modal-title">Please wait...</h5>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<!-- Modal body -->
<div class="modal-body">
<div class="col-md-12 text-center">
<img src="images/process-loader.gif" class="loader" >
<div class="clearfix"></div>
</div>
</div>
<!-- Modal footer -->
<div class="modal-footer modal-footer-alert">
<!-- <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button> -->
<h4 id="heading-caseid"></h4>
</div>
</div>
</div>
</div>
</div>
<!-- End Success Alert Message -->
</body>
</html>