@extends('layouts.main_without_top_button')
@section('title')
    Inventories Managements
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="">Inventory</a> <span class="divider">/</span></li>
        <li class="active">Stock Inventories</li>
    </ul>
@stop
@section('contentinner')
    <style type="text/css">

        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>

    <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="head1">Item/Part</th>
            <th class="head1">Type</th>
            <th class="head1">Unit</th>
            <th class="head1" style="text-align: center;">Received</th>
            <th class="head1" style="text-align: center;">Issued</th>
            <th class="head1" style="text-align: center;">Stock Balance</th>
            <th class="head0" style="text-align: center;">Unit Cost</th>
            <th class="head0" style="text-align: center;">Amount</th>
            <th class="head0">Action</th>
        </tr>
        </thead>
        <tbody>
        {{--*/ $inventory_value = 0 /*--}}
        @foreach($items as $key => $value)
            @if($value->quantity>0)
                <tr>
                    <td>{{$key+1}}</td>
                    <td>{{$value->name}}</td>
                    <td>{{$value->item_group}}</td>
                    <td>{{$value->units}}</td>
                    <td style="text-align:right">{{$value->quantity}}</td>
                    <td>{{$value->quantityUsed}}</td>
                    <td>{{$value->quantity-$value->quantityUsed}}</td>
                    <td style="text-align:right">{{number_format($value->average_price,2)}}</td>
                    <td style="text-align:right">{{number_format(($value->quantity-$value->quantityUsed)*$value->average_price,2)}}</td>
                    {{--/* $inventory_value += ($value->quantity) /*--}}
                    <td width="100">
                        <div class="btn-group">
                            <button class="btn btn-mini item_movements_in_details"
                                    data-href="{{route('inventories.item-movements.create',['items'=>$value->id])}}">
                                <i class=" icon-eye-open"></i> Details
                            </button>
                        </div>
                    </td>
                </tr>
            @endif
        @endforeach
        </tbody>
        <tfoot>
        <tr>
            <td colspan="8"></td>
            <td style="text-align: right">{{number_format($inventory_value,2)}}</td>
            <td></td>
        </tr>
        </tfoot>
    </table>

    {{--<div aria-hidden="false" class="fade hide modal animated" data-backdrop="static" id="add_tyre" tabindex="-1">--}}
        {{--<div class="modal-header">--}}
            {{--<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>--}}
            {{--<h3 id="myModalLabel">RECEIVE TIRES</h3>--}}
        {{--</div>--}}

    <div aria-hidden="false" aria-labelledby="myModalLabel" role="dialog" tabindex="-1"  data-backdrop="static"
         class="modal hide fade in"
         id="item_inventory_movement_modal">
        <div class="modal-header" style="background: #50A6C6">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h4>ITEM INVENTORY MOVEMENTS</h4>
        </div>
        <div class="modal-body">
            <div id="item_inventory_movement_modal_body">

            </div>
        </div>
        <div class="modal-footer">
            <div class="row">
                <div class="form-group">
                    <p class="stdformbutton pull-right">
                        <button type="reset" class="btn" data-dismiss="modal">CLOSE</button>
                    </p>
                </div>
            </div>
        </div>
    </div>

    <script type="text/javascript">
        jQuery(document).ready(function () {

            // function ApprovingRequest() {
            jQuery('.rate , .quantity').keyup(function (event) {
                // skip for arrow keys
                if (event.which >= 37 && event.which <= 40) return;
                // format number
                jQuery(this).val(function (index, value) {
                    return value.replace(/\D/g, "").replace(/\B(?=(\d{3})+(?!\d))/g, ",");
                });
            });
        });

        jQuery('.item_movements_in_details').on('click', function () {
            var href = jQuery(this).attr("data-href");
            jQuery.ajax({
                url: href,
                type: 'get',
                success: function (html) {
                    jQuery('#item_inventory_movement_modal_body').empty().append(html);
                    jQuery('#item_inventory_movement_modal').appendTo('body').modal('toggle');
                }
            });
        });


    </script>
@stop