<?php /* Body tag */ ?>
<?php $__env->startSection('body_tag'); ?>
<body class="page page-two-column">
    <?php $__env->stopSection(); ?>

    <?php /* Content */ ?>
    <?php $__env->startSection('content'); ?>

    <div id="progress-bar">
      <div class="row">
        <div id="progress-bar-steps">
            <div class="large-4 col-md-4 columns progress-bar-step done">
                <div class="step_number">1</div>
                <div class="step_name">Search for Vehicle</div>
            </div>
            <div class="large-4 col-md-4 columns progress-bar-step current">
                <div class="step_number">2</div>
                <div class="step_name">Select Vehicle</div>
            </div>
            <div class="large-4 col-md-4 columns progress-bar-step last">
                <div class="step_number">3</div>
                <div class="step_name">Review &amp; Book</div>
           </div>
        </div>
      </div>
    </div>
    <div class="row">
     <div id="main">
  <!---Erroe Section Start---->
  <div class="large-12 medium-12 columns">
  <!---Erroe Section Content Goes here---->
   <!--Error-->
  </div>
  <!---Erroe Section End---->
     <div class="large-12 columns">
      <div class="row">
       <div class="large-12 columns">
        <!form id="slider-form" class="main-form">
        <?php echo Form::Open(array('class'=>'main-form', 'id'=>'slider-form')); ?>

        <div id="book_car_content" class="row content-form ">
            <div class="large-4 col-md-4 columns location-block retgapd">
                <div class="form-block location">Location</div>
                <input type="hidden" id="formType" name="formType" value="Book_a_Car" />
                <input class="location validate[required]" type="text" value="<?php echo $form->getLocation(); ?>" placeholder="Enter airport, city or zip code" name="location" id="location"/>
                <input type="hidden" value="<?php echo $form->getLocationCode(); ?>" name="locationCode" id="locationCode" />
                <input id="location-checkbox" type="checkbox" class="styled" name="isDiffLoc" value="<?php echo $form->getIsDiffLoc(); ?>"/>
                <label for="location-checkbox"> Return at different location</label>
                <div class="row">
                <div class="large-12 columns location-block return_location">
                    <div class="form-block location">Return location</div>
                    <input class="location" type="text" value="<?php echo $form->getReturnLoc(); ?>" placeholder="Enter airport, city or zip code" name="returnLoc" id="returnLoc"/>
                    <input type="hidden" value="<?php echo $form->getReturnLocCode(); ?>" name="returnLocCode" id="returnLocCode"/>
                </div>
                </div>
            </div>
            <div class="large-4 col-md-4 columns form-block pick-up">
                <h4 class="pick-title">Pick-up date</h4>
                <div class="row">
                 <div class="large-6 medium-6 left-indv mob-pickdt columns">
                   <input class="datepicker validate[required]" type="text" value="<?php echo $form->getPickUp_date(); ?>" name="pickUp_date"/>
                
                 </div>
                 <div class="large-6 medium-6 righ-indv mob-pickdt columns">
                   <select  data-errormessage-value-missing="Pickup Time is required!" data-prompt-position="bottomLeft:0,0" class="time-select validate[required]"  value="" name="pickUp_time" id="pickUp_time" >
                   <option value="00:00">12:00 AM</option><option value="00:30">12:30 AM</option><option value="01:00">1:00 AM</option><option value="01:30">1:30 AM</option><option value="02:00">2:00 AM</option><option value="02:30">2:30 AM</option><option value="03:00">3:00 AM</option><option value="03:30">3:30 AM</option><option value="04:00">4:00 AM</option><option value="04:30">4:30 AM</option><option value="05:00">5:00 AM</option><option value="05:30">5:30 AM</option><option value="06:00">6:00 AM</option><option value="06:30">6:30 AM</option><option value="07:00">7:00 AM</option><option value="07:30">7:30 AM</option><option value="08:00">8:00 AM</option><option value="08:30">8:30 AM</option><option value="09:00">9:00 AM</option><option value="09:30">9:30 AM</option><option value="10:00" selected="selected">10:00 AM</option><option value="10:30">10:30 AM</option><option value="11:00">11:00 AM</option><option value="11:30">11:30 AM</option><option value="12:00">12:00 PM</option><option value="12:30">12:30 PM</option><option value="13:00">1:00 PM</option><option value="13:30">1:30 PM</option><option value="14:00">2:00 PM</option><option value="14:30">2:30 PM</option><option value="15:00">3:00 PM</option><option value="15:30">3:30 PM</option><option value="16:00">4:00 PM</option><option value="16:30">4:30 PM</option><option value="17:00">5:00 PM</option><option value="17:30">5:30 PM</option><option value="18:00">6:00 PM</option><option value="18:30">6:30 PM</option><option value="19:00">7:00 PM</option><option value="19:30">7:30 PM</option><option value="20:00">8:00 PM</option><option value="20:30">8:30 PM</option><option value="21:00">9:00 PM</option><option value="21:30">9:30 PM</option><option value="22:00">10:00 PM</option><option value="22:30">10:30 PM</option><option value="23:00">11:00 PM</option><option value="23:30">11:30 PM</option>
                </select>	
                 </div>
                </div>
                	
                    
            </div>
            <div class="large-4 col-md-4 columns form-block drop-off">
                <h4 class="pick-title">Drop-off date</h4>
                <div class="row">
                 <div class="large-6 medium-6 left-indv mob-pickdt columns">
                  <input class="datepicker validate[required]" type="text" name="dropOff_date" value="<?php echo $form->getDropOff_date(); ?>"/>
                 </div>
                 <div class="large-6 medium-6 righ-indv mob-pickdt columns">
                  <select  data-errormessage-value-missing="Drop-off Time is required!"  data-prompt-position="bottomLeft:0,0"  class="time-select validate[required]"  name="dropOff_time" id="dropOff_time" >	
                    <option value="00:00">12:00 AM</option><option value="00:30">12:30 AM</option><option value="01:00">1:00 AM</option><option value="01:30">1:30 AM</option><option value="02:00">2:00 AM</option><option value="02:30">2:30 AM</option><option value="03:00">3:00 AM</option><option value="03:30">3:30 AM</option><option value="04:00">4:00 AM</option><option value="04:30">4:30 AM</option><option value="05:00">5:00 AM</option><option value="05:30">5:30 AM</option><option value="06:00">6:00 AM</option><option value="06:30">6:30 AM</option><option value="07:00">7:00 AM</option><option value="07:30">7:30 AM</option><option value="08:00">8:00 AM</option><option value="08:30">8:30 AM</option><option value="09:00">9:00 AM</option><option value="09:30">9:30 AM</option><option value="10:00" selected="selected">10:00 AM</option><option value="10:30">10:30 AM</option><option value="11:00">11:00 AM</option><option value="11:30">11:30 AM</option><option value="12:00">12:00 PM</option><option value="12:30">12:30 PM</option><option value="13:00">1:00 PM</option><option value="13:30">1:30 PM</option><option value="14:00">2:00 PM</option><option value="14:30">2:30 PM</option><option value="15:00">3:00 PM</option><option value="15:30">3:30 PM</option><option value="16:00">4:00 PM</option><option value="16:30">4:30 PM</option><option value="17:00">5:00 PM</option><option value="17:30">5:30 PM</option><option value="18:00">6:00 PM</option><option value="18:30">6:30 PM</option><option value="19:00">7:00 PM</option><option value="19:30">7:30 PM</option><option value="20:00">8:00 PM</option><option value="20:30">8:30 PM</option><option value="21:00">9:00 PM</option><option value="21:30">9:30 PM</option><option value="22:00">10:00 PM</option><option value="22:30">10:30 PM</option><option value="23:00">11:00 PM</option><option value="23:30">11:30 PM</option>
                </select>	
                 </div>
                 <div class="large-12 columns">
                   <div style="float: right;" class="form-block form-submit">
                    <input  class="orange_button form-update" type="submit" value="Update"/>
                  </div>
                </div>
                </div>
            </div>
        </div>					
      </form>	
       </div>
      </div>
     <div id="primary" class="row">
        <div class="large-4 medium-4 columns sidebar-left">
        <aside id="secondary">	
			<div class="search-overlay" style="display:none">
				<img class="ajax-loader" src="<?php echo asset('assets/images/ajax-loader.gif'); ?>" alt="">
			</div>
            <div id="search_filters" class="widget filter_widget">
				 <?php echo $SearchFilters; ?>

            </div>															
        </aside>
        </div>
        <div class="large-8 medium-8 columns sidebar-middle">
         <div id="content">    
			<?php echo $carResults; ?>

        </div>
        </div>
     </div>				
     </div>
    </div>	
    </div>				

<?php $__env->stopSection(); ?>

<?php $__env->startSection('scripts'); ?>
<script type="text/javascript" src="<?php echo asset('assets/js/jquery.mockjax.js'); ?>"></script>
<script type="text/javascript" src="<?php echo asset('assets/js/jquery.autocomplete.js'); ?>"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#slider-form").validationEngine();
	$("#slider-form").submit(function(event) {
	var query = $('#slider-form').serialize();
	ajaxReloadContentCSS('RequestPending');
	ajaxReloadContentCSSSearch('RequestPending');
	$.post('search', query, function(data, status) {
		ajaxReloadContentCSS('RequestReady');
		ajaxReloadContentCSSSearch('RequestReady');
		var response = jQuery.parseJSON(data);
		$('#content').html(response.search_result);
		$('#search_filters').html(response.search_filters);
		min_passengers =  parseInt( response.min_passengers);
		max_passengers =  parseInt( response.max_passengers);
		
		$(".passangers_range").slider({
			from:  min_passengers  ,
			to:     max_passengers  ,
			step: 1,
			dimension: '',
			 callback : function( value ){
				filter_results();     
			  }

		});

	});
	event.preventDefault();
});
if ($("#location-checkbox").attr('value') === "1")
{
	$("#location-checkbox").prop("checked", true);
	$('.return_location').css('display', 'block');
}


$('body').on('change', '#search_filter_form input', function() {
	filter_results(); 
});


		
	
});
$(function () {
	'use strict';
	$('#location').autocomplete({
	serviceUrl: 'autocomplete',
			dataType: 'json',
			type: 'GET',
			onSelect: function (suggestion) {
			$('#locationCode').val(suggestion.data);
					//alert('You selected: ' + suggestion.value + ', ' + suggestion.data);
			}
	});
			$('#returnLoc').autocomplete({
	serviceUrl: 'autocomplete',
			dataType: 'json',
			type: 'GET',
			onSelect: function (suggestion) {
			$('#returnLocCode').val(suggestion.data);
					//alert('You selected: ' + suggestion.value + ', ' + suggestion.data);
			}
	});
	<?php if($form-> getDropOff_time()): ?>
	$("#pickUp_time").val("<?php echo $form->getDropOff_time(); ?>").trigger("change");
	<?php endif; ?>
	<?php if($form-> getPickUp_time()): ?>
	$("#pickUp_time").val("<?php echo $form->getPickUp_time(); ?>").trigger("change");
	<?php endif; ?>
	$(".passangers_range").slider({
		from: <?php echo $search_filters['MIN_PASSENGERS']; ?>,
		to: <?php echo $search_filters['MAX_PASSENGERS']; ?>,
		step: 1,
		dimension: '',
		callback : function( value ){
			filter_results();     
		}

	});
});

function filter_results(){
	var query = $('#search_filter_form,#slider-form').serialize();
	ajaxReloadContentCSS('RequestPending');
	ajaxReloadContentCSSSearch('RequestPending');
	$.post('search_filter', query, function(data, status) {
		ajaxReloadContentCSS('RequestReady');
		ajaxReloadContentCSSSearch('RequestReady');
		var response = jQuery.parseJSON(data);
		$('#content').html(response.search_result);

	});
}
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('site.default', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>