@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
@php 
    $Discounts = [ 1 => 'Clearence' , 2 => 'Non Clearence' ];
    $storesType = [ 1 => 'Suti' , 2 => 'Central' , 3 => 'Shopper' ];
    $reqpos = request("warehouse_id");
    $reqsub = request("subsection");
@endphp

@section('mainContentArea')
<div class="card card-default">
  <div class="card-header">
     <h4> Articles SizeWise Sales Report </h4>
  </div>       



<div class="alert alert-default " >  
       <form action="{{ route('pos-article-size-wise-sales-new-report') }}" id="salesarticlereport">
            <fieldset class="fieldset">
            <legend  style="width:auto !important;color:#97b5d3;"> Filter </legend>       
                <div style= "padding:5px;">                                                            
                </div>
                <div class="col-sm-12 "> </div> 
                <div class="row">
                    {{-- <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                        <label class="d-block"><b> Warehouse </b></label>
                        <select name="warehouse_id[]" id="warehouse" class="input-md"  multiple="multiple" >

                            @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>
                    </div> --}}
                    <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                        <label class="d-block"><b> Group </b></label>
                        <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>
                    </div>
                    <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                        <label class="d-block"><b> Store </b></label>
                        <select name="warehouse_id[]" id="posStore" class="input-md" multiple="multiple">
                        </select>
                    </div> 
                    <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                      <label class="d-block"><b> Category </b></label>
                      <select name="section[]" id="section" class="input-md" multiple="multiple">
                        @foreach($listsection as $section)
                        <option value="{{ $section->name }}" {{ ( !empty(request("section")) && in_array($section->name, request("section")) ? "selected" : "") }}>{{ $section->name  }}</option>

                        @endforeach
                      </select>
                  </div>
                </div>
                <div class="row">
                    
                    <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                        <label class="d-block"><b> Section </b></label>
                        <select name="subsection[]" id="subsection" class="input-md" multiple="multiple">                  
                        </select>
                    </div>
                    <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                        <label class="d-block"><b> SubSection </b></label>
                        <select name="subsection[]" id="subsubsection" class="input-md" multiple="multiple">                  
                        </select>
                    </div> 
                    <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                      <label class="d-block"><b> Article </b></label>
                      <select name="article[]" id="article" class="input-md" multiple="multiple">
                        @foreach($listarticle as $articles)
                        <option value="{{ $articles->article }}" {{ ( !empty(request("article")) && in_array($articles->article, request("article")) ? "selected" : "") }}>{{ $articles->article  }}</option>

                        @endforeach
                      </select>
                  </div>
                </div>
                <div class="row">
                    {{-- <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                        <label class="d-block"><b> Discount </b></label>
                        <select name="discountId[]" id="discountId" class="input-md"  > 
                          <option value="">Select  Type</option>                               
                          @foreach($Discounts as $key => $discount)
                          <option value="{{ $key }}" {{ ( !empty(request("discountId")) && in_array($key, request("discountId")) ? "selected" : "") }}>{{ $discount }}</option>
                          @endforeach
                        </select>
                    </div> --}}
                    
                    <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                        <label class="d-block" id="sdate"><b>Brand</b></label>
                        <select name="brand[]" id="brand" class="input-md" multiple="multiple">
                          @foreach($brands as $brand)
                          <option value="{{ $brand->id }}" {{ ( !empty(request("brand")) && in_array($brand->id, request("brand")) ? "selected" : "") }}>{{ $brand->name  }}</option>

                          @endforeach
                        </select>
                    </div>
                    <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                        <label class="d-block" id="sdate"><b> Start Date </b></label>
                        <input type="text" name="startdate" id="startdate" readonly class="form-control datepicker" placeholder="Enter Start date" value="