<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>China Reisen und China Rundreisen individuell | Chinarundreisen.com</title>

    <link rel="stylesheet" href="//data.chinarundreisen.com/min/?f=/css/base.css,/css/header.css,/css/kunden-form.css"/>
	<link href="https://data.chinarundreisen.com/information-view/information/css/bootstrap-datetimepicker.min.css?v=201506022" rel="stylesheet" type="text/css"/>
	<script language="javascript" src="//data.chinarundreisen.com/min/?f=/js/base.js,/js/bootstrap.min.3.3.5.js,/js/lazyload.js,/js/common.js,/js/gotop.js" type="text/javascript"></script>
	<script src="https://data.chinarundreisen.com/information-view/information/js/jquery-ui.min.1-11-3.js" type="text/javascript"></script>
	<script src="https://data.chinarundreisen.com/information-view/information/js/jquery-ui-timepicker-addon.js" type="text/javascript"></script>
    <!--[if lt IE 9]>
    <script src="https://data.chinarundreisen.com/information-view/bootstrap/js/respond.min.js" type="text/javascript"></script>
    <![endif]-->
    <style type="text/css">.popover{background-color:#f2f600;}</style>
</head>
<body>
	<div id="warp">
		<!-- 移动端导航start --> 
		<div class="sidenav-box cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left visible-sm visible-xs" id="menu" style="overflow-y: scroll;">
			<div class="sidenav-top">
				<ul>
				  <li><a href="/" class="home"></a></li>
				  <li><a href="/ueber-uns/" class="contact"></a></li>
				  <li><a href="/kontakt/" class="email"></a></li>
				  <li><a href="tel://800-8224462" class="cell"></a></li>    
				</ul>
				<div class="clearfix"></div>
			</div>
			<ul class="sidenav-menu">
			  <li> <a href="//www.chinarundreisen.com/massgeschneiderte-china-reisen/" class="active" style="margin-left:30px !important; padding-right: 50px;">Maßschneidern Ihrer Reise</a>
			  </li>
			  <li style="position:relative"><span class="close-btn"></span>
			  <a href="//www.chinarundreisen.com/china-rundreisen/" class="active">Chinarundreisen<span class="phone-arrow"></span></a>
				<ul class="sidenav-dropdown" style="display:none">
				  <li><a href="/chinareisen/">China Reisen 2018</a></li>
				  <li><a href="/china-individualreisen/">China Individualreisen</a></li>
				  <li><a href="/panda/">Panda</a></li>
				  <li><a href="/wanderung-reisen/">Wanderung</a></li>
				  <li><a href="/tagesreisen/">Tagesreisen</a></li>
				  <li><a href="/china-kreuzfahrtausflug/">Kreuzfahrt Ausflug</a></li>
				</ul>
			  </li>
			  <li style="position:relative"><span class="close-btn"></span>
			  <a href="/reiseziele/" class="active">Reiseziele<span class="phone-arrow"></span></a>
				<ul class="sidenav-dropdown" style="display:none">
				  <li><a href="/beijing/">Beijing</a></li>
				  <li><a href="/shanghai/">Shanghai</a></li>
				  <li><a href="/guilin/">Guilin </a></li>
				  <li><a href="/xian/">Xian</a></li>
				  <li><a href="/yangtse/">Yangtse Kreuzfahrt</a></li>
				</ul>
			  </li>
			  <li><a href="/guide-book/">Reiseführer</a></li>
			  <li><a href="/china-info/kultur.htm">Kultur</a></li>
			  <li><a href="/ueber-uns/">über uns</a></li>
			</ul>
		</div>
		  
		<div class="phone-header cbp-spmenu-push visible-sm visible-xs" id="phoneheader">
			<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
				<i class="fa fa-navicon" id="showLeftPush"></i>
			</button>
			<div class="phone-logo">Chinarundreisen</div>
			<a href="/massgeschneiderte-china-reisen/" class="white-btn">Anfragen</a>
		</div>
		<!-- 移动端导航end --> 

		<!-- pc端导航start -->   
		<div id="header" class="hidden-sm hidden-xs">
			<div class="container">
				<div class="logo">
					<a href="/">
						<img src="http://data.chinarundreisen.com/public/pic/common/widget/header/pic/logo1_3d64397.jpg" alt="China Highlights" />
					</a>
				</div>
				<div class="top-content">
					<div class="top-bar">
						<ul>
							<li><span class="cell-icon"></span>800-8224462 <span style="opacity:0.4;filter:alpha(opacity=40);">(9:00-17:00 Uhrzeit China)</span></li>
							<li><a href="/ueber-uns/">über uns</a></li>
							<li><a href="/kontakt/">Kontakt</a></li>
							<li><a href="/feedback/">Bewertung</a></li>
						</ul>
						<div class="clearfix"></div>
					</div>
					<div class="top-nav" style="margin-bottom: -10px;">
						<ul>
							<li><a href="/">Home</a></li>
							<li><a href="/china-rundreisen/">Chinarundreisen</a></li>
																
							<li><a href="/massgeschneiderte-china-reisen/">Maßschneidern Ihrer Reise</a></li>
							<li><a href="/reiseziele/">Reiseziele</a></li>
							<li><a href="/guide-book/">Reiseführer</a></li>
							<li><a href="/china-info/kultur.htm">Kultur</a></li>
						</ul>
						<div class="clearfix"></div>
					</div>  
					<div class="nav-sub">
						<div class="clearfix"></div>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
		<!-- pc端导航end --> 
		
		<!-- content -->
		<div class="bg-gray">
			<div class="container">  
				<div class="row mtop30">
					<div class="col-xs-12 col-sm-12 col-md-8">
						<h1>Vielen Dank für die Buchung bei Chinarundreisen!<br/>Bitte füllen Sie das folgende Formular aus</h1>
						<div class="top-note">
							<span class="note-tag">!</span>
							Bitte prüfen Sie, ob Ihr Name richtig geschrieben ist (vollständiger Name wie im Reisepass) . Da wir die Folgekosten durch ein wegen falschem Namen stornierten Hotel oder Flugticketnicht tragen, ist die richtige Schreibweise Ihres Namens und Ihrer alle Daten unbedingt wichtig.
						</div>
						
					<form id="form-confirm-info" method="post" action="/secureinfoconfirm/confirm/save_confirm_info">
						<div class="kunden-info-box ">
							<h2>Fluginformationen</h2>
							<div class="kunden-info">
								<div class="form-content">
									<div class="form-group">
										<label class="col-xs-12 col-sm-12 col-md-4 form-col">Flug Nr.und Datum Ihrer Ankunft in China</label>
										<div class="col-sm-5 form-col">
											<input class="form-control" name="MEI_ArrivalFlightNo" required/>
										</div>
										<div class="col-sm-3 form-col">
											<input class="form-control calendar f_datepicker" name="MEI_ArrivalTime" required/>
										</div>
										<div class="clearfix"></div>
									</div>
									<div class="form-group">
										<label class="col-xs-12 col-sm-12 col-md-4 form-col">Flug Nr.und Datum Ihres Abfluges</label>
										<div class="col-sm-5 form-col">
											<input type="" class="form-control" name="MEI_DepartureFlightNo" required/>
										</div>
										<div class="col-sm-3 form-col">
											<input type="" class="form-control calendar f_datepicker" name="MEI_DepartureTime" required/>
										</div>
										<div class="clearfix"></div>
									</div>
								</div>
								<div class="b-text">
									<p class="red"><a href="" class="addmemeber" target="_blank">Falls jemand die andere Flug nach China nehmen, klicken Sie hier die Info auszufüllen.<span class="red-round"><i class="leftcaret"></i></span></a></p>
								</div>
							</div>
						</div>
						
						<div class="kunden-info-box ">
							<h2>Kundeninformationen</h2>
							<div class="kunden-info ">
								<div class="form-content">
									<div class="form-group">
										<label class="col-xs-12 col-sm-12 col-md-3 form-col">Name</label>
										<div class="col-sm-6 col-md-5 form-col">
											<div class="gender-left">
												  <select class="form-control" name="gender[]">
														<option value="100003"> Frau</option>
														<option value="100001"> Herr</option>
												  </select>
											</div>
											<div class="gender-right">
												<input class="form-control require" name="sur_name[]" placeholder="Nachname" type="text" required/>
											</div>
										</div>
										<div class="col-xs-12 col-sm-12 col-md-4 form-col">
											<input type="text" name="given_name[]" class="form-control" placeholder="Name" required/>
										</div>
										<div class="clearfix"></div>
									</div>
									<div class="form-group">
										<label class="col-xs-12 col-sm-12 col-md-3 form-col">Geburtstag</label>
										<div class="col-sm-6 col-md-5 form-col">
											<input type="text" class="form-control calendar bd_datepicker" name="birthday[]" required/>
										</div>
										<div class="clearfix"></div>
									</div>
									<div class="form-group">
										<label class="col-xs-12 col-sm-12 col-md-3 form-col">Passnr.</label>
										<div class="col-xs-12 col-sm-12 col-md-5 form-col">
											<input type="text" class="form-control" name="passport[]" required/>
										</div>
										<div class="clearfix"></div>
									</div>
									<div class="form-group">
										<label class="col-xs-12 col-sm-12 col-md-3 form-col line2">Verfallsdatum <br />
										des Reisepasses</label>
										<div class="col-xs-12 col-sm-12 col-md-5 form-col">
											<input type="text" class="form-control calendar passport_expiration_date" name="passport_expiration_date[]" required/>
										</div>
										<div class="clearfix"></div>
									</div>
									<div class="form-group">
										<label class="col-xs-12 col-sm-12 col-md-3 form-col">Nationalität</label>
										<div class="col-xs-12 col-sm-12 col-md-5 form-col">
											<select class="form-control" name="nationality[]">
												<option selected="selected" disabled="disabled"> Nationalität</option>
												<option value="6"> Deutschland</option>
												<option value="25"> Die Schweiz</option>
												<option value="470"> Österreich</option>
												<option value="572">Luxemburg</option>
												<option value="5">Kanada</option>
												<option value="8">Frankreich</option>
											</select>
										</div>
										<div class="clearfix"></div>
									</div>
								</div>
								
								<p class="red addperson">
									<a href="javacript:void(0);"><span class="add-btn">+</a> Mitreisende hinzufügen
								</p>
								<div class="b-text">
									
									<div class="add-content">
										<div class="form-group">
											<label class="col-xs-12 col-sm-12 col-md-3 form-col">Kontakttelefon</label>
											<div class="col-xs-6 col-sm-6 col-md-4 form-col">
												<input type="" class="form-control" placeholder="Land line" name="landline" required/>
											</div>
											<div class="col-xs-6 col-sm-6 col-md-4 form-col">
												<input type="" class="form-control" placeholder="Handy" name="mobile" required/>
											</div>
											<div class="clearfix"></div>
										</div>
										<div class="form-group">
											<label class="col-xs-12 col-sm-12 col-md-3 form-col">Anschrift</label>
											<div class="col-xs-12 col-sm-12 col-md-8 form-col">
												<p class="mbottom20"><input type="text" class="form-control" id="input2" placeholder="Straße" name="street" required/></p>
												<p class="mbottom20"><input type="text" class="form-control" id="input2" placeholder="Stadt" name="city" required/></p>
												<p><input type="text" class="form-control" id="input2" placeholder="Land" name="country" required/></p>
											</div>
											<div class="clearfix"></div>
										</div>
									</div>
								</div>
							</div>
						</div>
						
						<div class="kunden-info-box ">
							<h2>Besondere Anforderungen</h2>
							<div class="kunden-info ">
								<textarea name="special_request" class="form-control" cols="30" rows="5" placeholder="Großes Bett für
Vegetarisches Essen für 
Andere Abfahrts-/Ankunftszeit für
" required></textarea>
							</div>
						</div>
						
						<div class="kunden-info-box ">
							<h2>Kontaktinformationen für Notfälle<span class="font16"> (im Falle eines Notfalls während Ihrer Chinareise)</span></h2>
							<div class="kunden-info ">
								<div class="form-content">
									<div class="form-group">
										<label class="col-xs-12 col-sm-12 col-md-3 form-col">Kontaktsperson</label>
										<div class="col-sm-6 col-md-5 form-col">
											<input type="text" class="form-control" name="emergency_person_name" required/>
										</div>
										<div class="clearfix"></div>
									</div>
									<div class="form-group">
										<label class="col-xs-12 col-sm-12 col-md-3 form-col">Email Adresse</label>
										<div class="col-xs-12 col-sm-12 col-md-5 form-col">
											<input type="text" class="form-control" name="emergency_email" required/>
										</div>
										<div class="clearfix"></div>
									</div>
									<div class="form-group">
										<label class="col-xs-12 col-sm-12 col-md-3 form-col line2">Beziehung
										<br />mit ihm/ihr</label>
										<div class="col-xs-12 col-sm-12 col-md-5 form-col">
											<input type="text" class="form-control" name="emergency_relationship" required/>
										</div>
										<div class="clearfix"></div>
									</div>
									<div class="form-group">
										<label class="col-xs-12 col-sm-12 col-md-3 form-col">Telefon Nr.</label>
										<div class="col-xs-12 col-sm-12 col-md-5 form-col">
											<input type="text" class="form-control" name="emergency_telephone" required/>
										</div>
										<div class="clearfix"></div>
									</div>
								</div>
							</div>
						</div>
						
						<div class=" text-center">
							<input type="hidden" name="toname" value="<?php echo $userinfo[0]->OPI_FirstName; ?>">
							<input type="hidden" name="tomail" value="<?php echo $userinfo[0]->OPI_Email; ?>">      
							<input type="hidden" name="COLI_ID" value="<?php echo $userinfo[0]->COLI_ID; ?>">
							<input type="hidden" name="COLI_SN" value="<?php echo $userinfo[0]->COLI_SN; ?>">
							<input type="hidden" name="visitor_link" value="<?php echo $visitor_link; ?>">
							<button href="javascript:;" id="form-confirm-info" class="btn btn-danger btn-lg">Überprüfen & Absenden</button> 
							<p><img src="https://data.chinarundreisen.com/pic/btn-text.jpg" width="311" height="30" /></p>
						</div>
						
						<div class="form-footer">
							Copyright © 2002. Chinarundreisen.com Alle Rechte vorbehalten.
						</div>
						
					</div>    
				</div>
			</div>
		</div>
		</form>
		<!-- content -->
	</div>

	<div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	  <div class="modal-dialog">
		<div class="modal-content">
		  <div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			<h4 class="modal-title" id="myModalLabel">Fehler!</h4>
		  </div>
		  <div class="modal-body" style="height:150px;">
			<p class="text-danger lead" style="padding-top:10px;">Fehler: Bitte kontaktieren Sie Ihren Reisebegleiter.</p>
		  </div>
		</div>
	  </div>
	</div>
<script>
$(function(){
	//到达日期/出发日期
	$('.f_datepicker').datepicker({
		controlType: 'select',
		oneLine: true,
		changeMonth: false,
		changeYear: false,
		timeFormat: 'H:mm'
	});
	
	//用on来绑定，防止新添加的元素无法相应初始化配置，但是有一个bug，如果第一次直接点击无法启用日历
	$('body').on('click',function(){
		//生日
		$('.bd_datepicker').datepicker({
			controlType: 'select',
			oneLine: true,
			changeMonth: true,
			changeYear: true,
			defaultDate:'-45y',
			yearRange: '1920:2015',
			timeFormat: 'mm/dd/yy'
		});
		
		//护照过期时间
		$('.passport_expiration_date').datepicker({
			controlType: 'select',
			oneLine: true,
			changeMonth: true,
			changeYear: true,
			yearRange: '2010:2025',
			timeFormat: 'mm/dd/yy'
		});
	});
	
	//添加乘客
	$('.addperson').click(function(){
		var addhtml = '<div class="b-text"></div><div class="form-content"><div class="form-group"><label class="col-xs-12 col-sm-12 col-md-3 form-col">Name</label><div class="col-sm-6 col-md-5 form-col"><div class="gender-left"><select class="form-control" name="gender[]"><option value="100003"> Frau</option><option value="100001"> Herr</option></select></div><div class="gender-right"><input class="form-control require" name="sur_name[]" placeholder="Nachname" type="text"></div></div><div class="col-xs-12 col-sm-12 col-md-4 form-col"><input type="text" name="given_name[]" class="form-control" placeholder="Name"></div><div class="clearfix"></div></div><div class="form-group"><label class="col-xs-12 col-sm-12 col-md-3 form-col">Geburtstag</label><div class="col-sm-6 col-md-5 form-col"><input type="text" class="form-control calendar bd_datepicker" name="birthday[]"></div><div class="clearfix"></div></div><div class="form-group"><label class="col-xs-12 col-sm-12 col-md-3 form-col">Passnr.</label><div class="col-xs-12 col-sm-12 col-md-5 form-col"><input type="text" class="form-control" name="passport[]"></div><div class="clearfix"></div></div><div class="form-group"><label class="col-xs-12 col-sm-12 col-md-3 form-col line2">Verfallsdatum <br>des Reisepasses</label><div class="col-xs-12 col-sm-12 col-md-5 form-col"><input type="text" class="form-control calendar passport_expiration_date" name="passport_expiration_date[]"></div><div class="clearfix"></div></div><div class="form-group"><label class="col-xs-12 col-sm-12 col-md-3 form-col">Nationalität</label><div class="col-xs-12 col-sm-12 col-md-5 form-col"><select class="form-control" name="nationality[]"><option selected="selected" disabled="disabled"> Nationalität</option><option value="6"> Deutschland</option><option value="25"> Die Schweiz</option><option value="470"> Österreich</option><option value="572">Luxemburg</option><option value="5">Kanada</option><option value="8">Frankreich</option></select></div><div class="clearfix"></div></div></div>';
		
		$(this).before(addhtml);
		
	});
	
	var coli_sn = <?php echo $userinfo[0]->COLI_SN;?>;
	
	//ajax获取新生成页面的url
	$.ajax({
        type: "post",
        url: '/ajax/get_member_uri/'+coli_sn,
        success: function(return_url) {
            $('.addmemeber').attr('href',return_url);
        }
    });
	
	//提交信息
	$("#form-confirm-info").submit(function(event){
		event.preventDefault();
		var $btn = $("#btn-add-userinfo").button('loading');

		var url=$(this).attr('action');
		var data=$(this).serialize();
		$.ajax({
			type: "post",
			url: url,
			dataType: "json",
			data: data,
			success: function(json_data) {
				if (json_data.status == 'ok') {
					location.href='/secureinfoconfirm/confirm/index/0/0/0/gm';
				} else {
					$btn.button('reset');
					$('#myModal').modal('show');
				}
			},
			error: function(XMLHttpRequest, textStatus, errorThrown) {
				$btn.button('reset');
				alert(errorThrown);
			}
		});
    });
})</script>

</body>
</html>