@extends('AdminLte.template')

<!--Title-->
@section('title')
Stock Cycle Report
@endsection
<!--Title Close-->

<!--External CSS-->
@section('ExternalCss')
@parent
@endsection
<!--External CSS Close--> 

@section('Content')

<div class="col-md-12">
    <h3 class="txtCenter">Stock / Cycle Count Report</h3>
    <br/>
    {{ Form::open(['action' => 'RegisterReportController@stockCycleReportData','autocomplete' => 'off','id' => 'stockstat']) }}
    
    <div class="row">
        <div class="col-md-4"></div>
        <div class="col-md-6">
            <div class="form-group">
                <div class="col-md-3 noPadding">
                    <label class="inputType">Store</label><span class="fontsize10 required">✱</span><span class="pull-right">:</span>
                </div>
                <div class="col-md-8">
                    <input type="text" size="16" style="width:50%" name="storeName" id="storeName" class="input inputType borderNone borderBottom blue noPadding" required>
                    <input type="hidden" name="storeId" id="storeId">
                </div>
            </div>
        </div>
        <div class="col-md-2"></div>
    </div>
    
    <div class="row">
        <div class="col-md-4"></div>
        <div class="col-md-6">
            <div class="form-group">
                <div class="col-md-3 noPadding"><label class="inputType">Report For</label><span class="pull-right">:</span></div>
                <div class="col-md-8">
                    <input type="radio" value="productWise" id="productWise" name="reportType" checked="">
                    <label for="productWise" class="inputType">Product</label>&nbsp;&nbsp; 
                    <input type="radio" value="productCategoryWise" id="productCategoryWise" name="reportType">
                    <label for="productCategoryWise" class="inputType">Product Category</label>
                </div>
            </div>
        </div>
        <div class="col-md-2"></div>
    </div>
    
    <div class="row" id="product">
        <div class="col-md-4"></div>
        <div class="col-md-6">
            <div class="form-group">
                <div class="col-md-3 noPadding"><label class="inputType">Product</label><span class="pull-right">:</span></div>
                <div class="col-md-8">
                    <input type="text" id="productName" name="productName" style="width:50%" class="inputType borderNone borderBottom blue noPadding" required>
                    <input type="hidden" name="productId" id="productId">
                </div>
            </div>
        </div>
        <div class="col-md-2"></div>
    </div>
    
    <div class="row category" id="category">
        <div class="col-md-4"></div>
        <div class="col-md-6">
            <div class="form-group">
                <div class="col-md-3 noPadding"><label class="inputType">Product Category</label><span class="pull-right">:</span></div>
                <div class="col-md-8">
                    <select name="stockcategory" id="stockcategory" style="width:50%" class="inputType borderNone borderBottom blue noPadding" required>
                        <option value="A">ALL</option>
                        @foreach($productCategory as $key =>$product)
                        <option value="{{$product->category_id}}">{{$product->category_abbrev}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-2"></div>
    </div>
    
    <div class="row category" id="category">
        <div class="col-md-4"></div>
        <div class="col-md-6">
            <div class="form-group">
                <div class="col-md-3 noPadding"><label class="inputType">PTR Range</label><span class="pull-right">:</span></div>
                <div class="col-md-8">
                    <input min="0" type="number" style="width:22%" id="ptrStart" name="ptrStart" class="inputType borderNone borderBottom blue noPadding">
                    <label class="inputType"> To </label>
                    <input min="0" type="number" style="width:22%" id="ptrEnd" name="ptrEnd" class="inputType borderNone borderBottom blue noPadding">
                </div>
            </div>
        </div>
        <div class="col-md-2"></div>
    </div>
    
    <div class="row category" id="category">
        <div class="col-md-4"></div>
        <div class="col-md-6">
            <div class="form-group">
                <div class="col-md-3 noPadding"><label class="inputType">Product Between</label><span class="fontsize10 required">✱</span><span class="pull-right">:</span></div>
                <div class="col-md-8">
                   <input type="text" style="width:22%" id="productStart" name="productStart" class="inputType borderNone borderBottom blue noPadding text-uppercase">
                    <label class="inputType"> To </label>
                    <input type="text" style="width:22%" id="productEnd" name="productEnd" class="inputType borderNone borderBottom blue noPadding text-uppercase">
                </div>
            </div>
        </div>
        <div class="col-md-2"></div>
    </div>
    
    <div class="row">
        <div class="col-md-4"></div>
        <div class="col-md-6">
            <div class="form-group">
                <div class="col-md-3 noPadding"><label class="inputType">Product Having Zero Qty</label><span class="pull-right">:</span></div>
                <div class="col-md-8">
                    <select name="productZeroQuantity" style="width:50%" id="productZeroQuantity" class="inputType borderNone borderBottom blue noPadding" required>
                    <option value="Y">Yes</option>
                    <option value="N">No</option>
                </select>
                </div>
            </div>
        </div>
        <div class="col-md-2"></div>
    </div>
    
    <div class="row">
        <div class="col-md-4"></div>
        <div class="col-md-6">
            <div class="form-group">
                <div class="col-md-3 noPadding"><label class="inputType">Total Product </label><span class="pull-right">:</span></div>
                <div class="col-md-8">
                    <input type="text" id="count" style="width:50%" name="count" class="inputType borderNone borderBottom blue noPadding readOnlyBackground" readonly required>
                </div>
            </div>
        </div>
        <div class="col-md-2"></div>
    </div>
    
<!--    <div class="col-md-12 txtCenter">
        <span class="fontsize10 required">✱</span>
        <label class="inputType"> Store : </label> 
        <input type="text" size="16" name="storeName" id="storeName" class="input inputType borderNone borderBottom blue noPadding" required>
        <input type="hidden" name="storeId" id="storeId">
    </div>
    <br/><br/>-->
<!--    <div class="col-md-12 txtCenter">
        <input type="radio" value="productWise" id="productWise" name="reportType" checked="">
        <label for="productWise"><h4>Product Wise</h4></label>&nbsp;&nbsp; 
        <input type="radio" value="productCategoryWise" id="productCategoryWise" name="reportType">
        <label for="productCategoryWise"><h4>Product Category Wise</h4></label>
    </div> 
    <br/><br/>-->
<!--    <div class="col-md-12 txtCenter" id="product">
        <label class="inputType">Product : </label>
        <input type="text" id="productName" name="productName" class="inputType borderNone borderBottom blue noPadding" required>
        <input type="hidden" name="productId" id="productId">
        <br/><br/>
    </div>-->
<!--    <div class="col-md-12 txtCenter" id="category">
        <label class="inputType">Product Category : </label>
        <select name="stockcategory" id="stockcategory" class="inputType borderNone borderBottom blue noPadding" required>
            <option value="A">ALL</option>
            @foreach($productCategory as $key =>$product)
            <option value="{{$product->category_id}}">{{$product->category_abbrev}}</option>
            @endforeach
        </select>
        <br/><br/>
        <label class="inputType">PTR Range : </label>
        <input min="0" type="number" style="width:6%" id="ptrStart" name="ptrStart" class="inputType borderNone borderBottom blue noPadding">
        <label class="inputType"> To </label>
        <input min="0" type="number" style="width:6%" id="ptrEnd" name="ptrEnd" class="inputType borderNone borderBottom blue noPadding">
        <br/><br/>
        <span class="fontsize10 required">✱</span>
        <label class="inputType">Product Between : </label>
        <input type="text" style="width:5%" id="productStart" name="productStart" class="inputType borderNone borderBottom blue noPadding text-uppercase">
        <label class="inputType"> To </label>
        <input type="text" style="width:5%" id="productEnd" name="productEnd" class="inputType borderNone borderBottom blue noPadding text-uppercase">
        <br/><br/>
    </div>-->
<!--    <div class="col-md-12 txtCenter">
        <label class="inputType">Product Having Zero Quantity : </label>
        <select name="productZeroQuantity" style="width:5%" id="productZeroQuantity" class="inputType borderNone borderBottom blue noPadding" required>
            <option value="Y">Yes</option>
            <option value="N">No</option>
        </select>
        <br/><br/>
        <label class="inputType">Total Product : </label>
        <input type="text" id="count" name="count" class="inputType borderNone borderBottom blue noPadding readOnlyBackground" readonly required>
        <br/><br/>
    </div>-->

    <div class="row">
        <div class="col-md-3"></div>
        <div class="col-md-5 txtCenter">
            <br><br>
            <button name="Submit" id="btnSubmit" class="btn btn-success btn-sm">Submit</button>
            <a href="{{url('Item/cycleList')}}" class="btn btn-danger btn-sm">Back</a>
        </div>
        <div class="col-md-3"></div>
    </div>
    {{ Form::close() }}
</div>
@endsection

<!--Bootstrap Modals-->      
@section('BootstrapModals')
@endsection
<!--Bootstrap Modals Close-->

<!--External JS-->
@section('ExternalJs')
<script src="{{ asset ("/js/store_search.js?$releaseVersion") }}"></script>
<script src="{{ asset ("/js/product_search.js?$releaseVersion") }}"></script>
<script src="{{ asset ("/js/stock_cycle_count.js?$releaseVersion") }}"></script>
@endsection