@extends('frontend.lfair.layout.default')
@section('content')

<!-- css -->
{!! _asset( '/assets/css/lfair/sign-up.css' ) !!}

<script src="/js/lfair/jquery-1.11.0.min.js"></script>
<script src="/js/lfair/common_ready.js"></script>

<main class="sign-up-wrap" id="wrap">
	<div class="page-banner"><h1>申請參加</h1></div>

	<section class="sign-up-section">
		<div class="max-width">
			<div class="sign-up-box">
				<h2 class="sign-up-title">
					<p>*若您申請參加edm國際遊學線上博覽會，負責顧問將會與您聯繫並提供諮詢說明。</p>
					<p>*可透過現場、LINE、電話、線上參與活動與諮詢。</p>
					<span>*標記為必填。</span>
				</h2>
				<form method="POST" id="registFrm" class="registFrm" name="registFrm" action="/lfair/sign-up-ok">
					<!-- 참가자 정보 -->
					<div class="wrapInput">
						<!-- 성명 -->
						<div class="sign-up-con">
							<h3 class="title"><i>*</i>姓名</h3>
							<input id="ptc_name" name="ptc_name" type="text" class="ptc_name" placeholder="請輸入您的姓名">
						</div>
		
						<!-- 휴대전화 -->
						<div class="sign-up-con">
							<h3 class="title"><i>*</i>行動電話 <span class="desc">(系統將會自動發送中獎簡訊至獲獎者，請務必輸入正確資訊)</span></h3>
							<input id="ptc_phone" name="ptc_phone" type="text" class="ptc_phone" placeholder='請輸入不含"-"符號'>
						</div>
	
						<!-- 이메일 -->
						<div class="sign-up-con">
							<h3 class="title"><span class="check-icon"></span><i>*</i>電子郵件</h3>
							<input type="text" name="ptc_email" id="ptc_email" class="ptc_email" placeholder="請輸入您的電子郵件">
						</div>
	
						<!-- line -->
						<div class="sign-up-con">
							<h3 class="title">LINE ID <span class="desc">(務必啟用陌生好友加入功能，讓聯繫更順暢無阻)</span></h3>
							<input type="text" name="ptc_lineid" id="ptc_lineid" class="ptc_lineid" placeholder="請輸入您的LINE ID">
						</div>
					</div>
	
					<!-- 희망 국가 -->
					<div class="wideBox sign-up-con interest">
						<h3 class="title"><i>*</i>想了解國家</h3>
						<div class="sign-up-con-input-box">
							<div class="wrapSelect">
								<label><input type="checkbox" name="ptc_country[]" value="CA" id="ptc_country1" class="checkcountrys"><i></i><p>加拿大</p></label>
								<label><input type="checkbox" name="ptc_country[]" value="UK" id="ptc_country2" class="checkcountrys"><i></i><p>英國</p></label>
								<label><input type="checkbox" name="ptc_country[]" value="US" id="ptc_country3" class="checkcountrys"><i></i><p>美國</p></label>
								<label><input type="checkbox" name="ptc_country[]" value="AU" id="ptc_country4" class="checkcountrys"><i></i><p>澳洲</p></label>
								<label><input type="checkbox" name="ptc_country[]" value="NZ" id="ptc_country5" class="checkcountrys"><i></i><p>紐西蘭</p></label>
								<label><input type="checkbox" name="ptc_country[]" value="IE" id="ptc_country6" class="checkcountrys"><i></i><p>愛爾蘭</p></label>
								<label><input type="checkbox" name="ptc_country[]" value="MT" id="ptc_country7" class="checkcountrys"><i></i><p>馬爾他</p></label>
								<label><input type="checkbox" name="ptc_country[]" value="KR" id="ptc_country8" class="checkcountrys"><i></i><p>韓國</p></label>
							</div>
						</div>
					</div>
	
					<!-- 예상 출국시기 -->
					<div class="wideBox sign-up-con period">
						<h3 class="title"><i>*</i>預計出國時間</h3>
						<div class="sign-up-con-input-box wrapSelect">
							<label><input type="radio" name="ptc_period" value="1" id="ptc_period1"><i></i><p>2025年1-6月</p></label>
							<label><input type="radio" name="ptc_period" value="2" id="ptc_period2"><i></i><p>2025年7-12月</p></label>
							<label><input type="radio" name="ptc_period" value="3" id="ptc_period3"><i></i><p>2026年</p></label>
						</div>
					</div>
	
					<!-- 예상 학습 기간 -->
					<div class="wideBox sign-up-con monthPeriod">
						<h3 class="title"><i>*</i>預計學習期間</h3>
						<div class="sign-up-con-input-box wrapSelect">
							<label><input type="radio" name="ptc_term" value="1" id="ptc_term1"><i></i><p>3個月以內</p></label>
							<label><input type="radio" name="ptc_term" value="2" id="ptc_term2"><i></i><p>4-6個月</p></label>
							<label><input type="radio" name="ptc_term" value="3" id="ptc_term3"><i></i><p>6-9個月</p></label>
							<label><input type="radio" name="ptc_term" value="4" id="ptc_term4"><i></i><p>1年以上</p></label>
						</div>
					</div>
	
					<!-- 상담방식 -->
					<div class="wideBox sign-up-con consult">
						<h3 class="title"><i>*</i>諮詢方式 <span class="desc2">* 請選擇您想要得諮詢方式.</span></h3>
						<div class="sign-up-con-input-box wrapSelect">
							<label><input type="radio" name="ptc_counsel_type" value="1" id="ptc_counsel_type1"><i></i><p>LINE諮詢 <span>（顧問將會加入您的LINE ID，<br class="mo-br">務必開啟陌生好友加入功能。）</span></p></label>
							<label><input type="radio" name="ptc_counsel_type" value="2" id="ptc_counsel_type2"><i></i><p>電話/線上諮詢 <span>（顧問將會透過電話與您預約諮詢日期，<br class="mo-br">請務必接聽電話。）</span></p></label>
							<label><input type="radio" name="ptc_counsel_type" value="3" id="ptc_counsel_type3"><i></i><p>現場諮詢 <span>（顧問將會透過電話與您預約來訪日期，<br class="mo-br">請務必接聽電話。）</span></p></label>
							<label><input type="radio" name="ptc_counsel_type" value="4" id="ptc_counsel_type4"><i></i><p>諮詢完後，我只想要一本遊學指南。 <span>（我們將提供電子版遊學指南。）</span></p></label>
						</div>
					</div>
	
					<!-- 개인정보 이용동의 -->
					<div class="information-box">
						<div class="column-prv first">
							<p class="prv">
								<label for="prv_1"><input type="checkbox" id="prv_1" name="prv_1"value="prv_1"><span></span>同意收集個人資訊</label>
								<span class="btnMore">例子</span>
							</p>
							<textarea cols="10" rows="4" class="qp-input as-w100" readonly="">    
	■ 收集的個人資訊項目
	
	伊殿國際教育股份有限公司（以下稱「公司」）為了提供博覽會預約及各項服務，將收集以下最基本的個人資訊作為必要項目：
	
	ο 必要項目
	- 姓名、手機號碼（聯絡方式）、電子郵件、興趣領域、感興趣的國家、出國時間
	
	■ 個人資訊收集及使用目的
	ο 提供博覽會活動通知及預約所需的相關信息
	ο 後續的諮詢服務中，將用於提供相關資訊
	
	■ 個人資訊的保存及使用期限
	原則上，當個人資訊的收集及使用目的達成後，將立即銷毀。
	但以下信息將根據以下原因在指定期間內保留：
	
	ο 公司內部政策所需的資料保存原因
	- 防止不正當使用記錄保存：防止不當利用 / 保存期限：1年
	
	您可以拒絕同意上述個人資訊的收集與使用。
	然而，若不同意收集與使用個人資訊，則可能無法充分享受公司所提供的最新遊學資訊、相關服務，或在進行諮詢時，將無法獲得充分的服務。
							</textarea>
						</div>
						<div class="column-prv second">
							<p class="prv">
								<label for="prv_2"><input type="checkbox" id="prv_2" name="prv_2" value="prv_2"><span></span>同意向第三方提供個人資訊</label>
								<span class="btnMore">例子</span>
							</p>
							<textarea cols="10" rows="4" class="qp-input as-w100" readonly="">   
	個人資訊可在收集目的範圍內提供給第三方。
	
	■ 博覽會申請參與的客戶
	為了提供更多有關海外學校的信息，將在必要範圍內將資料傳遞給參展學校（第三方）。
	
	1.提供對象 : 博覽會參展的學校
	2.提供目的 : 學校向諮詢客戶提供更多學校資訊（透過電子郵件）
	3.提供資訊
	- 姓名、電子郵件、興趣領域（課程、專業）、希望入學時間
	- 資料收集後1個月內將進行銷毀（但根據相關法律規定，可能會在法定期限內保留資料）
	
	* 同意拒絕權說明
	公司將僅在收集個人資訊時明確說明的範圍內向第三方提供資料。用戶即使同意提供個人資訊，也可以隨時撤回同意。
	若拒絕提供資訊，將會對博覽會參加及諮詢服務造成限制，敬請注意。
							</textarea>
						</div>
					</div>
	
					<p class="from-btn">
						<input type="hidden" name="_token" value="{!! csrf_token() !!}">
						{{-- <input type="submit" id="btn_submit" value="申請免費參加"> --}}
						<input type="button" id="btn_submit" value="申請免費參加" onClick="checkRecaptchaV3();">
					</p>
				</form>
			</div>
		</div>
	</section>
</main>

<script src="/js/lfair/sign-up.js?v=1"></script>
<script>
	$('.btnMore').click(function(){
		$(this).parents('.column-prv').toggleClass('open');
	});

	function checkRecaptchaV3 () {
		participationRequest();
    }
</script>

@endsection