@extends('layouts.layout')

@section('content')


<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>
        {{ ucwords(str_replace('_', ' ', 'New Trip')) }}
        <small>Version 2.0</small>
    </h1>
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> SysManager</a></li>
        <li class="active">{{ ucwords(str_replace('_', ' ', 'Update Trip')) }}</li>
    </ol>
</section>

<!-- ADD FORM -->

<!-- Main content -->
<section class="content">
    <div class="row">


        <!-- left column -->
        <div class="col-md-12">
            <!-- general form elements -->
            <div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title">{{ ucwords(str_replace('_', ' ', 'CLIENT NAME:  ')) }}
                        <b></b></h3>
                     <div class="cost" style="font-size: 13px" ></div>
                    
                </div>
                <!-- /.box-header -->
                <!-- form start -->

                <form id="update_trip_information" name="update_trip_information" class="update_trip_information"  action="" method="POST" role="form" enctype="multipart/form-data" onsubmit="return false;">

                    <div class="box-body">

                        <div class="col-sm-12">

                            <div class="content">         
                                <div class="stepwizard">
                                    <div class="stepwizard-row setup-panel">

                                        <div class="stepwizard-step">
                                            <a href="#step-1" type="button" class="btn btn-primary btn-circle">1</a>
                                            <h5>Passenger's Details <span class="fa fa-users"></span></h5>

                                        </div>

                                        <div class="stepwizard-step">
                                            <a href="#step-2" type="button" class="btn btn-default btn-circle" disabled="disabled">2</a>
                                            <h5>Trip Details <span class="fa fa-car"></span></h5>
                                        </div>
                                       <!-- <div class="stepwizard-step">
                                            <a href="#step-3" type="button" class="btn btn-default btn-circle" disabled="disabled">3</a>
                                            <h5>Additional Services <span class="fa fa-plus"></span></h5>

                                        </div>-->



                                    </div>
                                </div>



                                <div class="regular-search">

                                    <div class="setup-content" id="step-1">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <hr/>
                                                
        <!-- ///////////////////////////////////////////////// ALL HIDDEN FIELDS //////////////////////////////////-->
                            
                         <input type="hidden" id="pushPrice" class="pushPrice" name="pushPrice"/>
                         <input type="hidden" id="number_of_days" class="number_of_days" name="number_of_days"/>
                         <input type="hidden" id="price_per_day" class="price_per_day" name="price_per_day"/>
                         <input type="hidden" id="total_cost" class="total_cost" name="total_cost"/>
                         <input type="hidden" value="" id="client_id" class="client_id" name="client_id"/>
                    
                   
        <!-- ///////////////////////////////////////////////// ALL HIDDEN FIELDS //////////////////////////////////-->
           
        
        
           <!-- ///////////////////////////////////////////////// ALL RESULTS //////////////////////////////////-->
                            
                                
           
             <!-- ///////////////////////////////////////////////// END ALL RESULTS //////////////////////////////////-->
           
                            
                                                <div class="col-sm-3">
                                                    <div class="form-group">
                                                        <label for="exampleInputEmail1">Service Type</label>

                                                        
                                                        <div class="input-group">
                                                            <select class="form-control" name="service_type" id="service_type">
                                                                <option value=""></option>
                                                                                                                            </select>
                                                            <div class="input-group-addon">
                                                                <i class="fa fa-arrow-down"></i>
                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>



                                                <div class="col-sm-3">
                                                    <div class="form-group">
                                                        <label for="exampleInputEmail1">Passenger's Name</label>
                                                        <div class="input-group">
                                                            <input type="text" value="" class="form-control" id="passengerName" name="passengerName">

                                                            <div class="input-group-addon">
                                                                <i class="fa fa-navicon"></i>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                              
                                                <div class="col-sm-3">
                                                    <div class="form-group">
                                                        <label for="exampleInputEmail1">Passenger's Email</label>
                                                        <div class="input-group">
                                                            <input type="text" value="" class="form-control" id="passengers_email" name="passengers_email">

                                                            <div class="input-group-addon">
                                                                <i class="fa fa-mail-forward"></i>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-sm-3">
                                                    <div class="form-group">
                                                        <label for="exampleInputEmail1">Passenger's Phone</label>
                                                        <div class="input-group">
                                                            <input type="text" value="" class="form-control" id="passengers_phone" name="passengers_phone">

                                                            <div class="input-group-addon">
                                                                <i class="fa fa-phone"></i>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                
                                                
                                                <div class="col-sm-3">
                                                    <div class="form-group">
                                                        <label for="exampleInputEmail1">&nbsp;</label>
                                                        <div class="input-group">
                                                           <center><button class="button nextBtn btn-sm newbtncl btn btn-primary" type="button" >Continue</button>
                                                        </div>
                                                    </div>
                                                </div>
                                                
                                                
                                                 


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

                                    
                                    
    
 <!--/////////////////////////////////////////////BEGINNING OF STEP 2  //////////////////////////////////-->                                   
                        <hr/>           
                         <div class="setup-content" id="step-2">
                                        <div class="row">
                                            <div class="col-md-12">
                                                
                                                 <div class="col-sm-3">
                                                <div class="form-group">
                                                    <label for="exampleInputEmail1">Departure</label>
                                                    
                                                    <div class="input-group">
                                                        <select class="form-control select_depature"  id="depature" name="depature">
                                                           <option value="">Select</option>
                                                                                                                   </select>

                                                        <div class="input-group-addon">
                                                            <i class="fa fa-map"></i>
                                                        </div>
                                                    </div>
                                         
                                                </div>
                                            </div>

                                               
                                                                                        
                                                
                                            <div class="col-sm-3">
                                                <div class="form-group">
                                                    <label for="exampleInputEmail1">Destination</label>

                                                    <div class="input-group">
                                                      
                                                        <select class="form-control"  id="destination" name="destination">
                                                                                                                    </select>

                                                        <div class="input-group-addon">
                                                            <i class="fa fa-map-signs"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                                
                                                
                                                
                                                
                                           <div class="col-sm-3">
                                                <div class="form-group">
                                                    <label for="exampleInputEmail1">Vehicle Category</label>
                                                    <div class="input-group">

                                                                                                                <select class="form-control"  id="vehicle_type" name="vehicle_type">
                                                            <option value="">Select</option>
                                                                                                                    </select>

                                                        <div class="input-group-addon">
                                                            <i class="fa fa-car"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                                
                                                
                                                
                                                <div class="col-sm-3">
                                                <div class="form-group">
                                                    <label for="exampleInputEmail1">Vehicle Make</label>
                                                    <div class="input-group">

                                                      
                                                        <select class="form-control vehicle_category"  id="vehicle_make" name="vehicle_make">
                                                            <option value="">Select</option>
                                                        </select>

                                                        <div class="input-group-addon">
                                                            <i class="fa fa-car"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                                
                                                
                                 <div class="col-sm-3">
                                                <div class="form-group">
                                                    <label for="exampleInputEmail1">Pick up Date</label>
                                                    <div class="input-group">
                                                        <input type="text" value="" class="form-control datepicker" id="pick_up_date"  name="pick_up_date">

                                                        <div class="input-group-addon">
                                                            <i class="fa fa-calendar-plus-o"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>


                                            <div class="col-sm-3">
                                                <div class="form-group">
                                                    <label for="exampleInputEmail1">Pick up Time</label>
                                                    <div class="input-group">
                                                        <input type="time" value="" class="form-control timepicker" id="pick_up_time"  name="pick_up_time">

                                                        <div class="input-group-addon">
                                                            <i class="fa fa-clock-o"></i>
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>
                                                
                                                
                                         
                                            <div class="col-sm-3">
                                                <div class="form-group">
                                                    <label for="exampleInputEmail1">End Date</label>
                                                    <div class="input-group">
                                                        <input type="text" value="" class="form-control datepicker" id="end_date" name="end_date">

                                                        <div class="input-group-addon">
                                                            <i class="fa fa-calendar-plus-o"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-sm-3">
                                                <div class="form-group">
                                                    <label for="exampleInputEmail1">End Date Time</label>
                                                    <div class="input-group">
                                                        <input type="time" value="" class="form-control form-control timepicker" id="end_date_time" name="end_date_time">

                                                        <div class="input-group-addon">
                                                            <i class="fa fa-clock-o"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>


                                           
                                                
                                                
                                             <div class="col-sm-3">
                                                <div class="form-group">
                                                    <label for="exampleInputEmail1">Pick Up Address</label>
                                                    <div class="input-group">
                                                        <input type="text" value="" class="form-control" id="pick_up_location" name="pick_up_location">

                                                        <div class="input-group-addon">
                                                            <i class="fa fa-map"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                                
                                                
                                            <div class="col-sm-3">
                                                <div class="form-group">
                                                    <label for="exampleInputEmail1">Drop Off Location</label>
                                                    <div class="input-group">
                                                        <input type="text" value="" class="form-control" id="actual_street" name="actual_street">

                                                        <div class="input-group-addon">
                                                            <i class="fa fa-map"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                                
                                                
                                            <div class="col-sm-3">
                                                <div class="form-group">
                                                    <label for="exampleInputEmail1">Price Per Day</label>
                                                    <div class="input-group">
                                                        <input type="number" value="" class="form-control costoftrip" id="costoftrip" name="costoftrip">

                                                        <div class="input-group-addon">
                                                            <i class="fa fa-clock-o"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                                
                                                
                                          <div class="col-sm-3">
                                                <div class="form-group">
                                                    <label for="exampleInputEmail1">Total Cost</label>
                                                    <div class="input-group">
                                                        <input type="number" readonly value="" class="form-control itotalCost" id="itotalCost" name="itotalCost">

                                                        <div class="input-group-addon">
                                                            <i class="fa fa-clock-o"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                                
                                                
                                                <div class="col-md-12">
                                                    <div class="rental_conditions">
                                                        <textarea style="height:100px" class="form-control" id="rental_conditions" name="rental_conditions"> </textarea>
                                                       
                                                    </div>
                                                </div> 
                                                
                                                
                                                 <div class="col-sm-3">
                                                    <div class="form-group">
                                                        <label for="exampleInputEmail1">&nbsp;</label>
                                                        <div class="input-group">
                                                          
                                                           <input type="hidden" name="trip_id" id="trip_id" value="">
                                                             <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
                                                            <input type="hidden" name="reservation_id" id="reservation_id" value=" ">
                                                            <button  type="submit" id="update_trips" class="btn btn-danger">UPDATE</button> &nbsp;&nbsp;

                                                        </div>
                                                    </div>
                                                </div>
                                                
                                                
                                              
                                              <div class="pricedetails"></div>
                                                
                                                
                                            </div>
                                        </div>
                                    </div>

 <!--/////////////////////////////////////////////END OF STEP 2  //////////////////////////////////--> 
 
 
 
 

                                </div>

                            </div>                                     





                          
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                           
                            </form>
                        </div>
                        <!-- /.box -->



                    </div>




            </div>
            </section>


            <script src="{{ URL::asset('js/global.js') }}"></script>
             <script src="{{ URL::asset('js/tripsupdate.js') }}"></script>
            <script src="{{ URL::asset('js/twowaybinding.js') }}"></script>
            <script src="{{ URL::asset('js/formstep.js') }}"></script>

 @endsection