IMMREX7

@extends('schools.school_layout')
@section('content')
<div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12">
        <!--<div class="card">-->
        <div class="body">
            <button class="btn btn-raised btn-warning btn-round waves-effect" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">Advance Search</button>
            <div class="collapse" id="collapseExample">
                <div class="well">
                    <div class="row clearfix">
                        <div class="col-lg-12 col-md-12 col-sm-12">
                            <div class="card">
                                <div class="header">
                                    <h2><strong>Stock Report</strong></h2>
                                </div>
                                <div class="body">
                                    {!! Form::open(['method' => 'GET',  'action' => ['School\Stock\StockReportController@stockReport'], 'class' => 'form-horizontal']) !!}
                                    <div class="row clearfix">
                                        <div class="col-sm-2 form-control-label">
                                            <label for="classname">Product Category</label>
                                        </div>
                                        <div class="col-sm-3">
                                            <div class="form-group">
                                                {!! Form::select('idProductCategory',$categories,null,['class' => 'form-control show-tick ms']) !!}
                                            </div>
                                        </div>
                                        <div class="col-sm-2 form-control-label required">
                                            <label for="classname">Product</label>
                                        </div>
                                        <div class="col-sm-3">
                                            <div class="form-group">
                                                <div id="idProduct" style="border:1px solid #ccc; width:250px; height: 150px; overflow-y: scroll;">

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row clearfix">
                                        <div class="col-sm-2 form-control-label">
                                            <label for="classname">Financial Year</label>
                                        </div>
                                        <div class="col-sm-3">
                                            <div class="form-group">
                                               {!! Form::select('idFinancialYear',fys(),null,['class' => 'form-control show-tick ms']) !!}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row clearfix">
                                        <div class="col-sm-8 offset-sm-2">
                                            {!! Form::submit('Search',['class' => 'btn btn-raised btn-primary btn-round waves-effect']) !!}
                                            {!! Form::close() !!} 
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--</div>-->
    </div>
</div>
<div class="row clearfix">
    <div class="col-sm-12">
        <div class="card">
            <div class="header">
                <h2><strong>Stock Report </strong></h2>
            </div>
            <div class="body table-responsive">
                <table class="table table-bordered table-striped table-hover dataTable js-exportable">
                    <thead>
                        <tr>
                            <th>S. No.</th>
                            <th>Photo</th>
                            <th>Product Name</th>
                            <th>Category</th>
                            <th>Opening Unit</th>
                            <th>Total Purchase</th>
                            <th>Purchase Return</th>
                            <th>Total Sell</th>
                            <th>Stock in Hand</th>
                            <th>Status</th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php $i = 1; ?>
                        @foreach($products as $var)
                        <tr>
                            <th scope="row">{{$i}}</th>
                            <td></td>
                            <td>{{$var->productName}}</td>
                            <td>{{$var->categoryName}}</td>
                            <td>{{$var->opngStock}}</td>
                            <td>{{$var->purchaseQuantity}}</td>
                            <td>{{$var->returnedQuantity}}</td>
                            <th>{{$var->totalSell}}</th>
                            <td>{{$var->quantityInStock}}</td>
                            <td>
                                @if($var->quantityInStock > 0)
                                <span style="font-weight: bold;color:green;">In-Stock</span>
                                @else
                                <span style="font-weight: bold;color:red;">Out Of Stock</span>
                                @endif
                                
                            </td>
                        </tr>
                        <?php $i++; ?>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@stop
@section('script')
<script>
$(document).ready(function() {
    $('select[name="idProductCategory"]').on('change', function() {
        var categoryID = $(this).val();
        if(categoryID!='All') {
            $.ajax({
                url: "{{url('/school/product-category') }}"+'/' +categoryID + "/products",
                type: "GET",
                dataType: "json",
                success:function(data) {
                    $('#idProduct').empty();
                    $('#idProduct').append('<div class="checkbox-inline" style="padding-left:10px;padding-top:5px;"><label style="margin-right:42px;"><strong>Select All</label></strong><input type="checkbox" class="select-all" id="selectall"></div>');
                    $.each(data, function(key, value) {
                       $('#idProduct').append('<div class="checkbox-inline" style="padding-left:10px;"><label style="margin-right:100px;">'+value+'</label><input type="checkbox" name="products[]" value="'+key+'" class="productclass"></div>');
                    });
                }
            });
        }else{
            $('select[name="idProduct"]').empty();
        }
    });
});
$(document).on('click', '.select-all', function(){
    var checkAll = this.checked;
        if(checkAll === true){
            $('input[type=checkbox]').each(function () {
                this.checked = checkAll;
            });
        }else{
            $('input[type=checkbox]').each(function () {
                this.checked = checkAll;
            });
        }
});
</script>
@stop