@extends('layouts.includes.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 box-default">
          <div class="box-header with-border">
            <h3 class="box-title">Search </h3>
            <div class="box-tools pull-right">
              <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
              
            </div>
          </div>
          <!-- /.box-header -->
          <div class="box-body">
            <form  role="form" method="POST" action="{{route('admin.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->firstname ?? ''}}">
                </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->customer_type == 'A' ?'selected':null}}>A</option>
                    <option value="B" {{$search->customer_type == 'B' ?'selected':null}}>B</option>
                    <option value="C" {{$search->customer_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->phone_one ?? ''}}">
                </div>

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

                   
                   <div class="col-lg-6 form-group">
                    <label>Area</label>
                   <input type="text" class="form-control" name="area" value="{{$search->area ?? ' '}}" >
                  </div>
                  
                  <div class="col-lg-6 form-group">
                    <label>Models</label>
                   <input type="text" class="form-control" name="models" value="{{$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('admin.customer.show')}}" class="btn btn-default btn-md">Reset</a>
              </div>
            </form>
          </div>
          
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-12">
        <div class="box">
          <div class="box-header with-border">
             <a href="{{route('admin.customer.create')}}" class="btn btn-success btn-sm pull-right">Add
                   New Customer</a>
          </div>
          <!-- /.box-header -->
          <div class="box-body" style="overflow: scroll;padding-left: 10px; padding-right: 10px;">
            <table id="" 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>
                  
                  
                </tr>
              </thead>
              
              <tbody>
                
                
                @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->firstname !='' ||$search->customer_type !='' ||$search->phone_one !='' ||$search->address_one !='' ||$search->area !='' ||$search->models !='' )
                      <a id="edit2" href="{{route('admin.customer.editt',['id'=>$customer->id,'search_name'=>$search->firstname ?? '','search_type'=>$search->customer_type ?? '','search_phone'=>$search->phone_one ?? '','search_address'=>$search->address_one ?? '','search_area'=>$search->area ?? '','search_models'=>$search->models ?? ''])}}"  data-id="{{$currentURL}}" title="Edit Customer"  class="confirmAction">
                        <i class="fa fa-pencil"></i>
                      </a>
                      @else
                      
                      <a href="{{route('admin.customer.edit',$customer->id)}}" title="Edit Customer"  class="confirmAction">
                        <i class="fa fa-pencil"></i>
                      </a>
                      
                      @endif
                      
                      
                      &nbsp;&nbsp;&nbsp;&nbsp;
                      <a onclick="return myFunction();" href="{{route('admin.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('admin.customer.view',$customer->id)}}" title="Add Customer">
                        <i class="fa fa-bars"></i>
                      </a>
                    
                    </div>
                  </td>
                  
                </tr>
               
                @endforeach
               
               
                @endif
              </tbody>
            </table>
                     </div>
          <!-- /.box-body -->
          
        </div>
      </div>
    </div>
    
  </section>
  <!-- /.content -->
</div>
@endsection
<script>
function myFunction() {
if(!confirm("Are You Sure to delete this"))
event.preventDefault();
}
</script>