@extends('admin.layouts.app')

@section('content')
<div class="page-inner">
    <div class="page-header">
        <h3 class="fw-bold mb-3">Products</h3>
        <ul class="breadcrumbs mb-3">
            <li class="nav-home">
                <a href="#">
                    <i class="icon-home"></i>
                </a>
            </li>
            <li class="separator">
                <i class="icon-arrow-right"></i>
            </li>
            <li class="nav-item">
                <a href="#">Products</a>
            </li>                
        </ul>
    </div>
    <div class="row">
        <div class="col-md-12">

            @if(session('success'))

                <div class="alert alert-success">
                    {{ session('success') }}
                </div>

            @endif


            <div class="card">
                <div class="card-header">
                    <div class="d-flex align-items-center">
                        <h4 class="card-title">Inventory</h4>
                        <a href="{{ route('inventory.stock-in') }}"
                            class="btn btn-success btn-round ms-auto">
                            Stock In
                        </a>

                        <a href="{{ route('inventory.stock-out') }}"
                        class="btn btn-danger btn-round ms-auto">
                            Stock Out
                        </a>

                        <a href="{{ route('inventory.transactions') }}"
                        class="btn btn-secondary btn-round ms-auto">
                            Transactions
                        </a>
                      
                    </div>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="display table table-striped table-hover" id="inventoryTable">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Product</th>
                                    <th>SKU</th>
                                    <!-- <th>Category</th> -->
                                    <th>Total Stock</th>
                                    <th>Reserved</th>
                                    <th>Available</th>
                                    <th>Reorder Level</th>
                                    <th>Status</th>
                                </tr>

                            </thead>

                            <tbody>

                            @forelse($inventories as $inventory)

                            <tr>

                                <td>
                                    {{ $inventories->firstItem() + $loop->index }}
                                </td>

                                <td>
                                    {{ $inventory->product->name }}
                                </td>

                                <td>
                                    {{ $inventory->product->sku }}
                                </td>


                                <td>
                                    {{ $inventory->quantity }}
                                </td>

                                <td>
                                    {{ $inventory->reserved_quantity }}
                                </td>

                                <td>
                                    {{ $inventory->available_quantity }}
                                </td>

                                <td>
                                    {{ $inventory->product->reorder_level }}
                                </td>

                                <td>

                                    @if($inventory->quantity == 0)

                                        <span class="badge bg-danger">
                                            Out of Stock
                                        </span>

                                    @elseif(
                                        $inventory->quantity
                                        <= $inventory->product->reorder_level
                                    )

                                        <span class="badge bg-warning">
                                            Low Stock
                                        </span>

                                    @else

                                        <span class="badge bg-success">
                                            Available
                                        </span>

                                    @endif

                                </td>

                            </tr>

                @empty

                    <tr>

                        <td colspan="9"
                            class="text-center">

                            No inventory found.

                        </td>

                    </tr>

                @endforelse

                </tbody>

            </table>

            <!-- {{ $inventories->links() }} -->
</div>

        </div>

    </div>
</div>

</div>
</div>
 <script src="{{asset('assets/admin/js/core/jquery-3.7.1.min.js')}}"></script>
          <script src="{{asset('assets/admin/js/plugin/datatables/datatables.min.js')}}"></script>
          <script>
            $(document).ready(function () {

                // Add Row
                $("#inventoryTable").DataTable({
                pageLength: 5,
                });
            });
            </script>

@endsection