<script id="curiseform" type="text/html">
		  <div class="topcruise-list">
			  <span class="topcruise-type">Departures:</span>
			  <div id="get_form_cruiseinfo"></div>	
		  </div>
		  <div class="topcruise-list"> 
		  	<span class="topcruise-type">Room Types:</span>
		  	<div id="get_form_RoomType"></div>	
	      </div>
		  <div class="topcruise-list">
		  	<span class="topcruise-type">Year:</span>
		    <div id="get_form_year"></div>
	      </div>
		  <div class="topcruise-list"> 
		  	<span class="topcruise-type">Month:</span>
		  	<div id="get_form_month"></div>		    
	      </div>
		  <div class="topcruise-list">
		   <span class="topcruise-type">Dates:</span>
		   <div id="get_form_days"></div>
	      </div>
		  <div class="topcruise-pice">price from <strong class="font30 orange" id="js_showprice">$0</strong> per person</div>  
		<div class="topcruise-btn">
			<button class="btn btn-disabled" type="submit" id="btnCruise" data="">Inquiry <i aria-hidden="true" class="fa fa-angle-right"></i></button>
			</div>
</script>

<script type="text/html" id="form_cruiseinfo">
	{{ each CruiseInfo item }}
	<div class="col-label">
		<input name="cruiseinfo" type="radio"  onchange="selectchange(this);" class="mgc" id="ci_{{item.CRI_SN}}" value="{{item.CRI_SN}}">
		<label for="ci_{{item.CRI_SN}}">{{item.CRI_From}} - {{item.CRI_To}}</label>
	  </div>
	{{ /each }}
</script>

<script type="text/html" id="form_RoomType">
	{{ each RoomType item }}
	 <div class="col-label">
		      <input name="roomtype" type="radio"  onchange="selectchange(this);" class="mgc" id="rt_{{item.CRT_SN}}" value="{{item.CRT2_RoomType}}">
		      <label for="rt_{{item.CRT_SN}}">{{item.CRT2_RoomType}}</label>
	        </div>
	{{ /each }}
</script>


<script type="text/html" id="form_year">
	{{ each yearList value i }}
	<div class="col-label">
	  <input name="year" type="radio"  onchange="selectchange(this);" class="mgc" id="y_{{value}}" value="{{value}}">
	  <label for="y_{{value}}">{{value}}</label>
	</div>
	{{ /each }}
</script>

<script type="text/html" id="form_month">
	{{ each monthList item }}
	<div class="col-label">
	  <input name="month" type="radio"  onchange="selectchange(this);" class="mgc" id="m_{{ item.month}}" value="{{ item.month}}">
	  {{if item.show}}
	  	<label for="m_{{item.month}}">{{item.monthEn}}</label>
	  {{else}}
	  	 <label for="" class="disable">{{item.monthEn}}</label>
	   {{/if}}
	</div>
	{{ /each }}
</script>

<script type="text/html" id="form_days">
	{{ each DayList item }}
	<div class="col-label">
	  <input name="days" type="radio" onchange="selectchange(this);" class="mgc" id="d_{{ item.StartDate }}" value="{{ item.StartDate }}">
	  <label for="d_{{ item.StartDate }}">{{ item.DateText }}</label>
	</div>
	{{ /each }}
</script>
<input type="hidden" name="jsShipName" id="jsShipName" value="<?php echo $shipname; ?>" />
<script type="text/javascript" src="https://data.chinatravel.com/js/mobile-first/cruise-details.js" async defer></script>