<? $current->printTools(); $S=$current->settings; global $pool,$LANG,$LANGAR; 
?>
<div class="contact">
<div class="col2">
<div class="hsp2"><div class="pad10">

<div class="col1 gap20">
	<div>
		<div class="dets">
		<h1><?= $current->title ?></h1>
		<p class="par"><?= $current->description ?></p>
		<ul class="action"> 
		<? foreach($current->getImages() as $i)if(strpos($i,'footer')===false)if(isset($current->Images)){ $r=$current->Images[$n= $n=pathinfo($i,PATHINFO_FILENAME)]; if(!$r['Link']) continue; ?>
		<li><a href="<?= strpos($r['Link'],'tel:')!==false?   str_replace(' ','', $r['Link']):$r['Link']   ?>" title="<?= $r['Text'] ?>" ><img src="<?= $i ?>"  alt="<?= $r['Text'] ?>"></a></li> 
		<? } ?>
		</ul>
		<br> 
		</div>
	</div>
	<? cms_emailer($pool[3]->Inquiries);
function module_emailer($I,$e){  global $current;
?>
	<div class="" >
	<div class="tbox"><label><span class="err"><?= $e['Name'] ?></span></label><input type="text" placeholder="Name" name="I[Name]" value="<?= $I['Name'] ?>" required></div>
	<div class="tbox"><label><span class="err"><?= $e['Subject'] ?></span></label><input type="text" placeholder="Subject" name="I[Subject]" value="<?= $I['Subject'] ?>" required></div>
	<div class="tbox"><label><span class="err"><?= $e['Telephone'] ?></span></label><input type="tel" pattern="[0-9]+" placeholder="Telephone" name="I[Telephone]" value="<?= $I['Telephone'] ?>" required></div>
	<div class="tbox"><label><span class="err"><?= $e['Email'] ?></span></label><input type="email" placeholder="Email" name="I[Email]" value="<?= $I['Email'] ?>" required></div>
	</div>
	<div class="" >
	<div class="tbox"><label><span class="err"><?= $e['Message'] ?></span></label><textarea name="I[Message]"  placeholder="Message"  required ><?= $I['Message'] ?></textarea></div>
	<div class="tbox"><label></label><span class="err"><?= $e['Captcha'] ?></span> <? PrintCaptcha(); ?></div>
	<div class="tbox"><input type="submit" name="submit" class="button" style="background:#D62B2B;" value="Send"></div>
		</div>
<? 
} 
?>
</div>
</div></div></div>
<? $l="https://www.google.com/maps/dir/?api=1&destination=$S[Latitude],$S[Longitude]";  ?>
<div class="mbox col2">
<div><div>

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3961.7055883937196!2d79.89821945007284!3d6.80562372168384!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ae24548ed83722b%3A0x6607256743da41f3!2sMagline%20Switchboards%20(Pvt)%20Ltd!5e0!3m2!1sen!2slk!4v1670828195982!5m2!1sen!2slk" width="600" height="500" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe></div></div>
<div class="cdetail" style="text-align:center"><div>
	<div class="pad5 dets2" style="">
		<h4>Head Office</h4>
		<b><?= $S["Company"] ?></b><address><?= str_replace("\n","<br>",$S["Address"]) ?></address>		
		<div class="col3 cbox">
			<div class="mtile" data-aos="zoom-in"><i class="fa fa-phone" aria-hidden="true"></i><div><b >General Numbers</b><span><?  foreach(explode(",",$S['Phone']) as $v){ $v=$v; ?><a href="tel:<?= str_replace(' ','',$v) ?>"><?= $v ?></a><br><? } ?></span></div></div>
			<div class="mtile" data-aos="zoom-in"><i class="fa fa-phone" aria-hidden="true"></i><div><b>Hotline Numbers</b><span><? foreach(explode(",",$S['Hotline']) as $v){ $v=$v; ?><a href="tel:<?= str_replace(' ','',$v) ?>"><?= $v ?></a><br><? }  ?></span></div></div> 
			<div class="mtile" data-aos="zoom-in"><i class="fa fa-fax" aria-hidden="true"></i><div><b>Fax Numbers</b><span><? foreach(explode(",",$S['Fax']) as $v){ $v=$v; ?><a href="tel:<?= str_replace(' ','',$v) ?>"><?= $v ?></a><br><? }  ?></span></div></div> 	
			<div class="mtile" data-aos="zoom-in"><i class="fa fa-envelope" aria-hidden="true"></i><div><b>Email Address</b><span><? foreach(explode(",",$S['Email']) as $v){ $v=trim($v); ?><a href="mailto:<?= $v ?>"><?= $v ?></a><br><? } ?></span></div></div>
			<div class="mtile" data-aos="zoom-in"><i class="fa fa-globe" aria-hidden="true"></i><div><b>Websites</b><span><? foreach(explode(",",$S['Web']) as $v){ $v=trim($v); ?><a href="http://<?= $v ?>"><?= $v ?></a><br><? } ?></span></div></div> 
			<div class=" mtile" data-aos="zoom-in"><i class="fa fa-clock-o" aria-hidden="true"></i><div><b>Working Hours</b><span><?= str_replace("\n","<br>",$S["Hours"]) ?></span></div></div>
		
			
		
		</div>
		</div>	
	</div>
</div>
</div>

</div>
 
<?  
 
 function module_edit($S){ global $current; $S=$current->settings; ?>

	<h2>Contact Information</h2>
	
	<div class="col4 gaph20">
	
	<div><div>Company <br><input type="text" name="S[Company]" value="<?= $S['Company'] ?>"></div></div> 
	
	
	
	<div><div>Hotline<br><input type="text" name="S[Hotline]" value="<?= $S['Hotline'] ?>"></div></div>
	
	<div><div>Phone<br><input type="text" name="S[Phone]" value="<?= $S['Phone'] ?>"></div></div>
	
	<div><div>Fax<br><input type="text" name="S[Fax]" value="<?= $S['Fax'] ?>"></div></div>
	
	<div><div>Email<br><input type="text" name="S[Email]" value="<?= $S['Email'] ?>"></div></div>
	
	<div><div>Web<br><input type="text" name="S[Web]" value="<?= $S['Web'] ?>"></div></div>
	
	<div><div>Latitude<br><input type="text" name="S[Latitude]" value="<?= $S['Latitude'] ?>"></div></div>
	
	<div><div>Longitude<br><input type="text" name="S[Longitude]" value="<?= $S['Longitude'] ?>"></div></div>
	
	</div>
	
	
	
	<div class="col1 gaph20">
	
	<div><div>Address <br><textarea name="S[Address]"><?= $S['Address'] ?></textarea></div></div>  
	
	</div>
	
	
	
	<div class="col1 gaph20"> 
	
	<div><div>Hours <br><textarea name="S[Hours]"><?= $S['Hours'] ?></textarea></div></div>  
	
	
	
	</div>
	
	
	
	<div class="col1 gaph20"> 
	
	<div><div>Note <br><textarea name="S[Note]"><?= $S['Note'] ?></textarea></div></div> 
	
	
	
	</div>
	
	
	
	<h2>Social Media URLs</h2>
	
	<div class="col4 gaph20">
	
	<div><div>Facebook<br><input type="text" name="S[Facebook]" value="<?= $S['Facebook'] ?>"></div></div>
	
	<div><div>Twitter<br><input type="text" name="S[Twitter]" value="<?= $S['Twitter'] ?>"></div></div>
	
	<div><div>Google<br><input type="text" name="S[Google]" value="<?= $S['Google'] ?>"></div></div>
	
	<div><div>LinkedIn<br><input type="text" name="S[LinkedIn]" value="<?= $S['LinkedIn'] ?>"></div></div>
	
	<div><div>YouTube<br><input type="text" name="S[YouTube]" value="<?= $S['YouTube'] ?>"></div></div>
	
	<div><div>Blogger<br><input type="text" name="S[Blogger]" value="<?= $S['Blogger'] ?>"></div></div>
	
	<div><div>Instagram<br><input type="text" name="S[Instagram]" value="<?= $S['Instagram'] ?>"></div></div> 
	
	<div><div>Skype<br><input type="text" name="S[Skype]" value="<?= $S['Skype'] ?>"></div></div>
	
	</div>
	
	<h2>Alerts &amp; Notification Emails</h2>
	
	<div class="col1 gaph20">
	
	<div><div>Inquiries<br><input type="text" name="S[Inquiries]" value="<?= $S['Inquiries'] ?>"></div></div>
	
	<div><div>Careers<br><input type="text" name="S[Careers]" value="<?= $S['Careers'] ?>"></div></div>
	
	<div><div>IPG Diagnostic<br><input type="text" name="S[Diagnostic]" value="<?= $S['Diagnostic'] ?>"></div></div>
	
	<div><div>IPG Confirmation<br><input type="text" name="S[Confirmation]" value="<?= $S['Confirmation'] ?>"></div></div>
	
	<div><div>IPG Receipts<br><input type="text" name="S[Receipts]" value="<?= $S['Receipts'] ?>"></div></div>
	
	</div>
	
	
	
	<? } ?>
		
	<style>
		.contact .topimg{background-image: url("images/cpattern.jpg");width: 100%;height: 150px;position: relative;display: block;background-position: center;background-size: cover;}
.contact { padding: 0px 0; }
.contact form { }
.contact form label { display:block; width:100px; float:left}
.contact b{ padding-top:20px}
.contact b,.contact address,.contact span{display:block}
.contact input[type=submit] { width: 100px; margin-bottom:20px; padding:5px 10px; text-align: center; font-weight: bold; background-color: #ce0000; color: #FFF; overflow:visible }
.contact .b-links { background-image:url('images/contact-marker.png'); background-color:#757575; background-position: center center ; background-repeat: no-repeat }
.contact .b-links a{ display:inline-block; padding:3px 5px; width:80px}
.contact .b-links a i{ display:block; width:40px; height:40px; line-height:40px;  clear:both; margin:0 auto; font-size:20px; border:1px #fff solid; border-radius:50% }
.contact .b-links a:hover i{ background-color:rgba(0,200,0,.5); color:#fff}
.contact .b-links a:hover{color:#0c0; }
.contact .b-links h2{ color:#fff; font-size:26px; font-weight: normal; padding:0;}
.contact .b-links p{color:#ccc; margin-bottom:20px}
.contact .s-links {background-color:#213778; background-image:url('images/contact-like.png')}
.contact .s-links a:before{ border-radius:50%;width:50px; height:50px; line-height:50px; display: block; margin:0 auto; float:none}
.contact .s-links a:hover:before{ background-color: #e6a136}
.contact .s-links a:hover{color:#e6a136}
.contact .s-links a{ font-size:12px}
.contact p.par{ padding:0}
.contact .action{ margin:20px 0px  0 0; padding:0; text-align:left}
.contact .action li {list-style:none; display:inline-block; margin-right:10px }
.contact label { width:100%!important    }
.contact .pad10{padding: 5vw;}
.contact .form .tbox   { padding: 10px 0px;padding-right:30px;}
.contact .form .tbox   input, textarea{position: relative;display: block;background: #ffffff;width: 100%;height: 62px;border: 1px solid #e3e9f4;color: #666666;font-size: 16px;font-weight: 400;padding: 0px 10px;font-style: normal;border-radius: 8px;transition: all 500ms ease;}
.contact .form .tbox  textarea{padding-top: 15px;}
.contact .form .tbox  .button{background-color:#e6a136 ;color: #fff;max-width: 300px;}
.contact .social a{ color:#fff}
.contact #mapDiv { height: 80vh; width:100%;position: relative;}
.contact .mtile{position: relative;background-color: #fff;min-height: 130px;margin-bottom:10px;text-align: center;}
.contact .mtile i{line-height: 30px;width: 30px;background-color: #D62B2B;;color: #fff;border-radius: 50%;}
.contact .cbox{margin: 0 auto;display: inline-block;}
.contact .dets h1{color: #08194a;font-weight: bold;text-transform: uppercase;text-align: left!important;line-height: 1;}
.contact .dets2 h3{color: #08194a;font-weight: bold;text-transform: uppercase;font-size: 2em;}
.contact address{font-style: inherit;padding-bottom: 30px;line-height: 15px;}
.contact .cform .box{padding-right: 10px;}
.contact #mapDiv {height: 85vh;width: 100%;}
.contact .dark h2::after{display: none;}
.contact .tbox .button:hover{background-color:#1E1755;}
.contact .cdetail{margin-bottom: 26px;}
.cms-popup {position: absolute;}
	</style>