447 lines
14 KiB
PHP
447 lines
14 KiB
PHP
<?php
|
|
|
|
namespace app\controller;
|
|
|
|
use support\Request;
|
|
|
|
class IndexController_bak
|
|
{
|
|
|
|
|
|
|
|
public function form(Request $request)
|
|
{
|
|
$params = $request->all();
|
|
|
|
$config = [
|
|
'iLang' => 'en',
|
|
'Act' => 'Inquiry',
|
|
'post_url' => 'https://transmit.dev.hnxinyouhe.com/form?m=Data&a=save',
|
|
'mailto' => 'info@magicbridgeauto.com',
|
|
'fromDomain' => 'magicbridgeauto.com',
|
|
'fromPath' => parse_url($params['fromlink'], PHP_URL_PATH),
|
|
'm' => $params['m'],
|
|
'a' => $params['a'],
|
|
'tid' => $params['tid'],
|
|
'cid' => $params['cid'],
|
|
'version' => $params['version'],
|
|
'fromlink' => $params['fromlink']
|
|
];
|
|
|
|
if ($request->method() == 'POST') {
|
|
|
|
|
|
|
|
$data = [
|
|
'iLang' => $params[''],
|
|
'Act' => $params[''],
|
|
'mailto' => $params[''],
|
|
'customerId' => $params[''],
|
|
'fromDomain' => $params[''],
|
|
'fromlink' => $params[''],
|
|
'fromPath' => $params[''],
|
|
'navigator.language' => $params[''],
|
|
'navigator.platform' => $params[''],
|
|
'screen.width' => $params[''],
|
|
'screen.height' => $params[''],
|
|
'userName' => $params[''],
|
|
'uCountry' => $params[''],
|
|
'userEMail' => $params[''],
|
|
'userTel' => $params[''],
|
|
'Message' => $params[''],
|
|
|
|
|
|
];
|
|
|
|
return json([
|
|
'code' => 200,
|
|
'data' => [],
|
|
'message' => 'Thank you for your message! We will contact with you soon.'
|
|
]);
|
|
}
|
|
|
|
|
|
$html = match ($params['tid']) {
|
|
'en-5-LP-pnx' => $this->formHmtl($config),
|
|
'en-3-P-vdx' => $this->formHmtl2($config)
|
|
};
|
|
|
|
return json([
|
|
'code' => 200,
|
|
'data' => [
|
|
'html' => $html
|
|
],
|
|
'message' => 'success'
|
|
]);
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
public function formHmtl($config)
|
|
{
|
|
// https://v1.xzgoogle.com/form.php?m=Temp&a=getTpl&tid=en-5-LP-pnx&cid=760&version=v4&fromlink=https://magicbridgeauto.com/contact-us/
|
|
|
|
$html =
|
|
'<form class="xz-form-x xz-form-pnx" action="'.$config['post_url'].'">
|
|
|
|
<style>
|
|
.xz-form-pnx {
|
|
--c-theme: #BB0010;
|
|
--c-border: #f0f0f0;
|
|
--c-bg: #fff;
|
|
--c-label: #333;
|
|
--c-font: #666;
|
|
--c-green: #00B160;
|
|
--size: 1.6rem;
|
|
--gap: 1.25em;
|
|
--h: 3em;
|
|
--lh: 1.8em;
|
|
--pd: .4em .625em;
|
|
--br: 4px;
|
|
--btn-w: 18.75em;
|
|
--btn-jc: center;
|
|
--lines: 4;
|
|
}
|
|
.xz-form-pnx {
|
|
font-size: var(--size);
|
|
}
|
|
|
|
.xz-form-pnx .xz-form-infos {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
grid-gap: var(--gap);
|
|
margin-bottom: var(--gap);
|
|
}
|
|
|
|
.xz-form-pnx .xz-form-info,
|
|
.xz-form-pnx .xz-form-msg {
|
|
border: solid 1px var(--c-border);
|
|
background: var(--c-bg);
|
|
padding: var(--pd);
|
|
display: flex;
|
|
align-items: center;
|
|
border-radius: var(--br);
|
|
box-sizing: border-box;
|
|
}
|
|
.xz-form-pnx .xz-form-info {
|
|
height: var(--h);
|
|
}
|
|
.xz-form-pnx .xz-form-msg {
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.xz-form-pnx .xz-form-input,
|
|
.xz-form-pnx .xz-form-textarea {
|
|
width: 100%;
|
|
border: none;
|
|
font-size: var(--size);
|
|
line-height: var(--lh);
|
|
outline: 0;
|
|
padding: 0;
|
|
margin-left: 1em;
|
|
color: var(--c-font);
|
|
}
|
|
.xz-form-pnx .xz-form-textarea {
|
|
height: calc(var(--lh) * var(--lines));
|
|
min-height: var(--h);
|
|
font-family: inherit;
|
|
resize: none;
|
|
}
|
|
|
|
.xz-form-pnx .xz-form-label {
|
|
display: block;
|
|
color: var(--c-label);
|
|
line-height: var(--lh);
|
|
white-space: nowrap;
|
|
}
|
|
.xz-form-pnx .xz-form-label.required:after {
|
|
content: "*";
|
|
margin-left: .625em;
|
|
color: var(--c-theme);
|
|
}
|
|
|
|
.xz-form-pnx .xz-form-btns {
|
|
margin-top: var(--gap);
|
|
display: flex;
|
|
justify-content: var(--btn-jc);
|
|
}
|
|
.xz-form-pnx .xz-form-button {
|
|
font-size: var(--size);
|
|
border-radius: var(--br);
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: var(--btn-w);
|
|
height: var(--h);
|
|
background: var(--c-theme);
|
|
color: #fff;
|
|
border: none;
|
|
transition: all .3s;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: 1em;
|
|
}
|
|
.xz-form-pnx .xz-form-button path {
|
|
fill: #fff;
|
|
}
|
|
.xz-form-pnx .xz-form-button:hover {
|
|
filter: brightness(1.1);
|
|
}
|
|
.xz-form-pnx .xz-form-button:active {
|
|
transform: scale(.98);
|
|
}
|
|
|
|
@media screen and (max-width: 500px){
|
|
.xz-form-pnx {
|
|
--gap: .8em;
|
|
}
|
|
.xz-form-pnx .xz-form-infos {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
.xz-form-pnx .xz-form-button {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.xzform_o {
|
|
position: relative;
|
|
}
|
|
.xz-form-pnx .xz-form-message.success {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%,-50%);
|
|
z-index: 9;
|
|
max-width: 75%;
|
|
display: flex;
|
|
text-align: center;
|
|
align-items: center;
|
|
padding: 4em;
|
|
background: rgba(255,255,255,.8);
|
|
color: var(--c-green);
|
|
font-size: 1.125em;
|
|
line-height: 1.8em;
|
|
font-weight: 500;
|
|
box-shadow: 0 .5rem 3rem -.5rem rgba(0,0,0,.3);
|
|
}
|
|
</style>
|
|
|
|
<input type="hidden" name="iLang" value="'.$config['iLang'].'">
|
|
<input type="hidden" name="Act" value="'.$config['Act'].'">
|
|
|
|
<input type="hidden" name="mailto" value="'.$config['mailto'].'">
|
|
<input type="hidden" name="customerId" value="'.$config['cid'].'">
|
|
|
|
<input type="hidden" name="fromDomain" value="'.$config['fromDomain'].'">
|
|
<input type="hidden" name="fromlink" value="'.$config['fromlink'].'">
|
|
<input type="hidden" name="fromPath" value="'.$config['fromPath'].'">
|
|
|
|
<input type="hidden" name="navigator.language">
|
|
<input type="hidden" name="navigator.platform">
|
|
<input type="hidden" name="screen.width">
|
|
<input type="hidden" name="screen.height">
|
|
|
|
<div class="xz-form-infos">
|
|
<div class="xz-form-info">
|
|
<label class="xz-form-label" for="userName-pnx">Name</label>
|
|
<input type="text" name="userName" id="userName-pnx" maxlength="80" class="xz-form-input" required>
|
|
</div>
|
|
<div class="xz-form-info">
|
|
<label class="xz-form-label" for="uCountry-pnx">Country/Region</label>
|
|
<input type="text" name="uCountry" id="uCountry-pnx" maxlength="80" class="xz-form-input" required>
|
|
</div>
|
|
<div class="xz-form-info">
|
|
<label class="xz-form-label" for="userEMail-pnx">Email</label>
|
|
<input type="email" name="userEMail" id="userEMail-pnx" maxlength="80" class="xz-form-input">
|
|
</div>
|
|
<div class="xz-form-info">
|
|
<label class="xz-form-label" for="userTel-pnx">Mobile</label>
|
|
<input type="tel" name="userTel" id="userTel-pnx" maxlength="80" class="xz-form-input" required placeholder="Or Whatsapp/Skype">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="xz-form-msg">
|
|
<label class="xz-form-label" for="Message-pnx">Message</label>
|
|
<textarea name="Message" id="Message-pnx" class="xz-form-textarea" required></textarea>
|
|
</div>
|
|
|
|
<div class="xz-form-btns">
|
|
<button class="xz-form-button">
|
|
Submit
|
|
<svg t="1664258923484" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3462" width="20" height="20">
|
|
<path d="M871.04 89.770667L120.064 380.16a51.2 51.2 0 0 0-1.792 94.762667l303.36 130.56 131.072 303.957333a51.2 51.2 0 0 0 94.805333-1.877333l289.792-751.573334a51.2 51.2 0 0 0-66.261333-66.133333z m-41.130667 107.392l-231.978666 601.642666-97.962667-227.114666-3.584-7.338667a85.333333 85.333333 0 0 0-41.045333-37.248l-226.56-97.536 601.173333-232.405333z" p-id="3463"></path>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</form>';
|
|
|
|
return $html;
|
|
}
|
|
|
|
|
|
public function formHmtl2($config)
|
|
{
|
|
// https://v1.xzgoogle.com/form.php?m=Temp&a=getTpl&tid=en-3-P-vdx&cid=760&version=v4&fromlink=https://magicbridgeauto.com/news/
|
|
|
|
$html =
|
|
'<form class="xz-form-x xz-form-vdx" action="'.$config['post_url'].'">
|
|
|
|
<style>
|
|
.xz-form-vdx {
|
|
--c-theme: #2C9F1C;
|
|
--c-border: #f8f8f8;
|
|
--c-bg: #f8f8f8;
|
|
--c-font: #333;
|
|
--c-green: #2C9F1C;
|
|
--size: 1.6rem;
|
|
--gap: .625em;
|
|
--h: 3.5em;
|
|
--lh: 1.25em;
|
|
--pd: 1em;
|
|
--br: .625em;
|
|
--btn-w: 100%;
|
|
--lines: 1;
|
|
font-size: var(--size);
|
|
}
|
|
|
|
.xz-form-vdx .xz-form-infos {
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
grid-gap: var(--gap);
|
|
margin-bottom: var(--gap);
|
|
}
|
|
|
|
.xz-form-vdx .xz-form-info,
|
|
.xz-form-vdx .xz-form-msg {
|
|
border: solid 1px var(--c-border);
|
|
background: var(--c-bg);
|
|
padding: var(--pd);
|
|
display: flex;
|
|
align-items: center;
|
|
border-radius: var(--br);
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.xz-form-vdx .xz-form-info {
|
|
height: var(--h);
|
|
}
|
|
|
|
.xz-form-vdx .xz-form-input,
|
|
.xz-form-vdx .xz-form-textarea {
|
|
width: 100%;
|
|
border: none;
|
|
font-size: var(--size);
|
|
line-height: var(--lh);
|
|
outline: 0;
|
|
padding: 0;
|
|
color: var(--c-font);
|
|
background: transparent;
|
|
}
|
|
|
|
.xz-form-vdx .xz-form-textarea {
|
|
height: calc(var(--lh) * var(--lines));
|
|
font-family: inherit;
|
|
resize: none;
|
|
}
|
|
|
|
.xz-form-vdx .xz-form-btns {
|
|
margin-top: var(--gap);
|
|
display: flex;
|
|
justify-content: var(--btn-jc);
|
|
}
|
|
|
|
.xz-form-vdx .xz-form-button {
|
|
font-size: var(--size);
|
|
border-radius: var(--br);
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: var(--btn-w);
|
|
height: var(--h);
|
|
background: var(--c-theme);
|
|
color: #fff;
|
|
border: none;
|
|
transition: all .3s;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.xz-form-vdx .xz-form-button:hover {
|
|
filter: brightness(1.1);
|
|
}
|
|
|
|
.xz-form-vdx .xz-form-button:active {
|
|
transform: scale(.98);
|
|
}
|
|
|
|
.xzform_o {
|
|
position: relative;
|
|
}
|
|
|
|
.xz-form-vdx .xz-form-message.success {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
z-index: 9;
|
|
max-width: 90%;
|
|
display: flex;
|
|
text-align: center;
|
|
align-items: center;
|
|
padding: 2em;
|
|
background: rgba(255, 255, 255, .8);
|
|
color: var(--c-green);
|
|
font-size: 1em;
|
|
line-height: 1.5em;
|
|
box-shadow: 0 .5rem 3rem -.5rem rgba(0, 0, 0, .3);
|
|
}
|
|
</style>
|
|
|
|
<input type="hidden" name="iLang" value="'.$config['iLang'].'">
|
|
<input type="hidden" name="Act" value="'.$config['Act'].'">
|
|
<input type="hidden" name="mailto" value="'.$config['mailto'].'">
|
|
<input type="hidden" name="customerId" value="'.$config['cid'].'">
|
|
|
|
<input type="hidden" name="fromDomain" value="'.$config['fromDomain'].'">
|
|
<input type="hidden" name="fromlink" value="'.$config['fromlink'].'">
|
|
<input type="hidden" name="fromPath" value="'.$config['fromPath'].'">
|
|
|
|
<input type="hidden" name="navigator.language">
|
|
<input type="hidden" name="navigator.platform">
|
|
<input type="hidden" name="screen.width">
|
|
<input type="hidden" name="screen.height">
|
|
|
|
<div class="xz-form-infos">
|
|
<div class="xz-form-info">
|
|
<input type="text" name="userName" id="userName-vdx" maxlength="80" class="xz-form-input" placeholder="Name">
|
|
</div>
|
|
|
|
<div class="xz-form-info">
|
|
<input type="email" name="userEMail" id="userEMail-vdx" maxlength="80" class="xz-form-input" placeholder="Email">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="xz-form-msg">
|
|
<textarea name="Message" id="Message-vdx" class="xz-form-textarea" placeholder="What can we do for you? *" required></textarea>
|
|
</div>
|
|
|
|
<div class="xz-form-btns">
|
|
<button class="xz-form-button">
|
|
SUBMIT
|
|
<svg t="1690535811615" class="icon" viewBox="0 0 1024 1024" version="1.1"
|
|
xmlns="http://www.w3.org/2000/svg" p-id="5056" width="1em" height="1em" fill="#fff">
|
|
<path
|
|
d="M851.2 166.4c-12.8-6.4-25.6-6.4-32 0l-640 320C166.4 486.4 160 499.2 160 512s6.4 25.6 12.8 25.6l153.6 96c12.8 6.4 25.6 6.4 38.4-6.4L704 320l12.8 6.4-307.2 326.4c-6.4 6.4-6.4 12.8-6.4 19.2l0 140.8c0 12.8 6.4 25.6 19.2 32 12.8 6.4 25.6 0 32-6.4l76.8-76.8 153.6 102.4c6.4 6.4 12.8 6.4 19.2 6.4 6.4 0 6.4 0 12.8 0 12.8-6.4 19.2-12.8 19.2-25.6l128-640C864 185.6 864 172.8 851.2 166.4z"
|
|
p-id="5057"></path>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
|
|
</form>';
|
|
return $html;
|
|
}
|
|
} |