@extends('emails.layouts.base')

@section('content')
    <div class="card">
        <div class="alert alert-warning">📦 Low stock alert</div>

        <h1>{{ count($products) }} product{{ count($products) > 1 ? 's are' : ' is' }} running low</h1>
        <p class="lead">Hi {{ $userName }}, the following products in {{ $businessName }} are below their reorder threshold.</p>

        <hr class="divider">

        @foreach($products as $product)
        <div class="data-row">
            <span class="label">{{ $product['name'] }}</span>
            <span class="value" style="color:#FFB74D;">
                {{ $product['current_stock'] }} {{ $product['unit'] }} remaining
            </span>
        </div>
        @endforeach

        <hr class="divider">

        <a href="{{ config('app.frontend_url') }}/inventory" class="btn-outline">View Inventory →</a>
    </div>
@endsection