<?php /* Body tag */ ?>

<?php $__env->startSection('body_tag'); ?>
<body class="left-slider two-column">
<?php $__env->stopSection(); ?>

    <?php /* Content */ ?>

    <?php $__env->startSection('content'); ?>
<section class="banner-section">
  <div class="row">
    <div class="large-6 medium-6 columns"> 
    <?php echo Form::Open(array('action' => 'search','class'=>'main-form home', 'id'=>'slider-form')); ?>

      <div class="main_form_navigation">
        <div id="book_car" class="title-form current home">
          <p class="greendve">BOOK YOUR <span>GREEN</span> VEHICLE</p>
        </div>
      </div>
      <div id="book_car_content" class="content-form ">
         <div class="row location-block">
          <div class="large-12 columns">
            <div class="form-block location">LOCATION</div>
            <input type="hidden" id="formType" name="formType" value="Book_a_Car" />
            <input data-errormessage-value-missing="Location is required!"  data-prompt-position="topLeft:0,10"  class="location validate[required]" type="text" value="" placeholder="Enter airport, city or zip code" name="location" id="location"/>
          </div>
          <div class="large-12 columns">
            <input type="hidden" value="" name="locationCode" id="locationCode" />
            <input id="location-checkbox" type="checkbox" class="styled" name="isDiffLoc" id="isDiffLoc" value="1"/>
            <label class="label_return-location" for="location-checkbox">RETURN AT DIFFERENT LOCATION</label>
          </div>
         </div>
        <div class="row">
          <div class="large-12 location-block return_location columns ">
            <div  class="form-block location">Return location</div>
            <input style="width:100%;" class="location" type="text" value="" placeholder="Enter airport, city or zip code" name="returnLoc" id="returnLoc"/>
            <input type="hidden" value="" name="returnLocCode" id="returnLocCode"/>
          </div>
        </div>
        <div class="row">
         <div class="form-block pick-up" id="pickUp_Container">
          <div class="mid-small-7 left-indv columns">
          <span><h4 class="home-h4">Pick-up</h4> DATE</span>
          <input data-errormessage-value-missing="Pick-up Date is required!" data-prompt-position="topLeft:0,-15" class="datepicker pickup validate[required]" type="text" value="" name="pickUp_date" id="pickUp_date"/>
          </div>
          <div class="mid-small-5 righ-indv columns">
          <span>TIME</span>
          <select data-errormessage-value-missing="Pickup Time is required!" data-prompt-position="bottomLeft:0,0" class="time-select home 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="row">
          <div class="form-block drop-off" id="dropOff_Container">
          <div class="mid-small-7 left-indv columns">
            <span><h4 class="home-h4">Drop-off</h4> DATE</span> 
            <input data-errormessage-value-missing="Drop-off Date is required!"  data-prompt-position="topLeft:0,-15" class="datepicker dropoff validate[required]" type="text" name="dropOff_date" id="dropOff_date" value=""/>
          </div>
          <div class="mid-small-5 righ-indv columns">
            <span>TIME</span>
            <select  data-errormessage-value-missing="Drop-off Time is required!"  data-prompt-position="bottomLeft:0,0"  class="time-select home 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>
        </div>
        <div class="row">
         <div class="large-12 columns">
          <div class="form-block form-submit sumitdv form-continue" >
           <input class="green_button form-continue"  type="submit" value="Search Now"/>
          </div>
         </div>
        </div>
      </div>
      <div class="clear"></div>
      <?php echo Form::Close(); ?> 
    </div>
    <div class="large-6 medium-6 columns hidden-sm">
      <div id="slider-post">
        <div class="post">
          <div class="entry-header">
            <h3>Car Rental Deals that will save you Green!</h3>
          </div>
          <div class="entry-content">Search for hundreds of rental car discounts on high MPG and hybrid cars. Greater fuel economy equals a cheap car rental. Go green and save today!</div>
          <div class="entry-meta"><a href="http://greencarrentals.com/why-rent-green" title="Why Rent Green?">Learn more</a></div>
        </div>
      </div>
      <div id="slider-front-img"> <img src="<?php echo asset('assets/images/tesla-model-s-470x217.png'); ?>" alt="Tesla Model S" title="Save Money Renting Green Cars" /> </div>
    </div>
  </div>
</section>
<?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(

            {

                validationEventTrigger: 'submit',

                autoHidePrompt: true,

                autoHideDelay: 3000,

                fadeDuration: 0.3

            }

    );



});



$(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);

        }

    });



    /* 	var default_pickup_date = new Date();

     var default_dropoff_date = new Date();

     default_pickup_date.setDate(default_pickup_date.getDate() + 1);              

     default_dropoff_date.setDate(default_pickup_date.getDate() + 7);              

     $('#reservationtime').daterangepicker({

     timePicker: true,

     timePickerIncrement: 30,

     startDate :default_pickup_date,

     singleDatePicker:true,

     endDate : default_dropoff_date,

     minDate: new Date(),

     timeZone:'+00:00',

     format: 'MM/DD/YYYY h:mm A'

     }, function(start, end, label) {

     $('#pickUp_date').val(start.toISOString());

     $('#dropOff_date').val(end.toISOString());

     });

     $('#pickUp_date').val(default_pickup_date);

     $('#dropOff_date').val(default_dropoff_date); */







});

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

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