Files
blazor-cms/Features/Sales/PaymentReceive/Components/_PaymentReceiveItemDataTable.razor
T
2026-07-21 13:52:43 +07:00

33 lines
2.6 KiB
Plaintext

@using Indotalent.Features.Sales.PaymentReceive.Cqrs
@using MudBlazor
<MudPaper Elevation="0" Outlined="true" Style="border-radius: 8px; border: 1px solid #E5E7EB;">
<div style="padding: 16px; border-bottom: 1px solid #E5E7EB; background-color: #F8FAFC;">
<MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;">Referenced Invoice Items</MudText>
</div>
<MudTable Items="Items" Striped="true" Class="mud-table-styled" Hover="true" Elevation="0" Dense="true" T="PaymentReceiveItemResponse">
<HeaderContent>
<MudTh Style="font-weight: 600; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; color: #6B7280;">Product</MudTh>
<MudTh Style="font-weight: 600; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; color: #6B7280; text-align: right;">UnitPrice</MudTh>
<MudTh Style="font-weight: 600; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; color: #6B7280; text-align: right;">Quantity</MudTh>
<MudTh Style="font-weight: 600; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; color: #6B7280; text-align: right;">Total</MudTh>
</HeaderContent>
<RowTemplate>
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem;" DataLabel="Product">
<MudText Typo="Typo.body2" Style="font-weight: 600; color: #374151;">@context.ProductName</MudText>
@if (!string.IsNullOrEmpty(context.Summary))
{
<MudText Typo="Typo.caption" Color="Color.Secondary">@context.Summary</MudText>
}
</MudTd>
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem; text-align: right;" DataLabel="UnitPrice">@context.UnitPrice.ToString("N2")</MudTd>
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem; text-align: right;" DataLabel="Quantity">@context.Quantity</MudTd>
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem; text-align: right; font-weight: 700;" DataLabel="Total">@context.Total.ToString("N2")</MudTd>
</RowTemplate>
</MudTable>
</MudPaper>
@code {
[Parameter] public List<PaymentReceiveItemResponse> Items { get; set; } = new();
}