File manager

File manager - Edit - /home/autoph/public_html/voc/home/feedback_form.php

Back
<?php ob_start(); include 'core/init.php'; error_reporting(0); $fbDate = date_create() ->format("Y-m-d"); $fbTime =date('H:i:s'); $myUID = $user_data['u_id']; $dealership = mysql_result(mysql_query("SELECT `deal_name` FROM `vts_dealerships` WHERE `deal_code`='".$_GET['d']."'"),0); echo "<input type='hidden' id='dealer' value='$deal'>"; $useragent=$_SERVER['HTTP_USER_AGENT']; if(preg_match('/(android\|bb\d+\|meego).+mobile\|avantgo\|bada\/\|blackberry\|blazer\|compal\|elaine\|fennec\|hiptop\|iemobile\|ip(hone\|od)\|iris\|kindle\|lge \|maemo\|midp\|mmp\|mobile.+firefox\|netfront\|opera m(ob\|in)i\|palm( os)?\|phone\|p(ixi\|re)\/\|plucker\|pocket\|psp\|series(4\|6)0\|symbian\|treo\|up\.(browser\|link)\|vodafone\|wap\|windows ce\|xda\|xiino/i',$useragent)\|\|preg_match('/1207\|6310\|6590\|3gso\|4thp\|50[1-6]i\|770s\|802s\|a wa\|abac\|ac(er\|oo\|s\-)\|ai(ko\|rn)\|al(av\|ca\|co)\|amoi\|an(ex\|ny\|yw)\|aptu\|ar(ch\|go)\|as(te\|us)\|attw\|au(di\|\-m\|r \|s )\|avan\|be(ck\|ll\|nq)\|bi(lb\|rd)\|bl(ac\|az)\|br(e\|v)w\|bumb\|bw\-(n\|u)\|c55\/\|capi\|ccwa\|cdm\-\|cell\|chtm\|cldc\|cmd\-\|co(mp\|nd)\|craw\|da(it\|ll\|ng)\|dbte\|dc\-s\|devi\|dica\|dmob\|do(c\|p)o\|ds(12\|\-d)\|el(49\|ai)\|em(l2\|ul)\|er(ic\|k0)\|esl8\|ez([4-7]0\|os\|wa\|ze)\|fetc\|fly(\-\|_)\|g1 u\|g560\|gene\|gf\-5\|g\-mo\|go(\.w\|od)\|gr(ad\|un)\|haie\|hcit\|hd\-(m\|p\|t)\|hei\-\|hi(pt\|ta)\|hp( i\|ip)\|hs\-c\|ht(c(\-\| \|_\|a\|g\|p\|s\|t)\|tp)\|hu(aw\|tc)\|i\-(20\|go\|ma)\|i230\|iac( \|\-\|\/)\|ibro\|idea\|ig01\|ikom\|im1k\|inno\|ipaq\|iris\|ja(t\|v)a\|jbro\|jemu\|jigs\|kddi\|keji\|kgt( \|\/)\|klon\|kpt \|kwc\-\|kyo(c\|k)\|le(no\|xi)\|lg( g\|\/(k\|l\|u)\|50\|54\|\-[a-w])\|libw\|lynx\|m1\-w\|m3ga\|m50\/\|ma(te\|ui\|xo)\|mc(01\|21\|ca)\|m\-cr\|me(rc\|ri)\|mi(o8\|oa\|ts)\|mmef\|mo(01\|02\|bi\|de\|do\|t(\-\| \|o\|v)\|zz)\|mt(50\|p1\|v )\|mwbp\|mywa\|n10[0-2]\|n20[2-3]\|n30(0\|2)\|n50(0\|2\|5)\|n7(0(0\|1)\|10)\|ne((c\|m)\-\|on\|tf\|wf\|wg\|wt)\|nok(6\|i)\|nzph\|o2im\|op(ti\|wv)\|oran\|owg1\|p800\|pan(a\|d\|t)\|pdxg\|pg(13\|\-([1-8]\|c))\|phil\|pire\|pl(ay\|uc)\|pn\-2\|po(ck\|rt\|se)\|prox\|psio\|pt\-g\|qa\-a\|qc(07\|12\|21\|32\|60\|\-[2-7]\|i\-)\|qtek\|r380\|r600\|raks\|rim9\|ro(ve\|zo)\|s55\/\|sa(ge\|ma\|mm\|ms\|ny\|va)\|sc(01\|h\-\|oo\|p\-)\|sdk\/\|se(c(\-\|0\|1)\|47\|mc\|nd\|ri)\|sgh\-\|shar\|sie(\-\|m)\|sk\-0\|sl(45\|id)\|sm(al\|ar\|b3\|it\|t5)\|so(ft\|ny)\|sp(01\|h\-\|v\-\|v )\|sy(01\|mb)\|t2(18\|50)\|t6(00\|10\|18)\|ta(gt\|lk)\|tcl\-\|tdg\-\|tel(i\|m)\|tim\-\|t\-mo\|to(pl\|sh)\|ts(70\|m\-\|m3\|m5)\|tx\-9\|up(\.b\|g1\|si)\|utst\|v400\|v750\|veri\|vi(rg\|te)\|vk(40\|5[0-3]\|\-v)\|vm40\|voda\|vulc\|vx(52\|53\|60\|61\|70\|80\|81\|83\|85\|98)\|w3c(\-\| )\|webc\|whit\|wi(g \|nc\|nw)\|wmlb\|wonu\|x700\|yas\-\|your\|zeto\|zte\-/i',substr($useragent,0,4))) { //echo "mobile"; } else{ //echo "desktop"; header('Location: https://www.autohubgroup.com'); } ?> <style> .popupA { padding:0px;margin:0%;width:95%;border:0px solid gray;height:60%;background:white;height:auto; display:block; } .popupB { padding:0px;margin:0%;width:95%;border:0px solid gray;height:60%;background:white;height:auto; display:none; } .popupC { padding:0px;margin:0%;width:95%;border:0px solid gray;height:60%;background:white;height:auto; display:none; } .popupD { padding:0px;margin:0%;width:95%;border:0px solid gray;height:60%;background:white;height:auto; display:none; } </style> <center> <!--###########################################################################################################################--> <div id="loadBaraData" style="display:none;position:absolute;top:40%;left:40%;width:100px;padding:5px;padding-left:2px;padding-right:2px;height:100px;background:transparent;z-index:9999;border:0px solid gray;z-index:999999999999999999"> <div id="uploadBar" style="font-family:Calibri;font-size:4vw;color:gray;text-align:center;margin-top:0px;background:white;display:block;width:150px;height:145px;border-radius:10px;position:relative;left:0px;padding:0px;z-index:999999999999999999;border:1px solid lightgray"> <img src='images/ajaxLoader2.gif' width="100%" height="auto" /><br><br><center>Processing...<center></div> </div> <!--###########################################################################################################################--> <div class='popupA' id='pageOne'> <div style='float:left;width:100%;height:50px;background:blue;padding:0px;'> <div style='width:33.25%;border-right:1px solid white;height:50px;background:#020e44;float:left;'> <p style='font-family:Yu Gothic Light;font-size:3vw;color:white;margin-top:5px;font-weight:bold'>✓       STEP 1</p> </div> <div style='width:33.2%;border-right:1px solid white;height:50px;background:#020e44 ;float:left'> <p style='font-family:Yu Gothic Light;font-size:3vw;color:gray;margin-top:5px;font-weight:normal'>STEP 2</p> </div> <div style='width:33.2%;border-right:1px solid white;height:50px;background:#020e44;float:left'> <p style='font-family:Yu Gothic Light;font-size:3vw;color:gray;margin-top:5px;font-weight:normal'>STEP 3</p> </div> </div> <div style='float:left;width:100%;height:100px;background:white;padding-top:30px'> <div style='float:left;width:55%;height:100px;background:white;padding:0px'> <img src='images/ford_logo.png' width="30%" style='border:0px solid gray;margin:0px;float:right;margin:0px;border-right:2px solid gray;padding-right:20px'></img> </div> <div style='float:left;width:45%;height:100px;background:white;padding:0px;font-family:Yu Gothic Light;font-size:3vw;padding-top:10px'> FORD <b style='border:0px'>GUEST EXPERIENCE</b> </div> </div> <div style='float:left;width:100%;height:auto;background:#0a567c ;padding:0px;font-family:Yu Gothic Light;font-size:5vw;font-weight:bold;color:white;padding-top:25px;padding-bottom:25px'> INSTANT FEEDBACK FORM <?php echo "<br><b style='font-family: Yu Gothic Light;font-size:4vw;font-weight:normal;width:100%;'>".$dealership."<b>";?> </div> <div id='custINFOSHEET' style='float:left;width:100%;min-height:500px;background:white;padding:0px'> <div style='float:left;width:100%;height:180px;background:white;padding:0px;font-family:Yu Gothic Light;font-size:3vw;padding-top:25px'> <p style='padding:25px;margin-top:15px;padding-bottom:10px;padding-top:10px;font-family:Yu Gothic Light;font-size:4vw;font-weight:normal'>Dear Guest, kindly let us know how well were we able to serve you.</p> </div> <div id='custINFOSHEET' style='float:left;width:100%;min-height:550px;background:#f7f5f5;padding:0px;border:1px solid #acadb0 ;padding-top:0px'> <div id='custParam' style='text-align:center;float:left;width:100%;height:60px;background:#d4d3cf ;padding-top:15px;padding-bottom:0px;font-family:Yu Gothic Light;font-size:4vw;color:black;margin-bottom:40px'> CUSTOMER / VEHICLE INFORMATION </div> <div style='float:left;width:30%;padding:20px;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal;padding-top:30px;text-align:right'>Vehicle Plate: </div> <div style='float:left;width:60%;padding:10px;font-family:Yu Gothic Light;font-size:3.5vw'> <input type='text' id='custPlate' onkeyup="this.value = this.value.toUpperCase();" style='float:right;padding:20px;width:100%;border:1px solid gray;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal;border:2px solid #0f36e7'> </div> <div style='float:left;width:30%;padding:20px;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal;padding-top:30px;text-align:right'>Customer Name: </div> <div style='float:left;width:60%;padding:10px;font-family:Yu Gothic Light;font-size:3.5vw'> <input type='text' id='custName' onkeyup="this.value = this.value.toUpperCase();" style='float:right;padding:20px;width:100%;border:1px solid gray;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal;border:2px solid #0f36e7'> </div> <div style='float:left;width:30%;padding:20px;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal;padding-top:30px;text-align:right'>Customer Mobile: </div> <div style='float:left;width:60%;padding:10px;font-family:Yu Gothic Light;font-size:3.5vw'> <input type='text' id='custMobile' style='float:right;padding:20px;width:100%;border:1px solid gray;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal;border:2px solid #0f36e7'> </div> <div style='float:left;width:30%;padding:20px;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal;padding-top:30px;text-align:right'>Customer E-mail: </div> <div style='float:left;width:60%;padding:10px;font-family:Yu Gothic Light;font-size:3.5vw'> <input type='text' id='custEmail' onkeyup="this.value = this.value.toUpperCase();" style='float:right;padding:20px;width:100%;border:1px solid gray;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal;border:2px solid #0f36e7'> </div><br> <div style='float:left;width:100%;padding:10px;font-family:Yu Gothic Light;font-size:3.5vw'> <p style='margin-top:15px;padding-bottom:0px;font-family:Yu Gothic Light;font-size:3vw;font-weight:normal;padding-top:30px'> </div> </div> <div style='float:left;width:100%;height:200px;background:white;padding:0px;padding-top:100px;margin-bottom:20px;'> <button id='goBackA' onclick ="javascript:hidePageOne();"style='width:40%;padding:25px;padding-left:80px;padding-right:80px;font-family:Yu Gothic;font-size:4.5vw;font-weight:normal;color:lightgray;border:1px solid lightgray;border-radius:10px 0px 0px 10px;margin-right:0px'>«   BACK</button> <button id='goNextA' onclick ="javascript:showPageOne();" style='width:40%;padding:25px;padding-left:80px;padding-right:80px;font-family:Yu Gothic;font-size:4.5vw;font-weight:bold;color:white;background:#0a567c;border:1px solid #0f36e7;border-radius:0px 10px 10px 0px;margin-left:0px'>NEXT   »</button> </div> </div> </div> <!--###########################################################################################################################--> <div class='popupB' id='pageTwo'> <div style='float:left;width:100%;height:50px;background:blue;padding:0px;'> <div style='width:33.25%;border-right:1px solid white;height:50px;background:#020e44;float:left;'> <p style='font-family:Yu Gothic Light;font-size:3vw;color:white;margin-top:5px;font-weight:bold'>✓       STEP 1</p> </div> <div style='width:33.2%;border-right:1px solid white;height:50px;background:#020e44 ;float:left'> <p style='font-family:Yu Gothic Light;font-size:3vw;color:white;margin-top:5px;font-weight:bold'>✓       STEP 2</p> </div> <div style='width:33.2%;border-right:1px solid white;height:50px;background:#020e44;float:left'> <p style='font-family:Yu Gothic Light;font-size:3vw;color:gray;margin-top:5px;font-weight:normal'>STEP 3</p> </div> </div> <div style='float:left;width:100%;height:100px;background:white;padding-top:30px'> <div style='float:left;width:55%;height:100px;background:white;padding:0px'> <img src='images/ford_logo.png' width="30%" style='border:0px solid gray;margin:0px;float:right;margin:0px;border-right:2px solid gray;padding-right:20px'></img> </div> <div style='float:left;width:45%;height:100px;background:white;padding:0px;font-family:Yu Gothic Light;font-size:3vw;padding-top:10px'> FORD <b style='border:0px'>GUEST EXPERIENCE</b> </div> </div> <div style='float:left;width:100%;height:auto;background:#0f36e7;padding:0px;font-family:Yu Gothic Light;font-size:5vw;font-weight:bold;color:white;padding-top:5px;padding-bottom:0px;text-align:left;'> <div style='float:left;width:100%;height:auto;background:#0a567c ;padding:0px;font-family:Yu Gothic Light;font-size:5vw;font-weight:bold;color:white;padding-top:25px;padding-bottom:25px;text-align:center'> INSTANT FEEDBACK FORM <?php echo "<br><b style='font-family: Yu Gothic Light;font-size:4vw;font-weight:normal;width:100%;'>".$dealership."<b>";?> </div> </div> <div style='margin-top:30px;float:left;width:98%;height:180px;background:#f7f5f5;padding:0px;font-family:Yu Gothic Light;font-size:3vw;margin-bottom:30px;padding-left:20px'> <div style='text-align:left;float:left;width:25%;border:0px solid red;height:148px;background:#f7f5f5;font-family:Yu Gothic Light;font-size:3vw;color:black;padding-top:10px'> Unacceptable <button style='width:80%;margin-left:0%;margin-top:20px;padding:15px;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:bold;background:#d7d9de'>1 - 3 </button> </div> <div style='text-align:left;float:left;width:25%;border:0px solid red;height:148px;background:#f7f5f5;font-family:Yu Gothic Light;font-size:3vw;color:black;padding-top:10px'>Average <button style='width:80%;margin-left:0%;margin-top:20px;padding:15px;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:bold;background:#d7d9de'>4 - 6 </button> </div> <div style='text-align:left;float:left;width:25%;border:0px solid red;height:148px;background:#f7f5f5;font-family:Yu Gothic Light;font-size:3vw;color:black;padding-top:10px'>Outstanding <button style='width:80%;margin-left:0%;margin-top:20px;padding:15px;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:bold;background:#d7d9de'>7 - 9 </button> </div> <div style='text-align:left;float:left;width:25%;border:0px solid red;height:148px;background:#f7f5f5;font-family:Yu Gothic Light;font-size:3vw;color:black;padding-top:10px'>Truly <button style='width:80%;margin-left:0%;margin-top:20px;padding:15px;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:bold;background:#d7d9de'>10 </button> </div> </div> <div id='custSurvey' style='float:left;width:100%;min-height:500px;background:white;padding:0px'> <div id='custISurveyForm' style='float:left;width:100%;min-height:550px;background:#f7f5f5;padding:0px;border:1px solid #acadb0 ;padding-top:0px'> <div style='float:left;width:100%;font-family:Yu Gothic Light;font-size:3.5vw;background:#d4d3cf;height:140px'> <p style='margin:5px;padding:10px;font-family:Yu Gothic Light;font-size:4vw;font-weight:normal;color:black;text-align:left'> ✠ Please Rate us on the following parameters as per the above scale </p> </div> <div style='float:left;width:80%;padding:10px;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal;padding-top:30px;text-align:left;border-bottom:1px solid lightgray;height:120px'>How satisfied are you with your overall experience? </div> <div style='float:left;width:15%;padding:10px;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal;padding-top:30px;text-align:left;border-bottom:1px solid lightgray;height:120px'> <input type='number' id="Qa" max="2" min="1" maxlength="2" style='float:right;padding:20px;width:100%;border:1px solid gray;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal;text-align:center;border:2px solid #0f36e7'> </div> <div style='float:left;width:80%;padding:10px;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal;padding-top:30px;text-align:left;border-bottom:1px solid lightgray;height:110px'> Overall quality of work performed </div> <div style='float:left;width:15%;padding:10px;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal;padding-top:30px;text-align:left;border-bottom:1px solid lightgray;height:110px'> <input type='number' id="Qb" max="2" min="1" maxlength="2" style='float:right;padding:20px;width:100%;border:1px solid gray;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal;text-align:center;border:2px solid #0f36e7'> </div> <div style='float:left;width:80%;padding:10px;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal;padding-top:30px;text-align:left;border-bottom:1px solid lightgray;height:120px'> Getting an appointment on the day & time you desired</div> <div style='float:left;width:15%;padding:10px;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal;padding-top:30px;text-align:left;border-bottom:1px solid lightgray;height:120px'> <input type='number' id="Qc" max="2" min="1" maxlength="2" style='float:right;padding:20px;width:100%;border:1px solid gray;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal;text-align:center;border:2px solid #0f36e7'> </div> <div style='float:left;width:80%;padding:10px;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal;padding-top:30px;text-align:left;border-bottom:1px solid lightgray;height:110px'> Overall vehicle delivery experience</div> <div style='float:left;width:15%;padding:10px;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal;padding-top:30px;text-align:left;border-bottom:1px solid lightgray;height:110px'> <input type='number' id="Qd" max="2" min="1" maxlength="2" style='float:right;padding:20px;width:100%;border:1px solid gray;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal;text-align:center;border:2px solid #0f36e7'> </div> <div style='float:left;width:80%;padding:10px;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal;padding-top:30px;text-align:left;border-bottom:1px solid lightgray;height:120px'> Washing and Cleanliness of your vehicle on return </div> <div style='float:left;width:15%;padding:10px;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal;padding-top:30px;text-align:left;border-bottom:1px solid lightgray;height:120px'> <input type='number' id="Qe" max="2" min="1" maxlength="2" style='float:right;padding:20px;width:100%;border:1px solid gray;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal;text-align:center;border:2px solid #0f36e7'> </div> </div> <div style='float:left;width:100%;height:200px;background:white;padding:0px;padding-top:50px;margin-bottom:20px;'> <button id='goBackB' onclick ="javascript:hidePageTwo();" style='width:40%;padding:25px;padding-left:80px;padding-right:80px;font-family:Yu Gothic;font-size:4.5vw;font-weight:bold;color:white;border:1px solid #d4d3cf;border-radius:10px 0px 0px 10px;margin-right:0px;background:#0a567c;'>«   BACK</button> <button id='goNextB' onclick ="javascript:showPageTwo();" style='width:40%;padding:25px;padding-left:80px;padding-right:80px;font-family:Yu Gothic;font-size:4.5vw;font-weight:bold;color:white;background:#0a567c;border:1px solid #d4d3cf;border-radius:0px 10px 10px 0px;margin-left:0px'>NEXT   »</button> </div> </div> </div> <!--###########################################################################################################################--> <div class='popupC' id='pageThree'> <div style='float:left;width:100%;height:50px;background:blue;padding:0px;'> <div style='width:33.25%;border-right:1px solid white;height:50px;background:#020e44;float:left;'> <p style='font-family:Yu Gothic Light;font-size:3vw;color:white;margin-top:5px;font-weight:bold'>✓       STEP 1</p> </div> <div style='width:33.2%;border-right:1px solid white;height:50px;background:#020e44 ;float:left'> <p style='font-family:Yu Gothic Light;font-size:3vw;color:white;margin-top:5px;font-weight:bold'>✓       STEP 2</p> </div> <div style='width:33.2%;border-right:1px solid white;height:50px;background:#020e44;float:left'> <p style='font-family:Yu Gothic Light;font-size:3vw;color:white;margin-top:5px;font-weight:bold'>✓       STEP 3</p> </div> </div> <div style='float:left;width:100%;height:100px;background:white;padding-top:30px'> <div style='float:left;width:55%;height:100px;background:white;padding:0px'> <img src='images/ford_logo.png' width="30%" style='border:0px solid gray;margin:0px;float:right;margin:0px;border-right:2px solid gray;padding-right:20px'></img> </div> <div style='float:left;width:45%;height:100px;background:white;padding:0px;font-family:Yu Gothic Light;font-size:3vw;padding-top:10px'> FORD <b style='border:0px'>GUEST EXPERIENCE</b> </div> </div> <div style='float:left;width:100%;height:auto;background:#0a567c ;padding:0px;font-family:Yu Gothic Light;font-size:5vw;font-weight:bold;color:white;padding-top:25px;padding-bottom:25px'> INSTANT FEEDBACK FORM <?php echo "<br><b style='font-family: Yu Gothic Light;font-size:4vw;font-weight:normal;width:100%;'>".$dealership."<b>";?> </div> <div id='saInfoA' style='float:left;width:100%;min-height:500px;background:white;padding:0px'> <div id='saInfoB' style='float:left;width:100%;min-height:550px;background:#f7f5f5;padding:0px;border:1px solid #acadb0 ;padding-top:0px'> <div id='custParam' style='text-align:center;float:left;width:100%;height:60px;background:#d4d3cf ;padding-top:15px;padding-bottom:0px;font-family:Yu Gothic Light;font-size:4vw;color:black;margin-bottom:40px;text-align:left'> ✠ SERVICE ADVISOR INFORMATION </div> <div style='float:left;width:30%;padding:20px;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal;padding-top:30px;text-align:right'>Service Advisor: </div> <div style='float:left;width:60%;padding:10px;font-family:Yu Gothic Light;font-size:3.5vw'> <input type='text' id='saName' onkeyup="this.value = this.value.toUpperCase();" style='float:right;padding:20px;width:100%;border:1px solid gray;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal'> </div> <div style='float:left;width:30%;padding:20px;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal;padding-top:30px;text-align:right'>Date of Service: </div> <div style='float:left;width:60%;padding:10px;font-family:Yu Gothic Light;font-size:3.5vw'> <input type='date' id='saDate' style='background:white;float:right;padding:20px;width:100%;border:1px solid gray;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal;border:1px solid #0f36e7'> </div> <div style='float:left;width:100%;height:auto;background:#d4d3cf;padding:0px;font-family:Yu Gothic Light;font-size:5vw;font-weight:normal;color:black;padding-top:25px;padding-bottom:25px;margin-top:30px;text-align:left'> ✠ Please rate your Service Advisor on </div> <div style='float:left;width:80%;padding:10px;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal;padding-top:30px;text-align:left;border-bottom:1px solid lightgray;height:110px'> Answering/resolving concern in timely manner</div> <div style='float:left;width:15%;padding:10px;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal;padding-top:30px;text-align:left;border-bottom:1px solid lightgray;height:110px'> <input type='number' id="Qf" max="2" min="1" maxlength="2" style='float:right;padding:20px;width:100%;border:1px solid gray;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal;text-align:center;border:2px solid #0f36e7'> </div> <div style='float:left;width:80%;padding:10px;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal;padding-top:30px;text-align:left;border-bottom:1px solid lightgray;height:110px'> Keeping you informed about the status of your vehicle</div> <div style='float:left;width:15%;padding:10px;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal;padding-top:30px;text-align:left;border-bottom:1px solid lightgray;height:110px'> <input type='number' id="Qg" max="2" min="1" maxlength="2" style='float:right;padding:20px;width:100%;border:1px solid gray;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal;text-align:center;border:2px solid #0f36e7'> </div> <div style='float:left;width:80%;padding:10px;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal;padding-top:30px;text-align:left;border-bottom:1px solid lightgray;height:110px'> Knowing your vehicle service history</div> <div style='float:left;width:15%;padding:10px;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal;padding-top:30px;text-align:left;border-bottom:1px solid lightgray;height:110px'> <input type='number' id="Qh" max="2" min="1" maxlength="2" style='float:right;padding:20px;width:100%;border:1px solid gray;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal;text-align:center;border:2px solid #0f36e7'> </div> <div style='float:left;width:80%;padding:10px;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal;padding-top:30px;text-align:left;border-bottom:1px solid lightgray;height:110px'> Explanation of the work performed on your vehicle and changes</div> <div style='float:left;width:15%;padding:10px;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal;padding-top:30px;text-align:left;border-bottom:1px solid lightgray;height:110px'> <input type='number' id="Qi" max="2" min="1" maxlength="4" style='float:right;padding:20px;width:100%;border:1px solid gray;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal;text-align:center;border:2px solid #0f36e7'> </div> <div style='float:left;width:100%;padding:10px;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal;padding-top:20px;text-align:left;border-bottom:1px solid lightgray;height:180px'> Suggestions & comments <textarea id='commentBox' rows="2" style='min-height:130px;float:left;width:97.5%;border;1px solid blue;padding:5px;font-family:Yu Gothic Light;font-size:12px;font-weight:normal;'></textarea> </div> </div> </div> <div style='float:left;width:100%;height:200px;background:white;padding:0px;padding-top:50px;margin-bottom:20px;'> <button id='goBackC' onclick ="javascript:showPageThree();" style='width:40%;padding:25px;padding-left:80px;padding-right:80px;font-family:Yu Gothic;font-size:4.5vw;font-weight:bold;color:white;border:1px solid #0a567c;border-radius:10px 0px 0px 10px;margin-right:0px;background:#0a567c;'>«   BACK</button> <button id='goNextC' style='width:40%;padding:25px;padding-left:40px;padding-right:40px;font-family:Yu Gothic;font-size:4.5vw;font-weight:bold;color:white;background:#0a567c;border:1px solid #0a567c;border-radius:0px 10px 10px 0px;margin-left:0px'>SUBMIT   💾</button> </div> </div> <!--###########################################################################################################################--> <div class='popupD' id='pageFour'> <div style='float:left;width:100%;height:200px;background:white;padding-top:100px'> <div style='float:left;width:55%;height:100px;background:white;padding:0px'> <img src='images/ford_logo.png' width="40%" style='border:0px solid gray;margin:0px;float:right;margin:0px;border-right:2px solid gray;padding-right:20px'></img> </div> <div style='float:left;width:45%;height:100px;background:white;padding:0px;font-family:Yu Gothic Light;font-size:3.5vw;padding-top:10px'> FORD <b style='border:0px'>GUEST EXPERIENCE</b> </div> </div> <div id='thankyouMessage' style='float:left;width:100%;height:auto;background:#fff ;padding:0px;font-family:Yu Gothic Light;font-size:3.5vw;font-weight:normal;color:black;padding-top:25px;padding-bottom:25px'> </div> <div id='custThankYou' style='float:left;width:100%;min-height:500px;background:white;padding:0px;font-family:Yu Gothic Light;font-size:3.5vw;padding:30px;font-weight:normal'> </div> </div> <!--###########################################################################################################################--> <div style='position:fixed;bottom:0;float:left;width:100%;height:50px;background:black;padding:10px;'> <div style='width:100%;border-right:1px solid white;height:50px;background:black;float:left;'> <p style='background:black;idth:50%;font-family:Yu Gothic Light;font-size:2.5vw;color:white;margin-top:5px;font-weight:bold;float:left;font-weight:normal;text-align:left'>Powered by: ADD Team</p> <p style='background:black;width:30%;font-family:Yu Gothic Light;font-size:2.5vw;color:white;margin-top:5px;font-weight:bold;float:right;font-weight:normal;text-align:right;margin-right:40px'>Autohub Group</p> </div> </div> </center> <!--#########################################################################--> <!--- LOCALIZED COPY OF JAVASCRIPT --> <script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script type="text/javascript" src="https://canvasjs.com/assets/script/jquery-1.11.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#goNextA").click(function(){ var custPlate = $("#custPlate").val(); var custName = $("#custName").val(); var custMobile = $("#custMobile").val(); var custEmail = $("#custEmail").val(); var Count = 0; if(custPlate == "") { $('#custPlate').focus(); $('#custPlate').css({'border':'1px solid red'}); $('#custPlate').css({'color':'red'}); $('#custPlate').css({'background':'#fccec7'}); $('#custPlate').attr("placeholder","*"); //alert('Plate or CS number is required.'); Count = Count + 1; exit; } if(custName == "") { $('#custName').focus(); $('#custName').css({'border':'1px solid red'}); $('#custName').css({'color':'red'}); $('#custName').css({'background':'#fccec7'}); $('#custName').attr("placeholder",""); //alert('Plate or CS number is required.'); Count = Count + 1; exit; } if(custMobile == "") { $('#custMobile').focus(); $('#custMobile').css({'border':'1px solid red'}); $('#custMobile').css({'color':'red'}); $('#custMobile').css({'background':'#fccec7'}); $('#custMobile').attr("placeholder","Required"); //alert('Plate or CS number is required.'); Count = Count + 1; exit; } if(custMobile.length == 11 && custMobile > 0) { $('#custMobile').css({'border':'1px solid blue'}); $('#custMobile').css({'color':'black'}); $('#custMobile').css({'background':'#ffffff'}); } else { $('#custMobile').focus(); $('#custMobile').css({'border':'1px solid red'}); $('#custMobile').css({'color':'red'}); $('#custMobile').css({'background':'#fccec7'}); $('#custMobile').attr("placeholder","Invalid"); alert('Invalid mobile number'); Count = Count + 1; exit; } var strFirstThree = custMobile.substring(0,2); //alert(strFirstThree); if(strFirstThree === "09"){ $('#custMobile').css({'border':'1px solid blue'}); $('#custMobile').css({'color':'black'}); $('#custMobile').css({'background':'#ffffff'}); }else{ $('#custMobile').focus(); $('#custMobile').css({'border':'1px solid red'}); $('#custMobile').css({'color':'red'}); $('#custMobile').css({'background':'#fccec7'}); $('#custMobile').attr("placeholder","Invalid"); alert('Invalid mobile number'); Count = Count + 1; exit; } if(custEmail == "") { $('#custEmail').focus(); $('#custEmail').css({'border':'1px solid red'}); $('#custEmail').css({'color':'red'}); $('#custEmail').css({'background':'#fccec7'}); $('#custEmail').attr("placeholder",""); //alert('Plate or CS number is required.'); Count = Count + 1; exit; } if(Count > 1){ alert('Required information is missing. Please review your answer. Thank you!'); exit; }else{ $('#custPlate').css({'border':'1px solid gray'}); $('#custPlate').css({'color':'black'}); $('#custPlate').css({'background':'#ffffff'}); $('#custName').css({'border':'1px solid gray'}); $('#custName').css({'color':'black'}); $('#custName').css({'background':'#ffffff'}); $('#custMobile').css({'border':'1px solid gray'}); $('#custMobile').css({'color':'black'}); $('#custMobile').css({'background':'#ffffff'}); $('#custEmail').css({'border':'1px solid gray'}); $('#custEmail').css({'color':'black'}); $('#custEmail').css({'background':'#ffffff'}); //showPageOne(); } exit; return false; $.ajax({ url: "SendFeedback.php", type: "POST", async: false, data: { "done": 1 }, success: function(d){ } }) }); //########################################################################################################################################### $("#goNextB").click(function(){ var CountB = 0; var CountA = 0; var Qa = $("#Qa").val(); var Qb = $("#Qb").val(); var Qc = $("#Qc").val(); var Qd = $("#Qd").val(); var Qe = $("#Qe").val(); if(Qa == "") { $('#Qa').focus(); $('#Qa').css({'border':'1px solid red'}); $('#Qa').css({'color':'red'}); $('#Qa').css({'background':'#fccec7'}); $('#Qa').attr("placeholder",""); //alert('Plate or CS number is required.'); CountB = CountB + 1; } if(Qb == "") { $('#Qb').focus(); $('#Qb').css({'border':'1px solid red'}); $('#Qb').css({'color':'red'}); $('#Qb').css({'background':'#fccec7'}); $('#Qb').attr("placeholder",""); //alert('Plate or CS number is required.'); CountB = CountB + 1; } if(Qc == "") { $('#Qc').focus(); $('#Qc').css({'border':'1px solid red'}); $('#Qc').css({'color':'red'}); $('#Qc').css({'background':'#fccec7'}); $('#Qc').attr("placeholder",""); //alert('Plate or CS number is required.'); CountB = CountB + 1; } if(Qd == "") { $('#Qd').focus(); $('#Qd').css({'border':'1px solid red'}); $('#Qd').css({'color':'red'}); $('#Qd').css({'background':'#fccec7'}); $('#Qd').attr("placeholder",""); //alert('Plate or CS number is required.'); CountB = CountB + 1; } if(Qe == "") { $('#Qe').focus(); $('#Qe').css({'border':'1px solid red'}); $('#Qe').css({'color':'red'}); $('#Qe').css({'background':'#fccec7'}); $('#Qe').attr("placeholder",""); //alert('Plate or CS number is required.'); CountB = CountB + 1; } if(Qa > 10) { $('#Qa').focus(); $('#Qa').css({'border':'1px solid red'}); $('#Qa').css({'color':'red'}); $('#Qa').css({'background':'#fccec7'}); $('#Qa').attr("placeholder",""); //alert('Plate or CS number is required.'); CountA = CountA + 1; } if(Qb > 10) { $('#Qb').focus(); $('#Qb').css({'border':'1px solid red'}); $('#Qb').css({'color':'red'}); $('#Qb').css({'background':'#fccec7'}); $('#Qb').attr("placeholder",""); //alert('Plate or CS number is required.'); CountA = CountA + 1; } if(Qc > 10) { $('#Qc').focus(); $('#Qc').css({'border':'1px solid red'}); $('#Qc').css({'color':'red'}); $('#Qc').css({'background':'#fccec7'}); $('#Qc').attr("placeholder",""); //alert('Plate or CS number is required.'); CountA = CountA + 1; } if(Qd > 10) { $('#Qd').focus(); $('#Qd').css({'border':'1px solid red'}); $('#Qd').css({'color':'red'}); $('#Qd').css({'background':'#fccec7'}); $('#Qd').attr("placeholder",""); //alert('Plate or CS number is required.'); CountA = CountA + 1; } if(Qe > 10) { $('#Qe').focus(); $('#Qe').css({'border':'1px solid red'}); $('#Qe').css({'color':'red'}); $('#Qe').css({'background':'#fccec7'}); $('#Qe').attr("placeholder",""); //alert('Plate or CS number is required.'); CountA = CountA + 1; } if(CountB > 0){ alert('Required information is missing. Please review your answer. Thank you!'); exit(); return false; } if(CountA > 0){ alert('ERROR: You have entered invalid value.'); exit(); return false; }else{ $('#Qa').css({'border':'1px solid gray'}); $('#Qa').css({'color':'black'}); $('#Qa').css({'background':'#ffffff'}); $('#Qb').css({'border':'1px solid gray'}); $('#Qb').css({'color':'black'}); $('#Qb').css({'background':'#ffffff'}); $('#Qc').css({'border':'1px solid gray'}); $('#Qc').css({'color':'black'}); $('#Qc').css({'background':'#ffffff'}); $('#Qd').css({'border':'1px solid gray'}); $('#Qd').css({'color':'black'}); $('#Qd').css({'background':'#ffffff'}); $('#Qe').css({'border':'1px solid gray'}); $('#Qe').css({'color':'black'}); $('#Qe').css({'background':'#ffffff'}); //showPageTwo(); } exit; $.ajax({ url: "SendFeedback.php", type: "POST", async: true, data: { "done": 1 }, success: function(d){ } }) }); //########################################################################################################################################### $("#goNextC").click(function(){ var CountBb = 0; var CountAa = 0; var custPlate = $("#custPlate").val(); var custName = $("#custName").val(); var custMobile = $("#custMobile").val(); var custEmail = $("#custEmail").val(); var Qa = $("#Qa").val(); var Qb = $("#Qb").val(); var Qc = $("#Qc").val(); var Qd = $("#Qd").val(); var Qe = $("#Qe").val(); var saDate = $("#saDate").val(); var saName = $("#saName").val(); var Qf = $("#Qf").val(); var Qg = $("#Qg").val(); var Qh = $("#Qh").val(); var Qi = $("#Qi").val(); var commentBox = $("#commentBox").val(); //custPlate custName custMobile custEmail Qa Qb Qc Qd Qe saDate saName Qf Qg Qh Qi if(saName == "") { $('#saName').focus(); $('#saName').css({'border':'1px solid red'}); $('#saName').css({'color':'red'}); $('#saName').css({'background':'#fccec7'}); $('#saName').attr("placeholder",""); //alert('Plate or CS number is required.'); CountBb = CountBb + 1; } if(saDate == "") { $('#saDate').focus(); $('#saDate').css({'border':'1px solid red'}); $('#saDate').css({'color':'red'}); $('#saDate').css({'background':'#fccec7'}); $('#saDate').attr("placeholder",""); //alert('Plate or CS number is required.'); CountBb = CountBb + 1; } if(Qf == "") { $('#Qf').focus(); $('#Qf').css({'border':'1px solid red'}); $('#Qf').css({'color':'red'}); $('#Qf').css({'background':'#fccec7'}); $('#Qf').attr("placeholder",""); //alert('Plate or CS number is required.'); CountBb = CountBb + 1; } if(Qb == "") { $('#Qb').focus(); $('#Qb').css({'border':'1px solid red'}); $('#Qb').css({'color':'red'}); $('#Qb').css({'background':'#fccec7'}); $('#Qb').attr("placeholder",""); //alert('Plate or CS number is required.'); CountBb = CountBb + 1; } if(Qg == "") { $('#Qg').focus(); $('#Qg').css({'border':'1px solid red'}); $('#Qg').css({'color':'red'}); $('#Qg').css({'background':'#fccec7'}); $('#Qg').attr("placeholder",""); //alert('Plate or CS number is required.'); CountBb = CountBb + 1; } if(Qh == "") { $('#Qh').focus(); $('#Qh').css({'border':'1px solid red'}); $('#Qh').css({'color':'red'}); $('#Qh').css({'background':'#fccec7'}); $('#Qh').attr("placeholder",""); //alert('Plate or CS number is required.'); CountBb = CountBb + 1; } if(Qi == "") { $('#Qi').focus(); $('#Qi').css({'border':'1px solid red'}); $('#Qi').css({'color':'red'}); $('#Qi').css({'background':'#fccec7'}); $('#Qi').attr("placeholder",""); //alert('Plate or CS number is required.'); CountBb = CountBb + 1; } if(Qf > 10) { $('#Qf').focus(); $('#Qf').css({'border':'1px solid red'}); $('#Qf').css({'color':'red'}); $('#Qf').css({'background':'#fccec7'}); $('#Qf').attr("placeholder",""); //alert('Plate or CS number is required.'); CountAa = CountAa + 1; } if(Qg > 10) { $('#Qg').focus(); $('#Qg').css({'border':'1px solid red'}); $('#Qg').css({'color':'red'}); $('#Qg').css({'background':'#fccec7'}); $('#Qg').attr("placeholder",""); //alert('Plate or CS number is required.'); CountAa = CountAa + 1; } if(Qh > 10) { $('#Qh').focus(); $('#Qh').css({'border':'1px solid red'}); $('#Qh').css({'color':'red'}); $('#Qh').css({'background':'#fccec7'}); $('#Qh').attr("placeholder",""); //alert('Plate or CS number is required.'); CountAa = CountAa + 1; } if(Qi > 10) { $('#Qi').focus(); $('#Qi').css({'border':'1px solid red'}); $('#Qi').css({'color':'red'}); $('#Qi').css({'background':'#fccec7'}); $('#Qi').attr("placeholder",""); //alert('Plate or CS number is required.'); CountAa = CountAa + 1; } if(CountBb > 0){ alert('Required information is missing. Please review your answer. Thank you!'); exit(); return false; } if(CountAa > 0){ alert('ERROR: You have entered invalid value.'); exit(); return false; }else{ $('#Qa').css({'border':'1px solid gray'}); $('#Qa').css({'color':'black'}); $('#Qa').css({'background':'#ffffff'}); $('#Qb').css({'border':'1px solid gray'}); $('#Qb').css({'color':'black'}); $('#Qb').css({'background':'#ffffff'}); $('#Qc').css({'border':'1px solid gray'}); $('#Qc').css({'color':'black'}); $('#Qc').css({'background':'#ffffff'}); $('#Qd').css({'border':'1px solid gray'}); $('#Qd').css({'color':'black'}); $('#Qd').css({'background':'#ffffff'}); $('#Qe').css({'border':'1px solid gray'}); $('#Qe').css({'color':'black'}); $('#Qe').css({'background':'#ffffff'}); } $.ajax({ url: "SendFeedback.php", type: "POST", async: false, data: { "custName": custName, "custMobile": custMobile, "custEmail": custEmail, "custPlate": custPlate, "saDate": saDate, "saName": saName, "Qa": Qa, "Qb": Qb, "Qc": Qc, "Qd": Qd, "Qe": Qe, "Qf": Qf, "Qg": Qg, "Qh": Qh, "Qi": Qi, "commentBox": commentBox, "done":1 }, success: function(d){ $("#thankyouMessage").html(d); $('#pageOne').css({'display':'none'}); $('#pageTwo').css({'display':'none'}); $('#pageThree').css({'display':'none'}); $('#pageFour').css({'display':'block'}); } }) }); }); //########################################################################################################################################### function phonenumber(custMobile) { var phoneno = /^$?([0-9]{3})$?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/; if(custMobile.value.match(phoneno)) { } else { alert("Not a valid Phone Number"); $('#custMobile').focus(); $('#custMobile').css({'border':'1px solid red'}); $('#custMobile').css({'color':'red'}); $('#custMobile').css({'background':'#fccec7'}); $('#custMobile').attr("placeholder","**"); return false; } } function ShowUploadBar() { var div = document.getElementById("loadBaraData"); if (div.style.display == 'none') { div.style.display = ''; } else { div.style.display = 'none' } } function showPageOne(){ $("#pageOne").slideToggle('hide'); $("#pageTwo").slideToggle('show'); } function showPageTwo(){ $("#pageThree").slideToggle('show'); $("#pageTwo").slideToggle('hide'); } function showPageThree(){ $("#pageTwo").slideToggle('show'); $("#pageThree").slideToggle('hide'); } function hidePageOne(){ $("#pageTwo").slideToggle('show'); $("#pageOne").slideToggle('hide'); } function hidePageTwo(){ $("#pageTwo").slideToggle('hide'); $("#pageOne").slideToggle('show'); } function hidePageThree(){ $("#pageThree").slideToggle('hide'); $("#pageTwo").slideToggle('show'); } </script>

| ver. 1.4 | . | PHP 7.3.33 | Generation time: 0.01 | proxy | phpinfo | Settings