@using Biskilog_Accounting.Shared.CustomModels;
@using Biskilog_Accounting.Shared.Interfaces;
@inject ICalculator m_calculator

<div class="card h-100">
    <div class="card-header d-flex align-items-center justify-content-between pb-0">
        <div class="card-title mb-0">
            <h5 class="m-0 me-2">Low Stock Items</h5>
        </div>
    </div>
    <div class="card-body" style="padding:5px !important;">
        <RadzenDataGrid Data="@LowStockProducts" TItem="ProductItem" AllowPaging="true" AllowSorting="true" PageSize="5">
            <Columns>
                <RadzenDataGridColumn TItem="ProductItem" Property="Product" Title="Product">
                    <Template Context="detail">
                        <RadzenRow>
                            <RadzenColumn>
                                <span> <b>@detail.Product!.ProductName</b></span> <br />
                                <span> @detail.Product.Pcode</span>
                            </RadzenColumn>
                            <RadzenColumn style="justify-content:end !important;">
                                <span><b>Quantity left:</b> @(detail.Stock.Quantity) @(detail.BaseUnit)</span>
                            </RadzenColumn>
                        </RadzenRow>
                    </Template>
                </RadzenDataGridColumn>
            </Columns>
        </RadzenDataGrid>
    </div>
</div>