@extends('layouts.backend')
@section('extraCss')
<style>
.site-footer {
    position: relative!important;
}
.tooltip {  
  opacity:1!important;
}
.tooltip .tooltiptext {
  visibility: hidden;
  
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px; 
    position: absolute;
  z-index: 1;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}
</style>
@section('mainContentArea')
<div class="card card-default">
   
    <div class="card-body table-responsive">
        <div class="alert alert-default">
            <form action="">
			<h4>Sps Customer</h4>
                <table class="table">
                    <tr>                    
                        <td>Name</td>                                              
                        <td>Telephone</td>                                              
                        <td>Start Date</td>                                              
                        <td>End Date</td>                                         
                        <td>ACTION</td>
                    </tr>
                    <tr>
                        <td>
                            <input type="text" name="customer" id="customer" class="form-control" value="{{ request('customer') }}">
                        </td>
                        <td>
                            <input type="text" name="telephone" id="telephone" class="form-control" value="{{ request('telephone') }}">
                        </td> 

						<td>
                            <input type="date" name="sdate" id="date" class="form-control" value="{{ request('sdate') }}">
                        </td> 
						<td>
                            <input type="date" name="edate" id="date" class="form-control" value="{{ request('edate') }}">
                        </td>
                        
                        <td><button class="btn btn-block btn-success"><i class="fa fas fa-search"></i></button></td>
                        <td><button class="btn btn-block btn-warning" type="button" onclick="window.location.href='{{ route('sps-report')}}';"><i class="fa fas fa-refresh"></i></button></td>
                    </tr>
                </table>
            </form>
        </div>
        <table class="table table-bordered data-table">
            <thead>
                <tr>
                    
                    <th>Name</th>
                    <th>Email</th>
                    <th>telephone</th>                   
                    <th>Is SPS</th>                   
                    <th>Register Date</th>                   
                    <th>Start Date </th> 
                    <th>End Date</th> 		
                    
                </tr>
            </thead>
            <tbody>
                @if($customers->count() > 0)
                   
                @foreach($customers as $customer)
                <tr> @php $date=$customer->customerRef->date_added;
									$d=explode(" ",$date);							
					 @endphp
				                   
                   <td>{{ empty($customer->customerInfo->firstname) ? 'N/A' : $customer->customerInfo->firstname }}</td>      
                    <td>{{ empty($customer->customerInfo->email) ? 'N/A' : $customer->customerInfo->email }}</td>
                    <td>{{ empty($customer->customerInfo->telephone) ? 'N/A' : $customer->customerInfo->telephone }}</td>
                    <td>{{ !empty($customer->current) ? 'Yes' : 'No' }}</td>
                    <td>{{ !empty($date) ? $d[0]  : 'N/A' }}</td>
					
                    <td>{{ !empty($customer->start_date) ? $customer->start_date : 'N/A'  }} </td>
                    <td>{{ !empty($customer->end_date) ? $customer->end_date : 'N/A'  }} </td>
                    
                </tr>
                 
                @endforeach
                @else
                <tr>
                    <td colspan="8"><div class="alert alert-danger">No product found!</div></td>
                </tr>
                @endif
            </tbody>
        </table>
        <div class="text-right">
            @if($customers instanceof \Illuminate\Pagination\LengthAwarePaginator)
            {!! $customers->render() !!}
        @endif
        </div>
    </div>
</div>


@endsection

@section('extraJs')
<script type="text/javascript">
/*
$(document).ready(function(){
        $('#customer').keyup(function(){
            var customer = this.value;
            console.log(customer);
            $.ajax({                                     
                    url : 'spsajaysearch',                   
                    type: 'GET',                    
                    data:{customer:customer},
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')                        
                    },
                    success:function(data){    
                        $('#promt').html(data)                        
                    }, 
				});            
		 });
	$('#telephone').keyup(function(){
            var telephone = this.value;
            console.log(telephone);
            $.ajax({                                     
                    url : 'spsajaysearch',                   
                    type: 'GET',                    
                    data:{telephone:telephone},
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')                        
                    },
                    success:function(data){    
                        $('#promt').html(data)                        
                    }, 
				});            
		 });	
   }); 
*/
 $("#submit").click(function () {
    
    var startDate = document.getElementById("sdate").value;
    var endDate = document.getElementById("ed
	ate").value;

    if ((Date.parse(startDate) > Date.parse(endDate))) {

        alert("End date should be greater than Start date");
       
        $("#productreport").attr("disabled", "disabled");

        return false;
    }
    
});
</script> 

@endsection