<div class="content-wrapper" >
   <!-- Content Header (Page header) -->
   <section class="content-header">
      <h1>
          Add Offers
      </h1>
      <ol class="breadcrumb">
         <li><a href="#"><i class="fa fa-male"></i>Home</a></li>
         <li class="active">Offerrides</li>
      </ol>
   </section>
   <!-- Main content -->
   <section class="content">
      <div class="row">
         <div class="col-xs-12">
            <?php
               if($this->session->flashdata('message')) {
          $message = $this->session->flashdata('message');
              ?>
            <div class="alert alert-<?php echo $message['class']; ?>">
               <button class="close" data-dismiss="alert" type="button">×</button>
               <?php echo $message['message']; ?>
            </div>
            <?php
               }
               ?>
         </div>


        <!--  form -->

         <div class="col-md-12">
              <!-- general form elements -->
              <div class="box">
                <div class="box-header with-border">
                  <h3 class="box-title">Offer Rides</h3>
                </div><!-- /.box-header -->
                <!-- form start -->
                 <form role="form" action="" method="post" data-parsley-validate="" class="validate" enctype="multipart/form-data">
                    <div class="box-body">
                      <div class="col-md-6">                     
                         <div class="form-group">
                        <label class="intrate">Add Users</label>   
                        <select class="form-control required regcom" name="users_id" id="userchange">
                          <option>select a user</option>>
                           <?php
                           foreach($data as $users) {?>
                          <option value="<?php echo $users->id;?>"><?php echo $users->username?></option><?php }?></select>
                      </div> 
                          <div class="form-group">
                        <label class="intrate">Select Car</label>   
                        <select class="form-control required regcom" name="car_id" id="selectId"> 
                          <option >Select car</option>
                        </select>

                      </div>  
                        <div class="form-group">
                        <label class="intrate">Source</label>
                        <input class="form-control required regcom" type="text" name="source" placeholder="Enter Source" data-parsley-trigger="keyup" required="" id="source" value="">
                        <input type="hidden" name="source_lat" id="lat_from">
                        <input type="hidden" name="source_lng" id="lng_from">
                      </div> 
                     <div class="form-group">
                        <label class="intrate">Destination</label>
                        <input class="form-control required regcom" type="text" name="destination" placeholder="Enter Destination" data-parsley-trigger="keyup" required="" id="destination" value="">
                        <input type="hidden" name="destination_lat" id="lat_to">
                        <input type="hidden" name="destination_lng" id="lng_to">
                      </div>
                         <div class="form-group">
                        <label class="intrate">Departure Date</label>
                        <input class="form-control required " type="text" name="departure_date" placeholder="Enter Departure Date" data-parsley-trigger="keyup" required="" id="datepicker_cust" value=""> 
                      </div>
                      <div class="form-group">
                        <label class="intrate">Departure Time</label>
                        <input class="form-control required regcom timepicker" type="text" name="detour_time" placeholder="Departure Time" data-parsley-trigger="keyup" required="" value="">
                    
                      </div>


                      
                    </div>
                    <div class="col-md-6"> 
                        <div class="form-group">
                        <label class="intrate">Seats</label>
                        <input class="form-control required regcom" type="text" name="no_of_seats" placeholder="Enter No:of seats" data-parsley-trigger="keyup" required="" value=""> 
                      </div>
                       <div class="form-group">
                        <label class="intrate">Price</label>
                        <input class="form-control required regcom" type="text" name="price" placeholder="Enter Price" data-parsley-trigger="keyup" required="" value=""> 
                      </div>
                       <div class="form-group">
                        <label class="intrate">Max. Luggage</label>   
                        <select class="form-control required regcom" name="max_luggage" > 
                         <option>Small</option>
                        <option>Medium</option>
                        <option>Large</option>
                        </select>

                      </div> 
                        <div class="form-group">
                        <label class="intrate">Pickup flexibility</label>   
                        <select class="form-control required regcom" name="pickup_flexibility"> 
                         <option>5 minutes after right time</option>
                          <option>Right on time</option>
                          <option>5 minutes before right time</option>
                        </select>

                      </div> 
                       <div class="form-group">
                        <label class="intrate">Detour</label>   
                        <select class="form-control required regcom" name="detour" > 
                         <option>15 Minutes Detour max.</option>
                        </select>

                      </div> 
                      <div class="form-group">
                        <label class="intrate">Add Comment</label>   
                        <textarea class="form-control required regcom" name="comments" placeholder="Add comments"></textarea> 
                         
                      </div> 

                      </div>
                    
                    <div class="col-md-12">
                      <div class="form-group">
                          <input type="submit" class="btn btn-primary" value="Save" id="taxiadd">                      
                       </div>
                     </div>
          
          
             
               
           
           
    
             </div><!-- /.box-body -->
  
                </form>
              </div><!-- /.box -->
            </div>
        <!-- form -->