@extends('layouts.backend')

@section('extraCss')
<link href="https://cdn.datatables.net/buttons/1.7.0/css/buttons.dataTables.min.css" rel="stylesheet">
@endsection

@section('mainContentArea')

<div class="card card-default">
    <div class="card-header">
        <h4> SPS Customer  </h4>
       <!--  <a class="btn btn-md btn-primary" id="excelR" style="float:right; margin-bottom:10px;" href=" {{  ($pos) ? route('SPSExport',[implode(",",$pos)] ) : '#' }} ">Export Excel</a> 
        -->     
    </div> 

    <div class="alert alert-default" >
    <form action="{{ route('pos-sps-customer-report') }}" id="spsreport">
      <h4>Filter  </h4>
      <table class="table filterPosSo" >        
       
        <tr>        
            <td width="15%">Location</td>                              
            <td colspan="2">ACTION</td>
        </tr>
        <tr>
            <td>
                <select name="warehouse_id[]" id="Pos" class="input-md"  multiple="multiple">                                
                    @foreach($ALL_POS as $warehouse)
                    <option value="{{ $warehouse->id }}" {{ ( !empty(request("warehouse_id")) && in_array($warehouse->id, request("warehouse_id")) ? "selected" : "") }}>{{ $warehouse->warehouse_code . ' ('.$warehouse->name.')' }}</option>
                    @endforeach
                </select>
            </td>
            <td><button class="btn btn-block btn-success"><i class="fa fas fa-search" id="submit"></i></button></td>
            <td><button class="btn btn-block btn-warning" type="button" onclick="window.location.href='{{ route('pos-sps-customer-report') }}';"><i class="fa fas fa-refresh"></i></button></td>
        </tr>
        </table>
      </form>
    </div>
            
    <div class="card-body table-responsive" >
       
        <table class="table table-striped table-bordered " id="salesSumarryTable">
            <thead>
               
                <tr>
                    <th> S.No</th>
                    <th>Customer Name</th>
                    <th>Mobile Number</th>
                    <th>Email </th>
                    <th>location</th>                   
                    <th>Start Date </th>
                    <th>Birthday Date</th>
                    <th>Anniversary date</th>
                    <th>End Date </th>   
                </tr>
            </thead>
          
            @if(!empty($orders))
            <tbody>
               @php $i = 1; @endphp
                @foreach($orders as $key => $order)  
                 
                          
                        <tr>
                            <td>{{ $i}}</td>
                            <td >{{$order['customer_name']}}</td>
                            <td >{{$order['mobile_number']}}</td>
                           
                            <td >{{$order['email']}}</td>
                            <td >{{$order['location']}}</td>
                           
                            <td >{{$order['start_date']}}</td>
                            <td >{{$order['birthday']}}</td>
                            <td >{{$order['annversary']}}</td>
                            <td >{{$order['end_date']}}</td>
                                   
                        </tr>
                        @php $i++; @endphp
                @endforeach
            </tbody>              
            
            @endif
        </table>
    </div>
  
</div>
@endsection

@section('extraJs')
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js" ></script>
<script src="https://cdn.datatables.net/buttons/1.7.0/js/buttons.html5.min.js" ></script>
<script type="text/javascript">
$(document).ready(function() {
   $('#salesSumarryTable').DataTable( {
      "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],         
      dom: 'Bfrtip',
      buttons: [ 
      'colvis',
      {
        extend: 'excelHtml5',
        autoFilter: true,
        sheetName: 'Exported data',
        exportOptions: {
        columns: ':visible'
        },
        footer: true
      }                     
      ],                   
         colReorder: true,  
         paging: false 
    });   
});

jQuery("#loader_div").hide();
$("#submit").click(function () {

    if ($('#Pos').val() == '') {

    alert("Please Select  Store");

    $("#spsreport").attr("disabled", "disabled");

    return false;
    }   
    
});

$("input[type='checkbox']").on('click', function() {
    $("input[type='checkbox']").not(this).prop('checked', false);
});

</script>
@endsection