@extends('layouts.admin-simple')

@section('title', 'Indirect Goods - Low Stock')

@section('breadcrumb')
    <li class="breadcrumb-item">Warehouse</li>
    <li class="breadcrumb-item">Indirect Goods</li>
    <li class="breadcrumb-item"><a href="{{ route('warehouse.indirect-goods.inventory.index') }}">Inventory</a></li>
    <li class="breadcrumb-item active">Low Stock</li>
@endsection

@section('page-title')
    <div class="d-flex justify-content-between align-items-center w-100">
        <div class="page-title-left">
            <h3 class="mb-1">Low Stock Alerts</h3>
            <p class="text-muted mb-0" style="font-size: 13px;">Indirect goods at or below reorder point</p>
        </div>
        <a href="{{ route('warehouse.indirect-goods.inventory.index') }}" class="btn btn-sm btn-outline-secondary">
            <i class="material-icons mr-1" style="font-size: 16px;">arrow_back</i> Back to Inventory
        </a>
    </div>
@endsection

@section('content')
    @if($items->isEmpty())
        <div class="card">
            <div class="card-body text-center py-5">
                <i class="material-icons text-success" style="font-size: 48px;">check_circle</i>
                <h5 class="mt-3">All stock levels are healthy</h5>
                <p class="text-muted">No indirect goods are currently below their reorder point.</p>
            </div>
        </div>
    @else
        <div class="card">
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-striped table-bordered">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>IG Code</th>
                                <th>Description</th>
                                <th>Category</th>
                                <th>Unit</th>
                                <th>Current Stock</th>
                                <th>Reorder Point</th>
                                <th>Min Stock Level</th>
                                <th>Status</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($items as $index => $item)
                                <tr>
                                    <td>{{ $index + 1 }}</td>
                                    <td><a href="{{ route('warehouse.indirect-goods.catalog.show', $item['id']) }}">{{ $item['ig_code'] }}</a></td>
                                    <td>{{ $item['ig_description'] }}</td>
                                    <td>{{ $item['category'] }}</td>
                                    <td>{{ $item['unit'] }}</td>
                                    <td class="text-right font-weight-bold {{ $item['status'] == 'out_of_stock' ? 'text-danger' : 'text-warning' }}">
                                        {{ number_format($item['current_stock'], 2) }}
                                    </td>
                                    <td class="text-right">{{ number_format($item['reorder_point'], 2) }}</td>
                                    <td class="text-right">{{ number_format($item['min_stock_level'], 2) }}</td>
                                    <td>
                                        @if($item['status'] == 'out_of_stock')
                                            <span class="badge badge-danger">Out of Stock</span>
                                        @else
                                            <span class="badge badge-warning">Low Stock</span>
                                        @endif
                                    </td>
                                    <td>
                                        <a href="{{ route('warehouse.indirect-goods.inventory.stock-movements', $item['id']) }}" class="btn btn-sm btn-outline-info" title="Stock Movements">
                                            <i class="material-icons" style="font-size: 16px;">history</i>
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    @endif
@endsection