@extends('../layouts.app')

@section('title','All Vehicles')

@section('content')

<div class="main-content">

                <div class="page-content">
                    <div class="container-fluid">

                        <div class="row">
                            <div class="col-12">
                                <div class="card">
                                    <div class="card-header">
                                        <div class="row">
                                        	<div class="col-lg-2 col-md-2 mob_marg">
                                        		<a href="{{route('maintain_vehicle')}}" type="submit" class="btn btn-md btn-primary w-md btn-right distance_form">Add New</a>
                                        	</div>
                                        	
                                        	<div class="col-lg-3 col-md-3">
                                        		<select name="payment_method" class="form-control">
                                        			<option value="cash">Select Status</option>
                                        			<option value="active">Active</option>
                                        			<option value="inactive">Inactie</option>
                                        			
                                        		</select>
                                        	</div>
                                        	<div class="col-lg-3 col-md-3">
                                        		<select name="payment_method" class="form-control">
                                        			<option value="driver">Select Type</option>
                                        			<option value="driver">Driver</option>
                                        			<option value="excort">Escort</option>
                                        			<option value="owner_driver">Owner Driver</option>
                                        		</select>
                                        	</div>
                                        	<div class="col-lg-3 col-md-3 mob_marg">
                                        		<input type="text" class="form-control" id="horizontal-firstname-input" placeholder="SEARCH BY NAME/DRIVER ID">
                                        	</div>
                                        	<div class="col-lg-1 col-md-2 text-right">
                                        		<div class="btn-group btn-group-toggle" data-toggle="buttons">
                                                  <label class="btn btn-primary active">
                                                    Search
                                                  </label>
                                                  
                                                  
                                                </div>
                                        	</div>

                                        	
                                        </div>
                                        
                                    </div>
                                    <div class="card-body table-responsive">
        
                                        <table id="datatable" class="table table-bordered dt-responsive  nowrap w-100">
                                            <thead>
                                            <tr>
                                                <th>REF</th>
                                                <th>YEAR</th>
                                                <th>MAKE</th>
                                                <th>MODEL</th>
                                                <th>COLOR</th>
                                                <th>REG</th>
                                                <th>PLATE</th>
                                                <th>PLATE EXPIRY</th>
                                                <th>INS EXPIRY</th>
                                                <th>STATUS</th>
                                                <th>EDIT</th>
                                            </tr>
                                            </thead>
        
        
                                            <tbody>
                                             @foreach($vehicles as $vehicle)

                                             <tr>
                                                 <td>{{$vehicle->vehcile_id}}</td>
                                                 <td>{{$vehicle->year_registrant}}</td>
                                                 <td>{{$vehicle->vehicle_make}}</td>
                                                 <td>{{$vehicle->vehicle_model}}</td>
                                                 <td>{{$vehicle->body_colour}}</td>
                                                 <td>{{$vehicle->registration_plate}}</td>
                                                 <td>{{$vehicle->plate}}</td>
                                                 <td>{{$vehicle->plate_expiry}}</td>
                                                 <td>{{$vehicle->ins_expiry}}</td>
                                                 <td>Active</td>
                                                 <td><a href="#" class="btn btn-primary">Edit</a></td>
                                             </tr>



                                             @endforeach
                                            </tbody>
                                        </table>
        
                                    </div>
                                </div>
                            </div> <!-- end col -->
                        </div> <!-- end row -->
        
                    </div> <!-- container-fluid -->
                </div>
                <!-- End Page-content -->

                
            </div>
            <!-- end main content-->

        </div>
        <!-- END layout-wrapper -->




@endsection