@extends('layouts.backend')

@section('extraCss')
    <style>
        .select2-container--open .select2-dropdown--below {
            min-width: 200px !important;
        }

        .tblPosOrdList td,
        .tblPosOrdList th {
            font-size: 12px;
        }

    </style>
@endsection

@section('mainContentArea')
<div class="card card-default">
        <div class="card-header">
            <h4>Article Sizewise Report</h4>
        </div>

        <div class="alert alert-default">
            <form action="{{ route('pos-article-size-wise-report') }}">
                <h4>Filter  </h4>
                <table class="table filterPosSo">
                    <tr>
                        <td width="20%">Category</td>
                        <td width="20%">Article</td>
                        <td width="20%">Color</td>                        
                        <td colspan="2">ACTION</td>
                    </tr>
                    <tr>
                        
                        <td>
                            <select name="subsection" id="subsection" class="select2"  >
                                <option value="">Any</option>
                                @foreach($SubSections as $subsection)
                                <option value="{{ $subsection->subsection }}" {{ request('subsection') == $subsection->subsection ? 'selected' : '' }}>{{ $subsection->subsection }}</option>
                                @endforeach
                            </select>
                        </td> 

                        <td>
                            <input name="article" id="article" class="form-control" value="{{ request('article') }}" >
                        </td>

                        <td>
                            <input name="color" id="color" class="form-control" value="{{ request('color') }}" >
                        </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('pos-article-size-wise-report') }}';"><i class="fa fas fa-refresh"></i></button></td>
                    </tr>
                </table>
            </form>
        </div>

        <div class="card-body">
            <table class="table table-striped table-bordered">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Section</th>
                        <th>Subsection</th>
                        <th>Article</th>
                        <th>Color</th>
                        @foreach($sizes as $size)
                        <th>{{$size}}</th>
                        @endforeach
                        <th>Total</th>
                    </tr>
                </thead>
                <tbody>

                 @php $totalcountallsize  = 0 ;  @endphp   

                @foreach($rows as $key => $row)
               
                    <tr>
                        <td>{{ $key + 1 }}</td>
                        <td>{{ $productRows[$row]['section'] }}</td>
                        <td>{{ $productRows[$row]['subsection'] }}</td>
                        <td>{{ $productRows[$row]['article'] }}</td>
                        <td>{{ $productRows[$row]['color'] }}</td>
                        @foreach($sizes as $size)
                        <td>{{ empty($articleProductCombinations[$row][$size]) ? 0 : $articleProductCombinations[$row][$size] }}</td>
                        @endforeach
                                                 <td>{{$productCount[$row]}}</td>
                    </tr>

                @endforeach

                </tbody>
                <tfoot>
                <tr>
                        <td colspan="5"></td> 
                        @foreach($sizes as $size)
                         
                         <td> {{ empty($productCountSize[$size]) ? 0 : $productCountSize[$size] }} </td> 
                      
                        @endforeach
                        <td> {{$totalcountallsize}}</td>
                        
                </tr>
                </tfoot>

            </table>
        </div>
</div>
@endsection

@section('extraJs')
@endsection