@extends('layouts.blank')

@push('stylesheets')

@endpush

@push('inline-scripts')
    @if(isset($sel_branches))
    var branches = null;
    @else
    var branches = [];
    @endif
    @if(isset($sel_terminals))
    var terminals = null;
    @else
    var terminals = [];
    @endif

              $(document).ready(function() {

           

            $('#datatable1').dataTable({

             "aaSorting":[[4,"desc"]]
            });
    
               
          });
@endpush

@push('scripts')
    <script src="{{ asset("js/salessummary.js") }}"></script>
@endpush

@section('main_container')



    <!-- page content -->
    <div class="right_col" role="main">
         <div class="">
            <div class="page-title">
                <div class="title_left">
                    <h3>Item Ranking Report</h3>
                </div>
            </div>

            <div class="clearfix"></div>



            {!! Form::open(array('route' => array('itemrank.store'), 'class' => 'form-horizontal form-label-left', 'method' => 'POST')) !!}
                  
                <div class="row">
                    <div class="col-md-12 col-xs-12">
                        <div class="x_panel">
                            <div class="row">
                                <div class="col-md-3 col-xs-12">
                                    <div class="form-group">
                                        <label for="company">Company Name</label>
                                        {!! Form::select('company[]',  $companies, null, array('id' => 'company', 'class' => 'form-control' ,'multiple' => 'multiple' ,'data-placeholder' => 'SELECT DIVISION')) !!}
                                    </div>
                                </div>

                                <div class="col-md-3 col-xs-12">
                                    <div class="form-group">
                                        <label for="branch">Branch Name</label>
                                        <select class="form-control" data-placeholder="SELECT A BRANCH..." id="branch" name="branch[]" multiple="multiple" ></select>
                                    </div>
                                    
                                </div>

                                 <div class="col-md-3 col-xs-12">
                                    <div class="form-group">
                                        <label for="branch">Category</label>
                                        
                                        {!! Form::select('category[]',  $categories, $category_value, array('id' => 'user', 'class' => 'form-control' ,'multiple' => 'multiple' ,'data-placeholder' => 'SELECT CATEGORY')) !!}
                                    </div>
                                    
                                </div>



                                
                            </div>
                            <div class="row">
                            <div class="col-md-3 col-xs-12">
                                    <div class="form-group">
                                        <label for="date_from">Date From</label>
                                        {!! Form::text('date_from',$date_from,array('class' => 'form-control', 'id' => 'date_from')) !!}
                                    </div>
                                    
                                </div>

                                <div class="col-md-3 col-xs-12">
                                    <div class="form-group">
                                        <label for="date_to">Date To</label>
                                         {!! Form::text('date_to',$date_to,array('class' => 'form-control', 'id' => 'date_to')) !!}
                                    </div>
                                    
                                </div>
                                <!--zer-->
                                <div class="col-md-3 col-xs-12">
                                    <div class="form-group">
                                        <label for="search_key">Search Keyword</label>
                                        {{ Form::text('search_key', null, array('class' => 'search_key', 'id' => 'search', 'class' => 'form-control', 'minlength'=>'3', 'placeholder'=>'Type Keyword...', 'onkeydown'=>'return event.key != "Enter"')) }}
                                      
                                          </div>
                                   </div>
                                   <!--zer-->
                            </div>

                            

                            <div class="row">
                                <div class="col-md-3 col-xs-12">
                                     <div class="btn-group">
                                        <button type="submit" onclick="$('#search').val(null)" class="btn btn-success" value="1" name="submit">Process</button>
                                    </div>  
                                    <div class="btn-group">
                                        <button type="submit" class="btn btn-primary" value="2" name="submit">Download</button>
                                    </div> 
                                </div>
                                 <!--zer-->
                                 <div class="col-md-3 col-xs-12"></div>
                                <div class="col-md-3 col-xs-12">
                                     <div class="btn-group">
                                        <button type="submit" class="btn btn-success"  value="3" name="submit" onClick="selectAll();">Search</button>
                                    </div>  
                                    
                                </div>
                                 <!--zer-->
<script>
 function selectAll()
    {
    	options = document.getElementsByTagName("option");
    	for ( i=0; i<options.length; i++)
    	{
    		options[i].selected = "true";
    	}
    }


</script>
                                
                            </div>



                        </div>
                    </div>
                </div>  
            {!! Form::close() !!}
                

                <div class="row">
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <div class="x_panel">
                            <div class="x_content table-responsive">
                                <table id="datatable1" class="table table-striped table-bordered">
                                    <thead>
                                        <tr>
                                            <th>Barcode</th>
                                            <th>Item Code</th>
                                            <th>Category</th>
                                            <th>Description</th>
                                            <th class="right">Qty</th>
                                            <th class="right">Total Amount</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        
                                      
                                        
                                  
                                        
                                        
                                        @if(count($items) > 0)
                                        @foreach($items as $item)
                                        <tr>
                                            <td>{{ $item->barcode }}</td>
                                            <td>{{ $item->itemcode }}</td>
                                            <td>{{ $item->category }}</td>
                                            <td>{{ $item->description }}</td>
                                            <td class="right">{{ $item->qty}}</td>
                                            <td class="right">{{ number_format($item->net_amount,2) }}</td>
                                            
                                        </tr>
                                        @endforeach
                                        
                                        @endif
                                        
                                        
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

            
          </div>
    </div>
    <!-- /page content -->

@endsection