@extends('layouts.template')

@section('template')
<!-- Content Header -->
<section class="content-header">
    <h1>WAREHOUSE 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">Warehouse 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 Items
                        </div>
                        <div class="panel-body">
                        
                    <div class="table-responsive">
                        <table class="table-bordered" id="purchase_details" width="100%">
                            <thead>
                                <tr>
                                    <th style="width:10%" height="25">Srl</th>
                                    <th style="width:30%">Warehouse</th>
                                    <th style="width:30%">Item</th>
                                    <th style="width:10%">Stock</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if(isset($warehouses))
                                    @foreach($warehouses as $key => $warehouse)
                                    <tr>
                                        <td height="25">{{ ++$key }}</td>
                                        <td>{{ $warehouse->stock_location_name }}</td>
                                        <td>{{ $warehouse->item_name }}</td>
                                        <td>{{ $warehouse->stock_in - $warehouse->stock_out }}</td>
                                    </tr>
                                    @endforeach
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Main Content -->
@endsection