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

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

@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_customers')}}" 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>PHONE</th>
                                                <th>NAME</th>
                                                <th>EMAIL</th>
                                                <th>BOOKINGS</th>
                                                <th>COMPLETE</th>
                                                <th>NOSHOW</th>
                                                <th>SPENT</th>
                                                <th>ACCOUNTS</th>
                                                <th>CARDS</th>
                                                <th>NOTES</th>

                                                <th>EDIT</th>
                                            </tr>
                                            </thead>
        
        
                                            <tbody>
                                              @foreach($customers as $customer)
                                             <tr>
                                                 <td>{{$customer->customer_phone}}</td>
                                                 <td>{{$customer->customer_name}}</td>
                                                 <td>{{$customer->customer_email}}</td>
                                                 <td></td>
                                                 <td></td>
                                                 <td></td>
                                                 <td></td>
                                                 <td></td>
                                                 <td></td>
                                                 <td>{{$customer->instructions}}</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