@extends('layouts.blank')

@push('stylesheets')

@endpush

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

    @if(isset($selected_statuses))
        var selected_statuses = null;
    @else
        var selected_statuses = [];
    @endif
@endpush



@push('scripts')
    <script src="{{ asset('js/endinginventory.js') }}"></script>
    <script>
    $(document).ready(function () {
            $("#inv_date").daterangepicker({
                singleDatePicker: true,
                showDropdowns: true,
            });
    });
    </script>
@endpush



@section('main_container')
    <div class="right_col" role="main">
        <div class="">
            <div class="page-title">
                <div class="title_left">
                   
                </div>
            </div>

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

            {!! Form::open(array('route' => array('po.ontime_infull'), 'class' => 'form-horizontal form-label-left', 'method' => 'POST','target'=>'_self')) !!}

            <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>
                                    @if(count($sel_branches)>0)
                                         {!! Form::select('branch[]',  $sel_branches,'' , array('id' => 'branch_name', 'class' => 'form-control' ,'multiple' => 'multiple' ,'data-placeholder' => 'SELECT BRANCH')) !!}
                                    @else
                                        {!! Form::select('branch[]',  [],'' , array('id' => 'branch_name', 'class' => 'form-control' ,'multiple' => 'multiple' ,'data-placeholder' => 'SELECT BRANCH')) !!}
                                    @endif
                                </div>
                            </div>
                           
                            <div class="col-md-3 col-xs-12">
                                <div class="form-group">
                                    <label for="date_to">From </label>
                                    {!! Form::text('from', $date_format_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"> To </label>
                                    {!! Form::text('to', $date_format_to, array('class' => 'form-control', 'id' => 'date_to')) !!}
                                </div>
                            </div>
                            
                            <div class="col-md-3 col-xs-12">
                                <div class="form-group">
                                    <label for="minmax">P.O</label>
                                    {!! Form::select('minmax',[0=>'Special Lens','1'=>'PO From MIn/Max'],0,['class'=>'form-control','id'=>'minmax']) !!}
                                </div>
                            </div>
                            
                        </div>
                       
                       
                        <div class="row">
                            <div class="col-md-12 col-xs-12">
                                <div class="btn-group">
                                    <button type="submit" name="submit" value="process" class="btn btn-sm btn-success">
                                        <span class="glyphicon glyphicon-search"></span> Search
                                    </button>
                                </div>
                                <div class="btn-group">
                                    <button type="submit" name="submit" value="download" class="btn btn-sm btn-success">
                                        <span class="glyphicon glyphicon-download"></span> Download
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-12 col-sm-12 col-xs-12">
                    <div class="x_panel">
                        <div class="x_title">
                            <h2>OTIF (On Time-In Full) Delivery Report <strong>{{ $formattedDate }}</strong></h2>

                            <ul class="nav navbar-right panel_toolbox">
                                <li>
                                    <a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                </li>

                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="glyphicon glyphicon-export"></i></a>
                                    <ul class="dropdown-menu" role="menu">
                                        <li>
                                        <span class="label label-default"
                                              style="display: block; border-radius: 0px;">
                                            <small>Export <span class="glyphicon glyphicon-save"></span>&nbsp;<strong>{{ $formattedDate}}</strong>
                                            </small>
                                        </span>
                                        </li>
                                        <!--<li>-->
                                        <!--    <button style="text-decoration: none;" type="submit" class="btn btn-link" value="download" name="submit">-->
                                        <!--        <small><span class="fa fa-list"></span>&nbsp;&nbsp;Stock Inventory</small>-->
                                        <!--    </button>-->
                                        <!--</li>-->
                                        <!--<li>-->
                                        <!--    <button style="text-decoration: none;" type="submit" class="btn btn-link" value="consolidate" name="submit">-->
                                        <!--        <small><span class="fa fa-table"></span>&nbsp;&nbsp;Consolidated</small>-->
                                        <!--    </button>-->
                                        <!--</li>-->

                                    </ul>
                                </li>
                                <li>
                                    <a class="close-link">
                                        <i class="fa fa-close">
                                        </i>
                                    </a>
                                </li>
                            </ul>

                            <div class="pull-right" style="margin-top: 5px;">
                                <!--<span class="label label-info customLabelPrimary">Beginning: </span>&nbsp;-->
                                <!--<span class="label label-success customLabelSuccess">Ending: </span>-->
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="x_content table-responsive">
                            <!-- <table id="datatable" class="table table-striped table-bordered"> -->
                            <table id="datatable" class="table table-striped jambo_table table-hover table-bordered">
                                <thead>
                                <tr>
                                    <th>Company</th>
                                    <th>Location</th>
                                    <th>P.O Number</th>
                                    <th>Date Order</th>
                                    <th>Qty Order</th>
                                    <th>Date Received</th>
                                    <th>Qty Received</th>
                                    <th>Total Average Percentage</th>
                                </tr>
                                </thead>
                                <tbody>
                                    @foreach($po_list as $data)
                                    <tr>
                                        <td>{{$data['company_name']}}</td>
                                        <td>{{$data['branch_name']}}</td>
                                        <td>{{$data['po_no']}}</td>
                                        <td>{{date("Y-m-d", strtotime($data["ordered_date"]))}}</td>
                                        <td>{{$data['ordered_qty']}}</td>
                                        <td>{{$data['received_date']}}</td>
                                        <td>{{$data['received_qty']}}</td>
                                        <td>{{number_format((($data["received_qty"] /  $data["ordered_qty"]) * 100),2)}}</td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                            
                        </div>
                    </div>
                </div>
            </div>

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