@extends('layouts.main')
@section('title')
    Lubricants Inventory
@stop
@section('contentinner')
    <script type="application/javascript">
        jQuery(document).ready(function () {
            jQuery('#editItems').on('show.bs.modal', function () {
                jQuery('.modal .modal-body').css('overflow-y', 'auto');
                jQuery('.modal .modal-body').css('max-height', jQuery(window).height() * 0.8);
            });
        });
    </script>
    <style type="text/css">
        /*   #editItems {
               width: 60%;
               left: 35%;
           }*/

        input[type=radio] {
            transform: scale(3, 3);
            -moz-transform: scale(3, 3);
            -ms-transform: scale(3, 3);
            -webkit-transform: scale(3, 3);
            -o-transform: scale(3, 3);
        }
    </style>
    <div class="maincontent">
        <div class="contentinner">
            <h4 class="widgettitle">&nbsp;
              <span class="pull-right" style="margin-top: -2px;margin-right: 0px">
              {{--<a href="javascript:;" class="btn btn-small" onclick="PrintAllGrn()"><i class="icon-print"></i> Print</a>--}}
                  <button class="btn" class="btn btn btn-mini" onclick="modelShow('editItems')"> New Entry
                  </button>
              </span>
            </h4>
            <!-- <a href="javascript:" type="button" class="btn btn-small" name="" style="float:right"  id="" data-toggle="modal" data-target="#showAjaxModal"><i class="icon-plus"></i></a> -->
            <table class="table table-condensed table-bordered" id="dyntable">
                <colgroup>
                    <col class="con0" style="align: center; width: 4%"/>
                    <col class="con1"/>
                    <col class="con0"/>
                    <col class="con1"/>
                    <col class="con0"/>
                    <col class="con1"/>
                </colgroup>
                <thead>
                <tr>
                    <th class="head0 nosort" width="4%">S/N</th>
                    <th class="head0">Item Code/Part Number</th>
                    <th class="head1">Item/Part</th>
                    <th class="head1">Type</th>
                    <th class="head1">Unit</th>
                    <th class="head1" style="text-align: center;">Quantity</th>
                    <th class="head1" style="text-align: center;">Available</th>
                    <th class="head0" style="text-align: center;">Unit Cost</th>
                    <th class="head0" style="text-align: center;">Amount</th>
                    <th class="head0" style="text-align: center;">Active</th>
                    <th class="head0">Action</th>
                </tr>
                </thead>
                <tbody>
                {{--*/ $inventory_value = 0 /*--}}
                @foreach($items as $key => $value)
                    <tr>
                        <td>{{$key+1}}</td>
                        <td>{{$value->itemcode}}</td>
                        <td>{{$value->name}}</td>
                        <td>{{$value->item_group}}</td>
                        <td>{{$value->units}}</td>
                        <td style="text-align:right">
                            {{number_format($inventory = $value->lubricantIn)}}
                        </td>
                        <td>
                            {{number_format($inventory - $value->lubricantOut)}}
                        </td>
                        <td style="text-align:right">
                            @if($value->inventoryIn->sum('quantity') > 0)
                                {{number_format($unit_cost = $value->amount/$inventory = $value->inventoryIn->sum('quantity'),2)}}
                            @else
                                -
                            @endif
                        </td>
                        <td style="text-align:right">
                            @if($value->inventoryIn->sum('quantity') > 0)
                                {{ number_format($unit_cost*$inventory,2)}}
                                {{--*/ $inventory_value += $unit_cost*$inventory /*--}}
                            @else
                                -
                            @endif

                        </td>
                        <td></td>
                        <td width="100">
                            <div class="btn-group">
                                <button onclick="TransactionItem({{$value->id}});modelShow('view')"
                                        class="btn btn-mini">
                                    <i class=" icon-eye-open"></i>View
                                </button>
                            </div>
                        </td>
                    </tr>
                @endforeach
                </tbody>
                <tfoot>
                <tr>
                    <td colspan="8"></td>
                    <td style="text-align: right">{{number_format($inventory_value,2)}}</td>
                    <td></td>
                    <td></td>
                </tr>
                </tfoot>
            </table>
        </div>
    </div>

    <div aria-hidden="false" class="fade hide modal animated" data-backdrop="static" id="view" tabindex="-1">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h3 id="myModalLabel">Distribution </h3>
        </div>
        <div class="modal-body" id="itemsinventory">

        </div>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
            <button class="btn btn-success">Print</button>
        </div>
    </div>
    <script type="text/javascript">

            function TransactionItem(argument) {
                jQuery.ajax({
                    url: "{{route('lubricant.inventory.movements')}}",
                    type: 'GET',
                    data: {'item_id': argument},
                    beforeSend: function () {
                    },
                    success: function (response) {
                        jQuery('#itemsinventory').html(response);
                    },
                });
            }

    </script>
@stop