@extends('layouts.app')
@section('title', __('Low Stock'))

@section('content')
    <div class="mb-4 flex items-center justify-between">
        <p class="text-sm text-slate-500">{{ __('Products at or below their minimum stock level.') }}</p>
        <form method="POST" action="{{ route('reorder.generate') }}">
            @csrf
            <button class="btn-primary"><x-icon name="plus" class="h-4 w-4"/>{{ __('Generate reorder drafts') }}</button>
        </form>
    </div>

    <div class="table-wrap">
        <table class="min-w-full divide-y divide-slate-100">
            <thead class="bg-slate-50">
                <tr>
                    <th class="th">{{ __('Product') }}</th>
                    <th class="th">{{ __('Supplier') }}</th>
                    <th class="th">{{ __('Current') }}</th>
                    <th class="th">{{ __('Minimum') }}</th>
                    <th class="th">{{ __('Reorder qty') }}</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-slate-100">
                @forelse ($products as $product)
                    <tr class="hover:bg-slate-50">
                        <td class="td font-medium">{{ $product->name }}</td>
                        <td class="td">{{ $product->supplier?->name ?? '—' }}</td>
                        <td class="td"><span class="badge bg-red-100 text-red-700">{{ $product->total_stock }}</span></td>
                        <td class="td">{{ $product->min_stock }}</td>
                        <td class="td">{{ $product->reorder_quantity }}</td>
                    </tr>
                @empty
                    <tr><td colspan="5" class="td py-10 text-center text-slate-400">{{ __('All products are sufficiently stocked.') }}</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div class="mt-4">{{ $products->links() }}</div>
@endsection