@extends('backEnd.layouts.master')
@section('title','Stock Report')
@section('content')
<div class="container-fluid py-3">
    <h4 class="fw-bold mb-3"><i class="fas fa-warehouse me-2 text-warning"></i>Stock Report</h4>

    @if($outOfStock->count())
    <div class="card shadow-sm border-0 border-start border-danger border-4 mb-3">
        <div class="card-header bg-transparent fw-semibold text-danger">
            <i class="fas fa-exclamation-triangle me-1"></i> Out of Stock ({{ $outOfStock->count() }})
        </div>
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-hover align-middle mb-0 small">
                    <thead class="table-light">
                        <tr><th>Product</th><th>Category</th><th class="text-end">Price</th><th class="text-center">Status</th><th></th></tr>
                    </thead>
                    <tbody>
                        @foreach($outOfStock as $p)
                        <tr>
                            <td>
                                <div class="d-flex align-items-center gap-2">
                                    @if($p->thumbnail)<img src="{{ asset($p->thumbnail) }}" class="rounded" style="width:36px;height:36px;object-fit:cover">@endif
                                    <span class="fw-semibold">{{ Str::limit($p->name,45) }}</span>
                                </div>
                            </td>
                            <td>{{ $p->category->name ?? '—' }}</td>
                            <td class="text-end">৳{{ number_format($p->price) }}</td>
                            <td class="text-center"><span class="badge bg-danger">Out of Stock</span></td>
                            <td><a href="{{ route('admin.inventory.ledger', $p->id) }}" class="btn btn-xs btn-outline-secondary btn-sm">Ledger</a></td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @endif

    <div class="card shadow-sm border-0 border-start border-warning border-4">
        <div class="card-header bg-transparent fw-semibold text-warning">
            <i class="fas fa-exclamation-circle me-1"></i> Low Stock ≤ 10 units ({{ $lowStock->count() }})
        </div>
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-hover align-middle mb-0 small">
                    <thead class="table-light">
                        <tr><th>Product</th><th>Category</th><th class="text-center">Stock</th><th class="text-end">Price</th><th></th></tr>
                    </thead>
                    <tbody>
                        @forelse($lowStock as $p)
                        <tr>
                            <td>
                                <div class="d-flex align-items-center gap-2">
                                    @if($p->thumbnail)<img src="{{ asset($p->thumbnail) }}" class="rounded" style="width:36px;height:36px;object-fit:cover">@endif
                                    <span class="fw-semibold">{{ Str::limit($p->name,45) }}</span>
                                </div>
                            </td>
                            <td>{{ $p->category->name ?? '—' }}</td>
                            <td class="text-center"><span class="badge bg-warning text-dark">{{ $p->stock }}</span></td>
                            <td class="text-end">৳{{ number_format($p->price) }}</td>
                            <td><a href="{{ route('admin.inventory.ledger', $p->id) }}" class="btn btn-sm btn-outline-primary">Ledger</a></td>
                        </tr>
                        @empty
                        <tr><td colspan="5" class="text-center py-3 text-muted">All products have adequate stock.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection