<!-- search result -->

@if(isset($cabins))

	<h2> Cabin </h2>
	{!! Form::label('cabin_form', 'Cabin') !!}
	<?php 
$options = [];
foreach ($cabins as $cabin) {
    $a = ['value' => $cabin->id, 'display' => $cabin->location, 'class' => ''];
    array_push($options, $a);
}
echo Form::fancySelect('cabin_form', $options);
?>

	<button class="tab-button btn btn-primary btn-sm" type="button" id="selectCabinBtn"> Select </button>

	<script>
		$('#selectCabinBtn').click(function(){
			$('.nav-tabs > .active').next('li').find('a').trigger('click');
			
			var request = $.ajax({
	    		type: "GET",
	    		url : "/getpassengerform"
    		});

	    	request.done(function( msg ) {
				$("#passengertab").html(msg);
			});

			request.fail(function( jqXHR, textStatus ) {
			</ul>

		<div id="tabs_content" class="tab-content">
		  	<div id="cruisetab" class="tab-pane fade in active">
		    	<h3>Cruises</h3>
		    	<p>List of available cruises.</p>

		    		@if(isset($cruises))
					{!! Form::label('cruise_form', 'Cruise') !!}
					<?php 
$options = [];
foreach ($cruises as $cruise) {
    $a = ['value' => $cruise->id, 'display' => $cruise->name, 'class' => ''];
    array_push($options, $a);
}
echo Form::fancySelect('cruise_form', $options);
?>
					@endif

				<button class="tab-button btn btn-primary btn-sm" type="button" id="selectCruiseBtn"> Select </button>
		  	</div>
		  	<div id="cabintab" class="tab-pane fade">
		    	<h3>Cabin</h3>
		    	<p>List of available cabins</p>
		  	</div>
		  	<div id="passengertab" class="tab-pane fade">
		    	<h3>Passenger</h3>
		    	<p>Please enter passenger details</p>
		  	</div>
		  	<div id="confirmationtab" class="tab-pane fade">
		    	<h3>Confirmation</h3>