@extends('app')
@section('content')
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            Inventory Item Stock
        </h1>
        <ol class="breadcrumb">
            <li><a href="{{url('/')}}"><i class="fa fa-dashboard"></i> Home</a></li>
            <li><a href="#">Item</a></li>
            <li class="active">Item Stock</li>
        </ol>
    </section>
    <!-- Main content -->
    <section class="content">
        <!-- SELECT2 EXAMPLE -->
        <div class="box box-info">
            <div class="box-header with-border">
                <h3 class="box-title">

                </h3>


            </div>
            <!-- /.box-header -->
            <div class="box-body">
                <div class="row">
                    <div class="col-md-12">

                        <table class="table table-bordered" id="itemDatatable">
                            <thead>
                            <tr>
                                <th>
                                    S/N
                                </th>
                                <th>
                                    Name
                                </th>
                                <th>
                                    Code
                                </th>
                                <th>
                                    Quantity
                                </th>
                                <th>
                                    Status
                                </th>
                            </tr>
                            </thead>
                            <tbody>
                            @forelse($items as $item)
                                <tr>
                                    <td>{{$loop->index+1}}</td>
                                    <td>{{$item['name']}}</td>
                                    <td>{{$item['code']}}</td>
                                    <td>{{$item['quantity']}}</td>
                                    <td>
                                        @if($item['quantity']>0)
                                            <label class="label label-info">In Stock</label>
                                        @else
                                            <label class="label label-danger">Stock Out</label>
                                        @endif
                                    </td>
                                </tr>
                            @empty
                                <p>No Records</p>
                            @endforelse

                            </tbody>
                        </table>

                    </div>
                </div>
            </div>

        </div>
    </section>
@endsection

@section('extra-css')
    {{Html::style('assets/bower_components/datatables.net/buttons/css/buttons.dataTables.min.css')}}
@stop

@section('extra-js')
    <script src="{{ asset('assets/bower_components/datatables.net/buttons/js/dataTables.buttons.min.js') }}"></script>
    <script src="{{asset('assets/bower_components/datatables.net/buttons/js/buttons.html5.min.js')}}"></script>
    <script src="{{asset('assets/bower_components/datatables.net/buttons/js/buttons.print.min.js')}}"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#itemDatatable').DataTable({
                processing: true,
                dom: 'Bfrtip',
                buttons: [
                    {
                        extend: 'print',
                        charset: 'utf-8',
                        exportOptions: {
                            columns: [0, 1, 2, 3, 4]
                        }
                    },
                    'pageLength'
                ],
                lengthMenu: [
                    [10, 25, 50],
                    ['10 rows', '25 rows', '50 rows']
                ]
            });


        });

    </script>
@stop