File: /home/klungadmin/domains/klungbaan.com/private_html/chat-system/index.php
<?php
$config = (@$_GET['lang']==''||@$_GET['lang']=='th'?'config_th.php' : 'config_en.php');
require_once('config/'.$config);
require_once('config/connect.php');
require_once('class/class_main.php');
$cls = new Main($pdo);
$utm_source = $utm_medium = $utm_campaign = '';
if(@isset($_GET["utm_source"]) && @$_GET['utm_source'] == 'facebook'){
$utm_source = 'facebook';
} else {
$utm_source = 'line';
}
if( isset($_GET["utm_medium"] ) ){
$utm_medium = $_GET['utm_medium'];
}
if( isset($_GET["utm_campaign"] ) ){
$utm_campaign = $_GET['utm_campaign'];
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>ข้อมูลลูกค้า</title>
<?php include('header.php'); ?>
<link href="<?php path_root ?>assets/sb-admin-2/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<style>
body {
background-color: #00335a;
}
.bg-login-image {
background: url(https://www.klungbaan.com/chat-system/assets/img/BG-LEAD.jpg);
background-position: center;
background-size: cover;
}
.easy-autocomplete {
width:100%;
}
.form-group {
margin-bottom: 25px;
}
.form-control {
height: 45px;
border-radius: 10px !important;
}
label {
font-weight: 100;
}
.custom-radio {
display:inline;
padding-right: 15px;
}
.custom-control-label::before {
width: 3rem;
height: 3rem;
}
.custom-control-label::after {
width: 3rem;
height: 3rem;
}
.custom-control-input:checked~.custom-control-label::before {
color:black;
border-color: #fcf500;
background-color: #fcf500;
}
.custom-radio.small label {
line-height: 3.5rem !important;
padding-left: 25px;
}
.has-error .form-control {
border-color: #fcf500 !important;
}
.has-error .radio, .has-error .radio-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.radio label, .has-error.radio-inline label, .has-error.radio label, .has-error.radio-inline label {
color: #fcf500;
}
.error:after {
text-shadow: -1px 0 #fcf500;
}
.easy-autocomplete-container li{
color: black !important;
}
@media (max-width: 768px){
.custom-control-label::before {
width: 2rem;
height: 2rem;
}
.custom-control-label::after {
width: 2rem;
height: 2rem;
}
.custom-radio.small label {
line-height: 2.5rem !important;
padding-left: 10px;
}
.custom-radio {
padding-right: 5px;
}
}
</style>
</head>
<!-- <body class="bg-gradient-primary"> -->
<body class="">
<div class="container" style="width: 100%;max-width: 100%;">
<!-- <div class=""> -->
<!-- Outer Row -->
<div class="row justify-content-center">
<!-- <div class="col-xl-12 col-lg-12 col-md-9"> -->
<div class="">
<div class="card o-hidden border-0">
<div class="card-body p-0 text-white" style="background-color: #00335a;">
<!-- Nested Row within Card Body -->
<div class="row">
<div class="col-lg-6 d-none d-lg-block bg-login-image p-0"></div>
<div class="col-lg-6">
<div class="p-3">
<div class="text-left">
<h1 class="h4 text-white-900 mb-2" style="font-size: 20px;font-weight: bold;">ค้นหาบ้าน-คอนโดฯ ที่เหมาะสมกับคุณ</h1><br>
<p class="mb-4">แจ้งข้อมูลให้เราทราบเราจะประสานกับเจ้าหน้าที่โครงการ หรือเจ้าของประกาศ เพื่อให้ติดต่อให้ข้อมูลเพิ่มเติมกับคุณโดยตรง</p><br>
</div>
<form id="customer_order" class="user" method="post" enctype="multipart/form-data">
<div><label for="">เลือกได้ 1 ช่อง <em style="color: #fcf500;">*</em></label></div>
<div class="custom-control custom-radio small">
<input type="radio" class="custom-control-input" name="chk_source[]" id="chk_new" value = "new" checked>
<label class="custom-control-label" for="chk_new">โครงการใหม่</label>
</div>
<div class="custom-control custom-radio small">
<input type="radio" class="custom-control-input" name="chk_source[]" id="chk_www" value = "www">
<label class="custom-control-label" for="chk_www">บ้านมือสอง</label>
</div>
<div class="custom-control custom-radio small">
<input type="radio" class="custom-control-input" name="chk_source[]" id="chk_rent" value = "rent">
<label class="custom-control-label" for="chk_rent">บ้านเช่า</label>
</div>
<br><br>
<div class="form-group row">
<div class="col-sm-6 mb-3 mb-sm-0">
<label for="">ชื่อ <em style="color: #fcf500;">*</em></label>
<input type="text" class="form-control" id="FirstName" name="FirstName"
placeholder="ชื่อ" >
</div>
<div class="col-sm-6">
<label for="">นามสกุล <em style="color: #fcf500;">*</em></label>
<input type="text" class="form-control" id="LastName" name="LastName"
placeholder="นามสกุล" >
</div>
</div>
<div class="form-group row">
<div class="col-sm-6 mb-3 mb-sm-0">
<label for="">อายุ <em style="color: #fcf500;">*</em></label>
<select class="form-control" name="Age" id="Age" >
<option class="" value="" selected>เลือกอายุ</option>
<option class="" value="17" >ต่ำกว่า 18</option>
<option class="" value="18-24" >18 - 24</option>
<option class="" value="25-35" >25 - 35</option>
<option class="" value="35-44" >35 - 44</option>
<option class="" value="45-54" >18 - 24</option>
<option class="" value="55-64" >25 - 35</option>
<option class="" value="65" >มากว่า 64</option>
</select>
</div>
<div class="col-sm-6 mb-3 mb-sm-0">
<label for="">เหตุผลในการซื้อ/เช่า <em style="color: #fcf500;">*</em></label>
<select class="form-control" name="reason_buy" id="reason_buy" >
<option class="" value="" selected>เลือกเหตุผล</option>
<option class="" value="ขยายครอบครัว" >ขยายครอบครัว</option>
<option class="" value="ไม่ต้องการเช่า" >ไม่ต้องการเช่า</option>
<option class="" value="ลงทุน" >ลงทุน</option>
<option class="" value="ตากอากาศ" >ตากอากาศ</option>
</select>
</div>
</div>
<div class="form-group row">
<div class="col-sm-6 mb-3 mb-sm-0">
<label for="">เบอร์ติดต่อ <em style="color: #fcf500;">*</em></label>
<input type="text" id="PhoneNo" name="PhoneNo" class="form-control"
placeholder="เบอร์โทร" >
</div>
<div class="col-sm-6">
<label for="">Email</label>
<input type="email" id="Email" name="Email" class="form-control"
placeholder="Email" >
</div>
</div>
<div class="form-group row">
<div class="col-sm-6 mb-3 mb-sm-0">
<label for="">อาชีพ <em style="color: #fcf500;">*</em></label>
<select class="form-control" name="PropJobText" id="PropJobText" >
<option class="" value="" selected>เลือกอาชีพ</option>
<option class="" value="ข้าราชการ/รัฐวิสาหกิจ" >ข้าราชการ/รัฐวิสาหกิจ</option>
<option class="" value="พนักงานบริษัทเอกชน" >พนักงานบริษัทเอกชน</option>
<option class="" value="ธุรกิจส่วนตัว" >ธุรกิจส่วนตัว</option>
<option class="" value="อาชีพอิสระ/ฟรีแลนซ์" >อาชีพอิสระ/ฟรีแลนซ์</option>
</select>
</div>
<div class="col-sm-6">
<label for="">รายได้เฉลี่ยต่อเดือน <em style="color: #fcf500;">*</em></label>
<select class="form-control" name="PropIncomeRange" id="PropIncomeRange" >
<option class="" value="" selected>เลือกรายได้</option>
<option class="" value="19999" >ต่ำกว่า 20,000 บาท/เดือน</option>
<option class="" value="20000-50000" >20,000 - 50,000 บาท/เดือน</option>
<option class="" value="50001-100000" >50,001 - 100,000 บาท/เดือน</option>
<option class="" value="100001-200000" >100,001 - 200,000 บาท/เดือน</option>
<option class="" value="200001" >มากกว่า 200,000 บาท/เดือน</option>
</select>
</div>
</div>
<div class="form-group row">
<div class="col-sm-6 mb-3 mb-sm-0">
<label for="">ประเภทอสังหาฯ </label>
<select class="form-control" name="Prop_Type" id="Prop_Type" >
<option class="" value="" selected>เลือกประเภทอสังหาฯ</option>
<option class="" value="คอนโดมิเนียม" >คอนโดมิเนียม</option>
<option class="" value="ตึกแถว / อาคารพาณิชย์" >ตึกแถว / อาคารพาณิชย์</option>
<option class="" value="ทาวน์เฮ้าส์ / ทาวน์โฮม" >ทาวน์เฮ้าส์ / ทาวน์โฮม</option>
<option class="" value="ที่ดินเปล่า" >ที่ดินเปล่า</option>
<option class="" value="บ้านเดี่ยว / บ้านแฝด" >บ้านเดี่ยว / บ้านแฝด</option>
<option class="" value="อพาร์ทเม้นท์ / หอพัก" >อพาร์ทเม้นท์ / หอพัก</option>
<option class="" value="โกดัง / โรงงาน" >โกดัง / โรงงาน</option>
<option class="" value="home-office" >โกดัง / โรงงาน</option>
</select>
</div>
<div class="col-sm-6">
<label for="">ราคาอสังหาฯ <em style="color: #fcf500;">*</em></label>
<select class="form-control" name="PropPriceRange" id="PropPriceRange" >
<option class="" value="" selected>เลือกราคา</option>
<option class="" value="1999999">ราคาต่ำกว่า 2 ล้านบาท</option>
<option class="" value="2000000-5000000" >ราคา 2-5 ล้านบาท</option>
<option class="" value="5000001-10000000" >ราคา 5-10 ล้านบาท</option>
<option class="" value="10000001-20000000" >ราคา 10-20 ล้านบาท</option>
<option class="" value="20000001" >ราคามากกว่า 20 ล้านบาท</option>
</select>
<!-- <input type="text" id="PropPrice" name="PropPrice" class="form-control"
placeholder="ราคาอสังหาฯ (ตัวเลข)" onkeyup="dokeyup(this, event);" onchange="dokeyup(this, event);" onkeypress="return Numbers(event)"/> -->
</div>
</div>
<div class="form-group row">
<div class="col-sm-6 mb-3 mb-sm-0">
<label for="">จังหวัด <em style="color: #fcf500;">*</em></label>
<select class="form-control" name="sel_province" id="sel_province" >
<option class="" value="" selected>---เลือกจังหวัด---</option>
<?php
$qry_sel_state = "";
if ($utm_source == 'facebook') {
$qry_sel_state = "PROVINCE_NAME IN ('ชลบุรี','ระยอง','ฉะเชิงเทรา')";
}
$data = $cls->getData('province',$qry_sel_state,'PROVINCE_NAME ASC');
foreach($data as $row){
$PROVINCE_ID = isset($row['PROVINCE_ID']) ? $row['PROVINCE_ID'] : "";
$PROVINCE_NAME = isset($row['PROVINCE_NAME']) ? $row['PROVINCE_NAME'] : "";
echo '<option value="'.$PROVINCE_ID.'">'.$PROVINCE_NAME.'</option>';
}
?>
</select>
<input type="hidden" id="hid_Prop_State" name="hid_Prop_State" value="">
</div>
<div class="col-sm-6">
<label for="">อำเภอ </label>
<select class="form-control" name="sel_amphur" id="sel_amphur" ></select>
<input type="hidden" id="hid_Prop_City" name="hid_Prop_City">
</div>
</div>
<!-- <div class="form-group">
<select class="form-control" name="sel_district" id="sel_district" >
</select>
<input type="hidden" id="hid_respone_district" name="hid_respone_district" value="">
</div> -->
<!-- <div class="form-group">
<input type="text" id="postcode" name="postcode" class="form-control"
placeholder="รหัสไปรษณีย์" >
</div> -->
<div class="form-group row">
<div class="col-sm-12"><label for="">โครงการที่สนใจ (ถ้ามี)</label></div>
<div class="col-sm-4">
<input type="text" id="prop_like1" name="prop_like1" class="form-control" placeholder="โครงการที่ 1" style="margin-top:5px;">
</div>
<div class="col-sm-4">
<input type="text" id="prop_like2" name="prop_like2" class="form-control" placeholder="โครงการที่ 2" style="margin-top:5px;">
</div>
<div class="col-sm-4">
<input type="text" id="prop_like3" name="prop_like3" class="form-control" placeholder="โครงการที่ 3" style="margin-top:5px;">
</div>
</div>
<div class="form-group">
<label for="">หมายเหตุ</label>
<textarea id="Address" name="Address" class="form-control" style="height: 100px;"
placeholder="หมายเหตุ เช่น ติดถนนสุขุมวิท ริมทะเล โครงการรถไฟฟ้า ห้างสรรพสินค้า"></textarea>
</div>
<div class="form-group">
<input type="checkbox" name="AllowedInfo" id="AllowedInfo" value = "1" checked>
<span for="accept_policy">ข้าพเจ้าตกลงรับข่าวสาร ข้อเสนอโปรโมชั่น ข้อมูลส่งเสริมการขายและการตลาด จากบริษัทด้านอสังหาริมทรัพย์ ที่มีสินค้าและบริการอยู่ในพื้นที่ตามที่ได้ให้ข้อมูลไว้ เจ้าหน้าที่แต่ละโครงการจะติดต่อกลับเพื่อให้ข้อมูล พร้อมสิทธิพิเศษเฉพาะผู้ลงทะเบียนด้วยตนเองในการใช้งาน
</div>
<div class="form-group">
<input type="checkbox" name="accept_policy" id="accept_policy" value = "yes">
ยอมรับ<a href="https://new.klungbaan.com/properties_term_condition/" target="_blank" style="color:#ffed00;">เงื่อนไขและข้อตกลง</a>ในการใช้งาน
</div>
<div class="form-group text-center ele_action">
<input type="hidden" id="hid_utm_source" name="hid_utm_source" value="<?php echo $utm_source; ?>">
<input type="hidden" id="hid_utm_medium" name="hid_utm_medium" value="<?php echo $utm_medium; ?>">
<input type="hidden" id="hid_line_userID" name="hid_line_userID" value="">
<input type="hidden" id="hid_line_displayName" name="hid_line_displayName" value="<?php echo $utm_campaign; ?>">
<input type="hidden" id="hid_input_source" name="hid_input_source" value="">
<input type="hidden" id="submit_form" name="submit_form" value="send">
<div><input type="submit" class="form-control btn_submit_form" name="btn_submit_form" value="ค้นหาทันที"
style="background-color: #fcf500;color: black;font-weight: bold;max-width: 300px;display:inline-block"></div>
</div>
<img id="pictureUrl" width="25%">
<!-- <p id="userId"></p>
<p id="displayName"></p>
<p id="statusMessage"></p>
<p id="getDecodedIDToken"></p> -->
</form>
<hr>
<!-- <a href="#" onclick="send_msg('66666666')">send_msg</a> -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<?php include('footer.php'); ?>
<script type="text/javascript" src="<?php path_root ?>assets/js/fn_call_ajax.js"></script>
<?php if( $utm_source == 'line'){ ?>
<script src="<?php path_root ?>assets/js/line-liff-sdk-v2.js"></script>
<script>
function runApp() {
liff.getProfile().then(profile => {
// document.getElementById("pictureUrl").src = profile.pictureUrl;
document.getElementById("hid_line_userID").value = profile.userId;
document.getElementById("hid_line_displayName").value = profile.displayName;
// document.getElementById("statusMessage").innerHTML = '<b>StatusMessage:</b> ' + profile.statusMessage;
// document.getElementById("getDecodedIDToken").innerHTML = '<b>Email:</b> ' + liff.getDecodedIDToken().email;
}).catch(err => console.error(err));
}
liff.init({ liffId: "1653673472-NGebXQXZ" }, () => {
if (liff.isLoggedIn()) {
runApp()
} else {
liff.login();
}
}, err => console.error(err.code, error.message));
function send_msg(msg_reply_admin){
liff.sendMessages([{
'type': 'text',
'text': msg_reply_admin
}]).then(function() {
//window.alert('Message sent');
}).catch(function(error) {
//window.alert('Error sending message: ' + error);
});
}
</script>
<?php } ?>
<link rel="stylesheet" type="text/css" href="<?php path_root ?>assets/js/easyautocomplete/easy-autocomplete.min.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?php path_root ?>assets/js/easyautocomplete/easy-autocomplete.themes.min.css" media="all" />
<script type="text/javascript" src="<?php path_root ?>assets/js/easyautocomplete/jquery.easy-autocomplete.js"></script>
<script type="text/javascript" src="<?php path_root ?>assets/js/jquery.validate.js"></script>
<script type="text/javascript">
// $.validator.setDefaults( {
// submitHandler: function () {
// alert( "submitted!" );
// }
// } );
//nueng function format comma
function Numbers(e) {
var keynum;
var keychar;
var numcheck;
if (window.event) {
//IE
keynum = e.keyCode;
} else if (e.which) {
// Netscape/Firefox/Opera
keynum = e.which;
}
if (keynum != 8 && keynum != 46 && (keynum < 48 || keynum > 57)) {
return false;
}
}
function dokeyup(obj, e) {
var keynum;
if (window.event) {
// IE
keynum = e.keyCode;
} else if (e.which) {
// Netscape/Firefox/Opera
keynum = e.which;
}
if (keynum != 37 & keynum != 39 & keynum != 110) {
var value = obj.value;
var svals = value.split("."); //Cut decimal point
var sval = svals[0]; //Integer
var n = 0;
var result = "";
var c = "";
for (a = sval.length - 1; a >= 0; a--) {
c = sval.charAt(a);
if (c != ',') {
n++;
if (n == 4) {
result = "," + result;
n = 1;
};
result = c + result;
};
};
if (svals[1]) {
result = result + '.' + svals[1];
};
obj.value = result;
};
};
//end nueng
$( document ).ready( function () {
var link_source = window.location.href;
$('#hid_input_source').val(link_source);
jQuery("input[name = 'chk_source[]']").on("click", function(e) {
var html_sel_PropPriceRange = '';
if ( $('#chk_rent').prop("checked") ){
html_sel_PropPriceRange = '<option value="" selected>เลือกราคา</option>'+
'<option value="1999">ต่ำกว่า 2,000 บาทต่อเดือน</option>'+
'<option value="2000-10000" >2,000 – 10,000 บาทต่อเดือน</option>'+
'<option value="10001-30000" >10,000 – 30,000 บาทต่อเดือน</option>'+
'<option value="30001-100000" >30,000 – 100,000 บาทต่อเดือน</option>'+
'<option value="100001" >มากกว่า 100,000 บาทต่อเดือน</option>';
} else {
html_sel_PropPriceRange = '<option value="" selected>เลือกราคา</option>'+
'<option value="1999999">ราคาต่ำกว่า 2 ล้านบาท</option>'+
'<option value="2000000-5000000" >ราคา 2-5 ล้านบาท</option>'+
'<option value="5000001-10000000" >ราคา 5-10 ล้านบาท</option>'+
'<option value="10000001-20000000" >ราคา 10-20 ล้านบาท</option>'+
'<option value="20000001" >ราคามากกว่า 20 ล้านบาท</option>';
}
$('#PropPriceRange').html(html_sel_PropPriceRange);
});
jQuery(".btn_submit_form").on("click", function(e) {
if ( !$('#chk_new').prop("checked") && !$('#chk_www').prop("checked") && !$('#chk_rent').prop("checked") ){
alert("กรุณาเลือก [โครงการใหม่],[บ้านมือสอง],[บ้านเช่า] อย่างใดอย่าง 1");
}
if ( !$('#accept_policy').prop("checked") ){
alert("กรุณาเลือก กดยอมรับเงื่อนไข");
}
});
var options = {
url: function(phrase) {
return path_root + "controller/helper_controller.php?search=" +
phrase + "&state=" + ($("#hid_Prop_State").val() || "") + "&enable=1";
},
getValue: function(element) {
//console.log(element);
return element.post_title;
},
list: {
onClickEvent: function(item, index) {
console.log(item);
console.log(index);
},
match: {
enabled: true
}
},
requestDelay: 400
};
$("[id^=prop_like]").easyAutocomplete(options);
// $("#prop_like1").easyAutocomplete(options);
$( "#customer_order" ).validate( {
submitHandler: function (form) {
var form_id = 'customer_order';
var url = path_root + 'controller/users_controller.php';
saveForm(form_id, url);
},
rules: {
'chk_source[]': {
required: true
},
accept_policy: "required",
FirstName: "required",
LastName: "required",
Age: "required",
reason_buy: "required",
PropPriceRange: "required",
PhoneNo: {
required: true,
minlength: 10,
maxlength: 10
},
PropJobText: "required",
PropIncomeRange: "required",
// Address: "required",
sel_province: "required",
sel_amphur: "required",
// sel_district: "required",
},
messages: {
'chk_source[]': "You must check at least 1 box",
FirstName: "กรุณากรอกชื่อ",
LastName: "กรุณากรอกนามสกุล",
Age: "กรุณาเลือกอายุ",
reason_buy: "กรุณาเลือกเหตุผลในการซื้อ",
PropPriceRange: "กรุณาเลือกราคา",
PhoneNo: {
required: "กรุณากรอกเบอร์โทร",
minlength: "กรอกให้ครบ 10 ตัว",
maxlength: "กรอกให้ครบ 10 ตัว"
},
PropJobText: "กรุณาเลือกอาชีพ",
PropIncomeRange: "กรุณาเลือกรายได้/เดือน",
// Address: "กรุณากรอกที่อยู่",
sel_province: "กรุณาเลือกจังหวัด",
sel_amphur: "กรุณาเลือกอำเภอ",
// sel_district: "กรุณาเลือกตำบล",
},
errorElement: "em",
errorPlacement: function ( error, element ) {
// Add the `help-block` class to the error element
error.addClass( "help-block" );
if ( element.prop( "type" ) === "checkbox" ) {
error.insertAfter( element.parent( "label" ) );
} else {
error.insertAfter( element );
}
},
highlight: function ( element, errorClass, validClass ) {
$( element ).parents( ".form-group" ).addClass( "has-error" ).removeClass( "has-success" );
},
unhighlight: function (element, errorClass, validClass) {
$( element ).parents( ".form-group" ).addClass( "has-success" ).removeClass( "has-error" );
}
} );
} );
</script>
</body>
</html>