@extends('layouts.template')

@section('template')
<!-- Content Header -->
<section class="content-header">
    <h1>
        STOCK REPORT
        
        </h1>
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li class="active">Dashboard</li>
        <li class="active">Stock Report</li>
    </ol>
</section>
<!-- End Content Header -->
<!-- Main content -->
<section class="content">
    <div class="row">
        <div class="col-md-10">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    List
                    <a class="btn btn-default btn-xs pull-right" target="_blank" href="{{ url('/report/current-stock-category-pdf') }}" target="">Download as PDF/Print</a>
                </div>
                <div class="panel-body">
                    <input class="form-control" id="myInput" type="text" placeholder="Search..">
                    <br>
                    <div class="table-responsive">
                        <table class="table-bordered" id="" width="100%">
                            <thead>
                                <tr>
                                    <th style="" height="25">Srl</th>
                                    <th style="">Catagory Name</th>
                                    <th style="">Stock</th>
                                </tr>
                            </thead>

                            <tbody id="myTable">
                                @if(isset($items))
                                    @foreach($items as $key => $value)
                                    <tr>
                                        <td height="25">{{ ++$key }}</td>
                                        <td>{{ $value->cata_name }}</td>
                                        <td>{{ $value->stock_in-$value->stock_out }}</td>
                                    </tr>
                                    @endforeach
                                @endif
                            </tbody>
                        </table>

                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Main Content -->

<script>
$(document).ready(function(){
  $("#myInput").on("keyup", function() {
    var value = $(this).val().toLowerCase();
    $("#myTable tr").filter(function() {
      $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
    });
  });
});
</script>

@endsection