File: /var/www/html/labs/chatbot/chat-form-step-2.php
<?php header('Access-Control-Allow-Origin: *'); ?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="gu">
<head>
<?php require("head.php"); ?>
<style>
#addDiv
{
display:none;
}
.select2-container .select2-selection--single{
height:34px !important;
}
.select2-container--default .select2-selection--single{
border: 1px solid #ccc;
border-radius: 0px;
}
.errorform
{
border: 1px solid red !important;
}
</style>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></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 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">
<form>
<div class="form-row">
<div class="form-group col-md-12">
<label for="inputEmail4">Factory <span class="error">*</span></label>
<!-- <select id="inputState" class="form-control" onchange="getAddress(this.value);">
<option selected>Choose...</option>
<option value="1">1947 INC</option>
<option value="2">8 Star Sportswear Ltd</option>
<option value="3">A First Vina Co. Ltd</option>
<option value="4">AHP APPAREL PVT LTD., UNIT - 45</option>
</select> -->
<select class="form-control select2" id="locality-dropdown" onchange="removeError();">
</select>
</div>
<div class="form-group col-md-12" id="addDiv">
<label for="inputPassword4">Address</label>
<p id="Address" ></p>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-12 text-center">
<!-- <a href="chat-form-step-1.php" class="btn btn-primary">Back</a> -->
<a href="javascript:void(0);" onclick="submittocase();" class="btn btn-primary">Start</a>
</div>
</div>
</form>
</div>
</div>
</body>
</html>
<script>
$('.select2').select2();
</script>
<script>
/* When the user clicks on the button,
toggle between hiding and showing the dropdown content */
function myFunction() {
document.getElementById("myDropdown").classList.toggle("show");
}
function filterFunction() {
var input, filter, ul, li, a, i;
input = document.getElementById("myInput");
filter = input.value.toUpperCase();
div = document.getElementById("myDropdown");
a = div.getElementsByTagName("a");
for (i = 0; i < a.length; i++) {
txtValue = a[i].textContent || a[i].innerText;
if (txtValue.toUpperCase().indexOf(filter) > -1) {
a[i].style.display = "";
} else {
a[i].style.display = "none";
}
}
}
</script>
<script>
$(document).ready(function(){
$('#locality-dropdown').change(function(){
$('#addDiv').hide();
var address = $(this).children('option:selected').data('id');
if(address)
{
$('#addDiv').show();
$('#Address').html(address);
}
});
});
getFactoryList();
function getFactoryList()
{
let dropdown = $('#locality-dropdown');
dropdown.append('<option selected="true" disabled>Please wait...</option>');
dropdown.prop('selectedIndex', 0);
$.get('ajax_factory_list.php', // url
function (data, textStatus, jqXHR) { // success callback
//alert('status: ' + textStatus + ', data:' + data);
var response = JSON.parse(data);
var lengthJson = response.length;
if(lengthJson > 0){
dropdown.html("");
dropdown.append('<option selected="true" disabled>Choose Factory</option>');
dropdown.prop('selectedIndex', 0);
$.each(response, function(i, option) {
$('#locality-dropdown').append($('<option/>').attr("value", option.Id).attr("data-id", option.BillingStreet).text(option.Name+" ("+option.BillingCity+") "));
});
}
});
}
function removeError()
{
$(".select2-selection--single").removeClass("errorform");
}
function submittocase()
{
var caseId = localStorage.getItem("CaseId");
var factoryid = $('#locality-dropdown').val();
if(!caseId)
{
return false;
}
else if(!factoryid)
{
$(".select2-selection--single").addClass("errorform");
return false;
}
else
{
$("#fullname").removeClass("errorform");
$("#phone").removeClass("errorform");
var postdata = {Caseid: caseId, Factoryid: factoryid};
$.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)
{
if(CaseId)
{
window.location.href="chat-form-step-3.php";
}
}
else
{
alert(data.message);
return false;
}
},
error: function(xhr, status, error){
console.error(xhr);
}
});
// window.location.href="chat-form-step-2.php";
}
}
</script>