@extends('layouts.backend')

@section('extraCss')  
  <style>

    .custom-select,.dropdown-item {
        width: 300px !important;
        font-size: 13px !important;
        overflow: hidden;
    }
   
    </style>
@endsection

@section('mainContentArea')
<div class="card card-default">
        <div class="card-header">
            <h4>Category wise stock</h4>
        </div>       
         
        <div class="alert alert-default">
            <form action="{{ route('pos-category-wise-report') }}" id="articlereport">
                <h4>Filter  </h4>
                <table class="table filterPosSo">        
                   
                    <tr>
                        <td width="15%">Warehouse</td>
                        <td width="15%">Store</td>                                                                 
                        <td colspan="2">ACTION</td>
                    </tr>
                    <tr>

                        <td>
                            <select name="warehouse_id[]" id="warehouse" class="input-md"  multiple="multiple" >                               
                                @foreach($allWarehouse as $warehouse)
                                <option value="{{ $warehouse->id }}" {{ ( !empty(request("warehouse_id")) && in_array($warehouse->id, request("warehouse_id")) ? "selected" : "") }}>{{ $warehouse->warehouse_code . ' ('.$warehouse->name.')' }}</option>
                                @endforeach
                            </select>
                        </td>

                        <td>
                            <select name="warehouse_id[]" id="Pos" class="input-md"  multiple="multiple">                                
                                @foreach($allPos as $warehouse)
                                <option value="{{ $warehouse->id }}" {{ ( !empty(request("warehouse_id")) && in_array($warehouse->id, request("warehouse_id")) ? "selected" : "") }}>{{ $warehouse->warehouse_code . ' ('.$warehouse->name.')' }}</option>
                                @endforeach
                            </select>
                        </td>                   
                       
                        <td><button class="btn btn-block btn-success"><i class="fa fas fa-search" id="submit"></i></button></td>
                        <td><button class="btn btn-block btn-warning" type="button" onclick="window.location.href='{{ route('pos-category-wise-report') }}';"><i class="fa fas fa-refresh"></i></button></td>
                    </tr>
                </table>
            </form>
        </div>
        
</div>
@endsection

@section('extraJs')

<script type="text/javascript">  


    $("#submit").click(function () {    

        if (($('#warehouse').val() == '') && ($('#Pos').val() == '')) {

            alert("Please Select Warehouse / Store");
           
            $("#articlereport").attr("disabled", "disabled");

            return false;
        }
        
    });
</script>

@endsection