@extends('layouts.backend')

@section('extraCss')  
<link href="https://cdn.datatables.net/buttons/1.7.0/css/buttons.dataTables.min.css" rel="stylesheet">
@endsection
@php  
     $reqpos = request("pos_id");
@endphp
@section('mainContentArea')
<div class="card card-default">
        <div class="card-header">
            <h4> Sales Article Sizewise Report</h4>
        </div>       
         
        <div class="alert alert-default" >
            <form action="{{ route('pos-outward-orders-report') }}" id="articlereport" method="post">
              @csrf

              <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-3 col-lg-3">
                        <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-3 col-lg-3">
                        <label class="d-block"><b> Store </b></label>                             
                        <select name="pos_id[]" id="posStore" class="input-md" multiple="multiple">
                        </select>                        
                    </div>
                    <div class="col-12 col-sm-12 col-md-3 col-lg-3">
                        <label class="d-block"><b> Party </b></label>                             
                        <select name="party_id[]" id="party" class="input-md"  multiple="multiple" >
                                                                
                            @foreach($parties as $party)
                            <option value="{{ $party->id }}" {{ ( !empty(request("party_id")) && in_array($party->id, request("party_id")) ? "selected" : "") }}>{{ $party->name . ' ('.$party->company_name.')' }}</option>
                            @endforeach
                        </select>                       
                    </div>
                    <div class="col-12 col-sm-12 col-md-3 col-lg-3">
                        <label class="d-block" ><b> Invoice Status </b></label>
                        <select name="tellstatus" id="tellstatus" class="input-md" >
                            <option value="0" {{ ( !empty(request("tellstatus")) ? "selected" : "selected") }}>ALL</option>
                            <option value="1" {{ ( !empty(request("tellstatus")) ? "selected" : "") }}>Not Inserted</option>
                            <option value="2" {{ ( !empty(request("tellstatus")) ? "selected" : "") }}>Only Inserted</option>
                        </select>
                    </div>
                </div> 
                
                <div class="row mt-3">
                    
                    <div class="col-12 col-sm-12 col-md-3 col-lg-3">
                        <label class="d-block" ><b> Start Date </b></label>
                        <input type="text" name="startdate" id="startdate" readonly class="form-control datepicker" placeholder="Enter Start date" value="