@extends('layouts.includes.agent.header')
@section('content')
    <div class="content-wrapper">
      <!-- Content Header (Page header) -->
      <section class="content-header">
        <h1>
        Customers
        <small>Control panel</small>
        </h1>
        <ol class="breadcrumb">
          <li><a href="#"><i class="fa fa-dashboard"></i> Customers</a></li>
          <li class="active">Dashboard</li>
        </ol>
      </section>
      <!-- Main content -->
      <section class="content">
        @include('layouts.includes.adminlte.alerts')
        <div class="row">
          <div class="col-lg-12">
            <div class="box">
              <div class="box-header with-border">
                <h3 class="box-title" style="padding-top: 5px;"></h3>
                <div class="box-tools">
                  <a href="{{route('agent.customer.create')}}" class="btn btn-success btn-sm pull-right">Add
                   New Customer</a>
                </div>
              </div>
              <!-- /.box-header -->
              <div class="box-body">
            <form  role="form" method="POST" action="{{route('agent.customer.show')}}" enctype="multipart/form-data">
              <input type="hidden" class="form-control" name="search"  value="true">
              {{ csrf_field() }}
              <div class="row">
                
                <div class="col-lg-6 form-group">
                  <label>Name</label>
                  <input type="text" class="form-control" name="firstname" value="{{$search->search_name ?? ''}}">
                </div>
                
                <div class="col-lg-6 form-group">
                  <label>Customer Type </label>
                  <select class="form-control" name="customer_type" >
                    <option value="">Select</option>
                    <option value="A" {{$search->search_type == 'A' ?'selected':null}}>A</option>
                    <option value="B" {{$search->search_type == 'B' ?'selected':null}}>B</option>
                    <option value="C" {{$search->search_type == 'C' ?'selected':null}}>C</option>
                  </select>
                </div>

                <div class="col-lg-6 form-group">
                  <label>Phone</label>
                  <input type="text" class="form-control" name="phone_one"value="{{$search->search_phone ?? ''}}">
                </div>

                 <div class="col-lg-6 form-group">
                    <label>Address</label>
                   <input type="text" class="form-control" name="address_one" placeholder="Address" value="{{$search->search_address ?? ''}}">
                  </div>

                   
                   <div class="col-lg-6 form-group">
                    <label>Area</label>
                   <input type="text" class="form-control" name="area" value="{{$search->search_area ?? ''}}">
                  </div>
                  
                   <div class="col-lg-6 form-group">
                    <label>Models</label>
                   <input type="text" class="form-control" name="models" value="{{$search->search_models}}">
                  </div>

              </div>
              <div class="col-lg-12 form-group  text-center">
                <input type="submit" class="btn btn-primary" value="Search">
                <a href="{{route('agent.customer.show')}}" class="btn btn-default btn-md">Reset</a>
              </div>
            </form>
          </div>
              <div class="box-body" style="overflow: scroll;padding-left: 10px; padding-right: 10px;">
                <table  class="table table-bordered table-striped table-hover">
                  <thead>
                    <tr>
                      
                      <th>
                    
                    Name
                    
                  </th>
                  
                  <th>
                    
                    Customer Type
                    
                  </th>
                  <th>
                    
                    Phone 1
                    
                  </th>
                  <th>
                    
                    Address
                    
                  </th>
                  <th>
                    
                   Area
                    
                  </th>
                  
                  <th>
                    
                    Action
                    
                  </th>
                  </thead>
                  <tbody>
                      
                    </tr>
                   
                    @if(empty($customers))
                <tr>
                  <td colspan="7" class="text-center">No Record Found</td>
                </tr>
                @else
                    @foreach($customers as $customer)
                   
                    <tr>
                     
                      <td>{{$customer->firstname}}</td>                      
                      <td>{{$customer->customer_type}}</td>    
                      <td>{{$customer->phone_one}}</td>
                      <td>{{$customer['address_one']}}</td>
                      <td>{{$customer['area']}}</td>
                     <td>
                        <div class="tools"> 
                        @if($search->search_name !='' ||$search->search_type !='' ||$search->search_phone !='' ||$search->search_address !='' ||$search->search_area !='' ||$search->search_models !='' )
                          <a href="{{route('agent.customer.editt',['id'=>$customer->id,'search_name'=>$search->search_name ?? '','search_type'=>$search->search_type ?? '','search_phone'=>$search->search_phone ?? '','search_address'=>$search->search_address ?? '','search_area'=>$search->search_area ?? '','search_models'=>$search->search_models ?? ''])}}" title="Edit Customer"  class="confirmAction">
                        <i class="fa fa-pencil"></i>
                      </a>
                           @else
                           
                            <a href="{{route('agent.customer.edit',$customer->id)}}" title="Edit Customer"  class="confirmAction">
                            <i class="fa fa-pencil"></i>
                      
                      @endif

                           &nbsp;&nbsp;&nbsp;&nbsp;

                           <a onclick="return confirm('Are you sure?')" href="{{route('agent.customer.delete',$customer->id)}}" title=" Customer Delete" deleteformid="form-3680" class="confirmAction">
                            <i class="fa fa-trash-o"></i>
                          </a>     
                            &nbsp;&nbsp;&nbsp;&nbsp;         
                          <a href="{{route('agent.customer.details',$customer->id)}}" title="Customer Details"  class="confirmAction">
                            <i class="fa fa-bars"></i>
                          </a> 

                                     
                        </div>
                      </td>
                     
                    </tr>
                 
                   @endforeach
               
               
                @endif
                    
                  </tbody>
                </table>
                        
              </div>
              <!-- /.box-body -->
              
            </div>
          </div>
        </div>
        
      </section>
      <!-- /.content -->
    </div>
    @endsection