@extends('layouts.backend')

@section('extraCss')
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/fixedheader/3.1.2/css/fixedHeader.dataTables.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/fixedcolumns/3.3.3/css/fixedColumns.dataTables.min.css">
<link href="https://cdn.datatables.net/buttons/1.7.0/css/buttons.dataTables.min.css" rel="stylesheet">

<style type="text/css">
.modal {
   text-align: center;
}

table.dataTable {    
  margin-top: 0px !important; 
  margin-bottom: 0px !important;
}

.fieldset{
    padding: 1rem !important;
    border : 2px dashed #d0d7dd !important;  

}

table.dataTable tr.odd { background-color: rgb(240, 241, 243);  }
table.dataTable tr.even{ background-color: white;  }
</style>

@endsection

@section('mainContentArea')
@php 
$palns = [ 1 => 'Suti Power Shopper' , 3 => 'SPS-750' , 2 => 'SPS-499(10%)', 4 => 'SPS-499(15%)' , 5 => 'Genral'];
$storesType = [ 1 => 'Suti' , 2 => 'Central' , 3 => 'Shopper' ];
 $reqpos = request("pos_id");
 if(!empty($plan_ids) && $plan_ids != 0) 
 {
   $plan = implode(",",$plan_ids);
 }else
 {
    $plan = $plan_ids;
 } 
@endphp
<div class="card card-default">
    <div class="card-header">
        <h4> SPS Customer Sales </h4>
    </div>     

    <!-- <div class="alert alert-default" style="overflow-x:auto;">
            <form action="{{ route('pos-sps-customer-sales-new-report') }}" id="spscustomerreport">
                <h4>Filter  </h4> 
                <div style= "padding:15px;">                
                </div>
                <table class="table filterPosSo">                    
                    <tr>
                        <td width="15%">Warehouse</td>
                        <td width="15%">Group</td>
                        <td width="15%">Store</td>
                        <td width="15%">Plan</td>
                        <td width="10%" id="sdate">Start Date </td>
                        <td width="10%" id="edate">End Date</td>                    
                        <td colspan="2">ACTION</td>
                    </tr>
                    <tr>  
                        <td>
                            <select name="pos_id[]" id="warehouse" class="input-md"  multiple="multiple" >
                                <option value="0">Any</option>
                                @foreach($ALL_WAREHOUSES as $warehouse)
                                <option value="{{ $warehouse->id }}" {{ ( !empty(request("pos_id")) && in_array($warehouse->id, request("pos_id")) ? "selected" : "") }}>{{ $warehouse->warehouse_code . ' ('.$warehouse->name.')' }}</option>
                                @endforeach
                            </select>
                        </td>                       
                        <td>
                            <select name="storeType[]" id="storeType" class="input-md" multiple="multiple" >
                            @foreach($ALL_GROUP as $key => $type)
                            <option value="{{ $type->id }}" {{ ( !empty(request("storeType")) && in_array($type->id , request("storeType")) ? "selected" : "")  }}
                            {{ ( empty(request("storeType")) ? "selected" : "") }}>{{ $type->name }}</option>
                            @endforeach
                            </select>
                        </td>
                        <td>
                            <select name="pos_id[]" id="posStore" class="input-md" multiple="multiple">
                            </select>
                        </td> 
                        <td>
                            <select name="plan_id[]" id="PlanID" class="input-md"  multiple="multiple">                                
                                @foreach($palns as $key => $plan)
                                <option value="{{ $key }}" {{ ( !empty(request("plan_id")) && in_array($key, request("plan_id")) ? "selected" : "") }}>{{ $plan }}</option>
                                @endforeach
                               </select>
                        </td>                   
                        <td>
                            <input type="text" name="startdate" id="startdate" readonly class="form-control datepicker" placeholder="Enter Start date" value="