@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>Gst Summary 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"></div>
</div>
@endsection

@section('extraJs')
@endsection