<?php
/* Smarty version 3.1.30, created on 2020-08-22 19:46:32
  from "/home/bananatr/public_html/brand/template/index.html" */

/* @var Smarty_Internal_Template $_smarty_tpl */
if ($_smarty_tpl->_decodeProperties($_smarty_tpl, array (
  'version' => '3.1.30',
  'unifunc' => 'content_5f410598b59529_12491353',
  'has_nocache_code' => false,
  'file_dependency' => 
  array (
    '2cd7885346c346afa2a80292815819efad67c2e4' => 
    array (
      0 => '/home/bananatr/public_html/brand/template/index.html',
      1 => 1598096782,
      2 => 'file',
    ),
  ),
  'includes' => 
  array (
    'file:lib/header.tpl' => 1,
    'file:lib/footer.tpl' => 1,
  ),
),false)) {
function content_5f410598b59529_12491353 (Smarty_Internal_Template $_smarty_tpl) {
?>
<!DOCTYPE HTML>
<html>
	<?php $_smarty_tpl->_subTemplateRender("file:lib/header.tpl", $_smarty_tpl->cache_id, $_smarty_tpl->compile_id, 0, $_smarty_tpl->cache_lifetime, array(), 0, false);
?>

			
	
	<?php echo '<script'; ?>
>
		
		function goto_level(level){
			var height = 0;
			if ( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
				height = 60;
				 $('.navbar-collapse').collapse('hide');
			}else{
				height = 100;
			}
			$('html, body').animate({
				scrollTop: $('#' + level).offset().top - height
				}, 500
			);
		}
		
	<?php echo '</script'; ?>
>
	
	<?php echo '<script'; ?>
 src="//cdn.doublemax.net/js/rtid.js"><?php echo '</script'; ?>
>
	<?php echo '<script'; ?>
 src="//dmp.eland-tech.com/dmpreceiver/eland_tracker.js"><?php echo '</script'; ?>
>
	<?php echo '<script'; ?>
 async src="https://www.googletagmanager.com/gtag/js?id=DC-8689044"><?php echo '</script'; ?>
>
	<?php echo '<script'; ?>
>
		clickforce_rtid("8559002");
		ElandTracker.Track({
			'source': 'CAP8559',
			'trackType': 'view',
			'trackSubfolderDepth': 3,
			'targetType': 'pageView'
		});



		clickforce_rtid("8559003");
		ElandTracker.Track({
			'source': 'CAP8559',
			'trackType': 'view',
			'trackSubfolderDepth': 3,
			'targetType': 'usual'
		});

		//DBM

		window.dataLayer = window.dataLayer || [];

		function gtag() {
			dataLayer.push(arguments);
		}
		gtag('js', new Date());

		gtag('config', 'DC-8689044');


		gtag('event', 'conversion', {
			'allow_custom_scripts': true,
			'send_to': 'DC-8689044/invmedia/qqr8swj4+standard'
		});





		//Adwords

		gtag('config', 'AW-954589954');
		gtag('event', 'conversion', {
			'send_to': 'AW-954589954/3QLXCMPwm4QBEILGl8cD'
		});

		//GA
		gtag('config', 'UA-120919082-1');
	<?php echo '</script'; ?>
>

	<noscript>
		<img src="https://ad.doubleclick.net/ddm/activity/src=8689044;type=invmedia;cat=qqr8swj4;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;npa=;ord=1?"
			width="1" height="1" alt="" />
	</noscript>
	
	<?php echo '<script'; ?>
>
    function sendsucess() {
        clickforce_rtid("8559001");
        ElandTracker.Track({
            'source': 'CAP8559',
            'trackType': 'click',
            'trackSubfolderDepth': 3,
            'targetType': 'sendsucess'
        });

        // DBM
        gtag('event', 'conversion', {
            'allow_custom_scripts': true,
            'send_to': 'DC-8689044/invmedia/fdyvj3z8+standard'
        });

        //Adwords
        gtag('event', 'conversion', {
            'send_to': 'AW-954589954/NHB9CM2MhYQBEILGl8cD'
        });

        // GA
        gtag('event', 'sendsucess', {
            'event_category': 'general',
            'send_to': 'UA-120919082-1'
        });
    }
<?php echo '</script'; ?>
>

	
	<!-- Google Tag Manager (noscript) -->
	<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PRSJJWN"
	height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
	<!-- End Google Tag Manager (noscript) -->


	<div id="page">
		<div id="menu_bar">
		<nav class="navbar header_bar navbar-custom">
			<a class="navbar-home" onclick="goto_level('a0')">
				<img src="template/image/logo.png" class="img-fluid">
			</a>
			<div class="tel"></div>
			<a href="tel:02-8631-6789" class="d-none d-sm-block header_bar_text_pos ">立即來電</a><font style="color:white" class="d-none d-sm-block "> &nbsp; | &nbsp;</font>
			<a href="#" onclick="goto_level('a9')" class="d-none d-sm-block header_bar_text_pos ">我要預約</a><font style="color:white" class="d-none d-sm-block "> &nbsp; | &nbsp;</font>
			<a href="#" onclick="goto_level('a8')" class="d-none d-sm-block header_bar_text_pos ">地圖導航</a><font style="color:white" class="d-none d-sm-block "> &nbsp; | &nbsp;</font>
			<a href="https://www.facebook.com/%E6%96%B0%E5%B8%82%E4%B8%80%E4%B8%81%E7%9B%AE-105919281187103/" target="_blank" class="d-none d-sm-block header_bar_text_pos ">FB諮詢</a> 
			
			<button class="navbar-toggler d-sm-none d-xs-block" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
				<i class="fa fa-bars" style="font-size:30px;color:white"></i>
			</button>
		</nav>
		
		<nav class="navbar navbar-expand-md flex-row" id="navMenuBar">
			<div class="collapse navbar-collapse" id="navbarNav">
				<ul class="navbar-nav">
					<li class="nav-item active">
						<a class="nav-link" href="#" onclick="goto_level('a1')">淡水最速</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="#" onclick="goto_level('a2')">交通建設</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="#" onclick="goto_level('a3')">機能八達</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="#" onclick="goto_level('a4')">最強角地</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="#" onclick="goto_level('a5')">一屋一生</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="#" onclick="goto_level('a6')">格局規劃</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="#" onclick="goto_level('a7')">基本資料</a>
					</li>
				</ul>
			</div>
		</nav>
		</div>
		
		<section id="a0">
			<img src="template/image/web_banner1.jpg" style="width:100vw" class=" d-none d-sm-block"/>
			<img src="template/image/mobile_banner1.jpg" style="width:100vw" class=" d-sm-none d-xs-block"/>
		</section>
		
		<section id="a1">
			<div class="carousel slide d-none d-sm-block" data-ride="carousel">
				<img src="template/image/web/danshui.jpg" class="carousel_img">
			</div>
						
			<div class="carousel slide d-sm-none d-xs-block" data-ride="carousel">
				<img src="template/image/mobile/danshui.jpg" class="carousel_img">
			</div>
		</section>
		
		<section id="a2">
			<div class="carousel slide d-none d-sm-block" data-ride="carousel">
				<img src="template/image/web/construct.jpg" class="carousel_img">
			</div>
						
			<div class="carousel slide d-sm-none d-xs-block" data-ride="carousel">
				<img src="template/image/mobile/construct.jpg" class="carousel_img">
			</div>
		</section>
		
		<section id="a3">
			<div class="carousel slide d-none d-sm-block" data-ride="carousel">
				<img src="template/image/web/traffic.jpg" class="carousel_img">
			</div>
						
			<div class="carousel slide d-sm-none d-xs-block" data-ride="carousel">
				<img src="template/image/mobile/traffic.jpg" class="carousel_img">
			</div>
		</section>		
		
		<section id="a4">
			<div class="carousel slide d-none d-sm-block" data-ride="carousel">
				<img src="template/image/web/house.jpg" class="carousel_img">
			</div>
						
			<div class="carousel slide d-sm-none d-xs-block" data-ride="carousel">
				<img src="template/image/mobile/house.jpg" class="carousel_img">
			</div>
		</section>		
		
		<section id="a5">
			<div class="carousel slide d-none d-sm-block" data-ride="carousel">
				<img src="template/image/web/traffic.jpg" class="carousel_img">
			</div>
						
			<div class="carousel slide d-sm-none d-xs-block" data-ride="carousel">
				<img src="template/image/mobile/traffic.jpg" class="carousel_img">
			</div>
		</section>	
		
		<section id="a6">
			<div class="carousel slide d-none d-sm-block" data-ride="carousel">
				<img src="template/image/web/pattern01.jpg" class="carousel_img">
				<img src="template/image/web/pattern02.jpg" class="carousel_img">
				<img src="template/image/web/pattern03.jpg" class="carousel_img">
			</div>
						
			<div class="carousel slide d-sm-none d-xs-block" data-ride="carousel">
				<img src="template/image/mobile/pattern01.jpg" class="carousel_img">
				<img src="template/image/mobile/pattern02.jpg" class="carousel_img">
				<img src="template/image/mobile/pattern03.jpg" class="carousel_img">
			</div>
		</section>	
		
		<section id="a7">
			<div class="col-12 page_info">
				<div class="row">
				
				
				
					<div class="col-lg-12">
						<h5 class="title_font base_info_title">基本資料</h5>
						<div class="base_info_content">
							接待中心：淡水區新市一路一段、沙崙路一段口<br/>
							樓層規劃：地上13層、地下4層<br/>
							格局規劃：36坪（3房2衛）、24-29坪（2房2衛）<br/>
							建照號碼：108淡建字第00459號<br/>
							經紀人字號：連珊蒂(106)南市字第618號<br/>
							投資建設：合嘉建設<br/>
							建築設計：閤康建築師事務所<br/>
							行銷企劃：翰昌動力行銷<br/>
						</div>
					</div>
				</div>
			</div>
		</section>
		
		<section id="a8">			
			<div class="col-12">
				<?php echo '<script'; ?>
 src="https://maps.google.com/maps/api/js?sensor=false&key=AIzaSyAmYX_uU3z7Dqe2Su13FkVTeiD9GapRNo4"><?php echo '</script'; ?>
>
				<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3612.530268294069!2d121.50769241536187!3d25.117757441081995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3442aef3ecad4c61%3A0x236040f26c7742d0!2zMTEy5Y-w5YyX5biC5YyX5oqV5Y2A55-z54mM6Lev5LiA5q61Mznlt7cxMzHlvIQy6Jmf!5e0!3m2!1szh-TW!2stw!4v1527858092836" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
			</div>
		</section>
		
		<section id="a9">
			<div class="col-12 page_contact">
			<div class="overlay"></div>
			<div class="col-md-10 col-lg-8 col-xl-7 mx-auto">
				<h2 class="mb-4 page_contact_title">立即預約</h2>
				<div class="row">
					<div class="col-md-12"> 
						<div class="form-row mb-1 mb-md-3">
							<input type="email" class="form-control form-control-lg d-block" placeholder="請輸入姓名" id="contact_name"> 
						</div>
						<div class="form-row mb-1 mb-md-3">
							<input type="email" class="form-control form-control-lg d-block" placeholder="請輸入電話" id="contact_phone"> 
						</div>
						<div class="form-row mb-1 mb-md-3">
							<input type="email" class="form-control form-control-lg d-block" placeholder="請輸入電子郵件" id="contact_mail"> 
						</div>
						<div class="form-row mb-1 mb-md-3">
							<select class="form-control form-control-lg d-block" required="" id="contact_need">
								<option value="">您目前需求的房數</option>
								<option value="1 房">1 房</option>
								<option value="2 房">2 房</option>
								<option value="3 房">3 房</option>
							</select>
						</div>
					</div>
				</div>

				<div class="row mt-2">  
					<div class="col-xl-12 mx-auto">
						<p class="text-left text-light mb-3">你所登錄的個人資料將做為以下用途<br>
						(一)本網站所載之相關事項通知(二)客戶管理與服務(三)本公司行銷業務之推廣本案實際內容以現場公布為準</p>
						<div class="form-check">
							<p class="text-left text-light">
							<label class="form-check-label">
							<input type="checkbox" class="form-check-input" id="agree_contact">
							本人已知悉以上個人資料蒐集聲明事項
							</label></p>
						</div>
					</div>
				</div>

				<div class="form-row">
					<div class="col-md-12">
					<a class="btn btn-block btn-lg btn-secondary" id="send_mail">送出表單</a>
					</div>
				</div>
			</div>
			</div>
		</section>
		
		<?php $_smarty_tpl->_subTemplateRender("file:lib/footer.tpl", $_smarty_tpl->cache_id, $_smarty_tpl->compile_id, 0, $_smarty_tpl->cache_lifetime, array(), 0, false);
?>

	</div>
	
	<div class="gototop">
		<a href="#" onclick="goto_level('a0')"><i class="fa fa-arrow-up" style="color:white"></i></a>
	</div>
	
	<?php echo '<script'; ?>
>
		document.getElementById("menu_bar").style.top = "0px";
		
		
		$("#send_mail").click(function(){
			var contact_name = $("#contact_name").val();
			var contact_phone = $("#contact_phone").val();
			var contact_mail = $("#contact_mail").val();
			var contact_need = $("#contact_need").val();
			var agree_contact = $("#agree_contact").is(':checked') ? 1 : 0;
			var error_msg = "";
			
			if(contact_name == "") error_msg += "請輸入姓名\n";
			if(contact_phone == "") error_msg += "請輸入電話\n";
			if(contact_need == "") error_msg += "請選擇需求的房數\n";
			if(agree_contact == 0) error_msg += "請同意透過電話或E-mail方式與您聯絡";
			
			if(error_msg != ""){
				swal({
					title: '系統訊息',
					text: error_msg,
					type: 'warning',
					showCancelButton: false, 
					showConfirmButton: true,
					confirmButtonText: '確定'
				});
				return false;
			}
			
			sendsucess();
			
			var data = "&contact_name="+contact_name+
						"&contact_phone="+contact_phone+
						"&contact_mail="+contact_mail+
						"&contact_need="+contact_need+
						"&agree_contact="+agree_contact;
			
			// 發ajax去寄信
			$.ajax({
				type: "POST",
				url: "ajax/manage.php",
				data: "ajax=send_mail"+data,
				success: function(data){
					var obj = JSON.parse(data);
					if(obj.status == "1"){
						swal({
							title: '系統訊息',
							text: obj.msg,
							type: 'success'
						},function(isConfirms){
							$("#contact_name").val("");
							$("#contact_phone").val("");
							$("#contact_mail").val("");
							$("#contact_need").val("");
							$("#agree_contact").prop("checked", false);
						});
					}else{
						swal({
							title: '系統訊息',
							text: obj.msg,
							type: 'warning'
						});
					}
				}
			});	
		});
	<?php echo '</script'; ?>
>
	
</html>

<?php }
}
