initial commit

Features/Purchase/Bill/BillEndpoint.cs

@@ -0,0 +1,77 @@
+using Indotalent.ConfigBackEnd.Extensions;
+using Indotalent.Features.Purchase.Bill.Cqrs;
+using MediatR;
+using Microsoft.AspNetCore.Authentication.JwtBearer;
+
+namespace Indotalent.Features.Purchase.Bill;
+
+public static class BillEndpoint
+{
+    public static void MapBillEndpoints(this IEndpointRouteBuilder app)
+    {
+        var group = app.MapGroup("/bill").WithTags("Bills")
+            .RequireAuthorization(policy => policy.AddAuthenticationSchemes(JwtBearerDefaults.AuthenticationScheme)
+            .RequireAuthenticatedUser());
+
+        group.MapGet("/", async (IMediator mediator) =>
+        {
+            var result = await mediator.Send(new GetBillListQuery());
+            return result.ToApiResponse("Bill list retrieved successfully");
+        })
+        .WithName("GetBillList");
+
+        group.MapGet("/{id}", async (string id, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new GetBillByIdQuery(id));
+            return result.ToApiResponse(result is not null
+                ? "Bill detail retrieved successfully"
+                : $"Bill with ID {id} not found");
+        })
+        .WithName("GetBillById");
+
+        group.MapGet("/purchase-order-detail/{poId}", async (string poId, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new GetPurchaseOrderDetailForBillQuery(poId));
+            return result.ToApiResponse(result is not null
+                ? "Purchase order detail for bill retrieved successfully"
+                : $"Purchase order with ID {poId} not found");
+        })
+        .WithName("GetPurchaseOrderDetailForBill");
+
+        group.MapGet("/lookup", async (IMediator mediator) =>
+        {
+            var result = await mediator.Send(new GetBillLookupQuery());
+            return result.ToApiResponse("Lookup data retrieved successfully");
+        })
+        .WithName("GetBillLookup");
+
+        group.MapPost("/", async (CreateBillRequest request, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new CreateBillCommand(request));
+            return result.ToApiResponse("Bill has been created successfully", StatusCodes.Status201Created);
+        })
+        .WithName("CreateBill");
+
+        group.MapPost("/update", async (UpdateBillRequest request, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new UpdateBillCommand(request));
+            if (!result)
+            {
+                return ((object?)null).ToApiResponse("Update failed. Bill not found.");
+            }
+            return result.ToApiResponse("Bill has been updated successfully");
+        })
+        .WithName("UpdateBill");
+
+        group.MapPost("/delete/{id}", async (string id, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new DeleteBillByIdCommand(id));
+            if (!result)
+            {
+                return ((object?)null).ToApiResponse("Delete failed. Bill not found.");
+            }
+            return true.ToApiResponse("Bill has been deleted successfully");
+        })
+        .WithName("DeleteBillById");
+    }
+}

Features/Purchase/Bill/BillPdfGenerator.cs

@@ -0,0 +1,129 @@
+using QuestPDF.Fluent;
+using QuestPDF.Helpers;
+using QuestPDF.Infrastructure;
+using Indotalent.Features.Purchase.Bill.Cqrs;
+
+namespace Indotalent.Features.Purchase.Bill;
+
+public class BillPdfGenerator
+{
+    public static byte[] Generate(GetBillByIdResponse data)
+    {
+        QuestPDF.Settings.License = LicenseType.Community;
+
+        var primaryBlue = "#0D47A1";
+        var textSlate = "#64748b";
+
+        return Document.Create(container =>
+        {
+            container.Page(page =>
+            {
+                page.Size(PageSizes.A4);
+                page.Margin(1.5f, Unit.Centimetre);
+                page.PageColor(Colors.White);
+                page.DefaultTextStyle(x => x.FontSize(9).FontFamily(Fonts.Verdana));
+
+                page.Header().Row(row =>
+                {
+                    row.RelativeItem().Column(col =>
+                    {
+                        col.Item().Text("VENDOR BILL")
+                            .FontSize(20).ExtraBold().FontColor(primaryBlue);
+                        col.Item().Text($"{data.AutoNumber}").FontSize(11).SemiBold();
+                        col.Item().Text($"PO Ref: {data.PurchaseOrderAutoNumber}").FontSize(9).FontColor(textSlate);
+                    });
+
+                    row.RelativeItem().AlignRight().Column(col =>
+                    {
+                        col.Item().Text(data.CompanyName).FontSize(11).ExtraBold();
+                        col.Item().Text($"{data.CompanyStreet}").FontColor(textSlate);
+                        col.Item().Text($"{data.CompanyCity}").FontColor(textSlate);
+                    });
+                });
+
+                page.Content().PaddingVertical(20).Column(col =>
+                {
+                    col.Item().Row(row =>
+                    {
+                        row.RelativeItem().Column(c =>
+                        {
+                            c.Item().BorderBottom(1).PaddingBottom(5).Text("VENDOR").FontSize(8).Bold().FontColor(textSlate);
+                            c.Item().PaddingTop(5).Text(data.VendorName).Bold();
+                            c.Item().Text(data.VendorStreet);
+                            c.Item().Text(data.VendorCity);
+                        });
+
+                        row.ConstantItem(40);
+
+                        row.RelativeItem().Column(c =>
+                        {
+                            c.Item().BorderBottom(1).PaddingBottom(5).Text("BILL DETAILS").FontSize(8).Bold().FontColor(textSlate);
+                            c.Item().PaddingTop(5).Row(r => {
+                                r.RelativeItem().Text("Bill Date");
+                                r.RelativeItem().AlignRight().Text(data.BillDate?.ToString("dd MMM yyyy"));
+                            });
+                            c.Item().Row(r => {
+                                r.RelativeItem().Text("Status");
+                                r.RelativeItem().AlignRight().Text(data.BillStatus.ToString().ToUpper()).Bold().FontColor(primaryBlue);
+                            });
+                        });
+                    });
+
+                    col.Item().PaddingTop(20).Table(table =>
+                    {
+                        table.ColumnsDefinition(columns =>
+                        {
+                            columns.ConstantColumn(25);
+                            columns.RelativeColumn(4);
+                            columns.RelativeColumn(2);
+                            columns.RelativeColumn(1.5f);
+                            columns.RelativeColumn(2.5f);
+                        });
+
+                        table.Header(header =>
+                        {
+                            header.Cell().Element(HeaderStyle).Text("#");
+                            header.Cell().Element(HeaderStyle).Text("Product");
+                            header.Cell().Element(HeaderStyle).AlignRight().Text("Unit Price");
+                            header.Cell().Element(HeaderStyle).AlignCenter().Text("Qty");
+                            header.Cell().Element(HeaderStyle).AlignRight().Text($"Total ({data.CurrencySymbol})");
+
+                            static IContainer HeaderStyle(IContainer container) => container.DefaultTextStyle(x => x.SemiBold().FontColor(Colors.White)).PaddingVertical(5).PaddingHorizontal(5).Background("#0D47A1");
+                        });
+
+                        var index = 1;
+                        foreach (var item in data.Items)
+                        {
+                            table.Cell().Element(CellStyle).Text($"{index++}");
+                            table.Cell().Element(CellStyle).Column(c => {
+                                c.Item().Text(item.ProductName).Bold();
+                                if (!string.IsNullOrEmpty(item.Summary)) c.Item().Text(item.Summary).FontSize(8).FontColor(textSlate);
+                            });
+                            table.Cell().Element(CellStyle).AlignRight().Text(item.UnitPrice?.ToString("N2"));
+                            table.Cell().Element(CellStyle).AlignCenter().Text(item.Quantity?.ToString());
+                            table.Cell().Element(CellStyle).AlignRight().Text(item.Total?.ToString("N2"));
+
+                            static IContainer CellStyle(IContainer container) => container.BorderBottom(1).BorderColor("#E2E8F0").PaddingVertical(8).PaddingHorizontal(5);
+                        }
+                    });
+
+                    col.Item().PaddingTop(10).Row(row =>
+                    {
+                        row.RelativeItem().Column(c => {
+                            c.Item().Text("Notes:").FontSize(8).Bold();
+                            c.Item().Text(string.IsNullOrEmpty(data.Description) ? "-" : data.Description).FontSize(8);
+                        });
+                        row.ConstantItem(200).Column(c =>
+                        {
+                            c.Item().Row(r => { r.RelativeItem().Text("Sub Total"); r.RelativeItem().AlignRight().Text(data.BeforeTaxAmount?.ToString("N2")); });
+                            c.Item().Row(r => { r.RelativeItem().Text("Tax Amount"); r.RelativeItem().AlignRight().Text(data.TaxAmount?.ToString("N2")); });
+                            c.Item().PaddingTop(5).BorderTop(1).Row(r => { r.RelativeItem().Text($"TOTAL").Bold(); r.RelativeItem().AlignRight().Text(data.AfterTaxAmount?.ToString("N2")).ExtraBold().FontColor(primaryBlue); });
+                        });
+                    });
+                });
+
+                page.Footer().AlignCenter().Text(x => { x.Span("Page ").FontSize(8); x.CurrentPageNumber().FontSize(8); });
+            });
+        }).GeneratePdf();
+    }
+}

Features/Purchase/Bill/BillService.cs

@@ -0,0 +1,71 @@
+using Indotalent.ConfigBackEnd.Interfaces;
+using Indotalent.ConfigFrontEnd.Common;
+using Indotalent.Features.Purchase.Bill.Cqrs;
+using Indotalent.Infrastructure.Authentication.Identity;
+using Indotalent.Shared.Models;
+using Microsoft.AspNetCore.Components;
+using MudBlazor;
+using RestSharp;
+
+namespace Indotalent.Features.Purchase.Bill;
+
+public class BillService : BaseService
+{
+    private readonly RestClient _client;
+
+    public BillService(
+            IHttpClientFactory clientFactory,
+            NavigationManager nav,
+            ISnackbar snackbar,
+            ICurrentUserService currentUserService,
+            TokenProvider tokenProvider)
+            : base(clientFactory, nav, snackbar, currentUserService, tokenProvider)
+    {
+        _client = new RestClient(nav.BaseUri);
+    }
+
+    public async Task<ApiResponse<List<GetBillListResponse>>?> GetBillListAsync()
+    {
+        var request = new RestRequest("api/bill", Method.Get);
+        return await ExecuteWithResponseAsync<List<GetBillListResponse>>(_client, request);
+    }
+
+    public async Task<ApiResponse<GetBillByIdResponse>?> GetBillByIdAsync(string id)
+    {
+        var request = new RestRequest($"api/bill/{id}", Method.Get);
+        return await ExecuteWithResponseAsync<GetBillByIdResponse>(_client, request);
+    }
+
+    public async Task<ApiResponse<GetBillByIdResponse>?> GetPurchaseOrderDetailForBillAsync(string poId)
+    {
+        var request = new RestRequest($"api/bill/purchase-order-detail/{poId}", Method.Get);
+        return await ExecuteWithResponseAsync<GetBillByIdResponse>(_client, request);
+    }
+
+    public async Task<ApiResponse<BillLookupResponse>?> GetBillLookupAsync()
+    {
+        var request = new RestRequest("api/bill/lookup", Method.Get);
+        return await ExecuteWithResponseAsync<BillLookupResponse>(_client, request);
+    }
+
+    public async Task<ApiResponse<CreateBillResponse>?> CreateBillAsync(CreateBillRequest data)
+    {
+        var request = new RestRequest("api/bill", Method.Post);
+        request.AddJsonBody(data);
+        return await ExecuteWithResponseAsync<CreateBillResponse>(_client, request);
+    }
+
+    public async Task<ApiResponse<bool>?> UpdateBillAsync(UpdateBillRequest data)
+    {
+        var request = new RestRequest("api/bill/update", Method.Post);
+        request.AddJsonBody(data);
+        return await ExecuteWithResponseAsync<bool>(_client, request);
+    }
+
+    public async Task<bool> DeleteBillByIdAsync(string id)
+    {
+        var request = new RestRequest($"api/bill/delete/{id}", Method.Post);
+        var response = await ExecuteWithResponseAsync<object>(_client, request);
+        return response?.IsSuccess ?? false;
+    }
+}

Features/Purchase/Bill/Components/BillPage.razor

@@ -0,0 +1,51 @@
+@page "/purchase/bill"
+@using Indotalent.Features.Purchase.Bill.Cqrs
+@using Indotalent.Features.Purchase.Bill.Components
+@using MudBlazor
+
+@if (_currentView == ViewMode.Create)
+{
+    <_BillCreateForm OnCancel="BackToTable" OnSuccess="HandleSuccess" />
+}
+else if (_currentView == ViewMode.Update || _currentView == ViewMode.View)
+{
+    <_BillUpdateForm Data="_selectedData!"
+                     ReadOnly="@(_currentView == ViewMode.View)"
+                     OnCancel="BackToTable"
+                     OnSuccess="HandleSuccess" />
+}
+else
+{
+    <_BillDataTable OnAdd="() => ShowCreate()"
+                    OnEdit="(item) => ShowUpdate(item, false)"
+                    OnView="(item) => ShowUpdate(item, true)" />
+}
+
+@code {
+    private enum ViewMode { Table, Create, Update, View }
+    private ViewMode _currentView = ViewMode.Table;
+    private UpdateBillRequest? _selectedData;
+
+    private void ShowCreate()
+    {
+        _currentView = ViewMode.Create;
+    }
+
+    private void ShowUpdate(UpdateBillRequest data, bool isReadOnly)
+    {
+        _selectedData = data;
+        _currentView = isReadOnly ? ViewMode.View : ViewMode.Update;
+    }
+
+    private void BackToTable()
+    {
+        _currentView = ViewMode.Table;
+        _selectedData = null;
+    }
+
+    private void HandleSuccess()
+    {
+        _currentView = ViewMode.Table;
+        _selectedData = null;
+    }
+}

Features/Purchase/Bill/Components/_BillCreateForm.razor

@@ -0,0 +1,181 @@
+@using Indotalent.Features.Purchase.Bill.Cqrs
+@using Indotalent.Shared.Utils
+@using MudBlazor
+@inject BillService BillService
+@inject ISnackbar Snackbar
+
+<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #DCEBFA;">
+    <div class="d-flex align-center gap-4">
+        <MudIconButton Icon="@Icons.Material.Filled.ArrowBack" OnClick="() => OnCancel.InvokeAsync()" />
+        <div>
+            <MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">Add Bill</MudText>
+            <MudText Typo="Typo.body2" Style="color: #64748b;">Create a new vendor bill from Purchase Order.</MudText>
+        </div>
+    </div>
+</MudPaper>
+
+<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 0px; border: 1px solid #DCEBFA;">
+    <MudForm @ref="_form" Model="_model">
+        <MudGrid Spacing="3">
+            <MudItem xs="12"><MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;">Basic Information</MudText><MudDivider /></MudItem>
+            
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Bill Date</MudText>
+                <MudDatePicker @bind-Date="_model.BillDate"
+                               Variant="Variant.Outlined" Margin="Margin.Dense" />
+            </MudItem>
+
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-0">Purchase Order Reference</MudText>
+                <MudSelect T="string" Value="_model.PurchaseOrderId"
+                           ValueChanged="OnPurchaseOrderChanged"
+                           For="@(() => _model.PurchaseOrderId)"
+                           Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true" FullWidth="true"
+                           AnchorOrigin="Origin.BottomCenter" TransformOrigin="Origin.TopCenter">
+                    @foreach (var item in _lookup.PurchaseOrders)
+                    {
+                        <MudSelectItem Value="@item.Id">@item.Name</MudSelectItem>
+                    }
+                </MudSelect>
+            </MudItem>
+
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-0">Status</MudText>
+                <MudSelect T="Indotalent.Data.Enums.BillStatus" @bind-Value="_model.BillStatus"
+                           Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true" FullWidth="true"
+                           AnchorOrigin="Origin.BottomCenter" TransformOrigin="Origin.TopCenter">
+                    @foreach (var item in _lookup.Statuses)
+                    {
+                        <MudSelectItem Value="@((Indotalent.Data.Enums.BillStatus)item.Value)">@item.Name</MudSelectItem>
+                    }
+                </MudSelect>
+            </MudItem>
+
+            <MudItem xs="12">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Description</MudText>
+                <MudTextField @bind-Value="_model.Description"
+                              For="@(() => _model.Description)"
+                              Variant="Variant.Outlined" Margin="Margin.Dense" Lines="2" FullWidth="true" />
+            </MudItem>
+
+            <MudItem xs="12" Class="mt-6">
+                <_BillPurchaseOrderItemDataTable Items="_items" ReadOnly="true" />
+            </MudItem>
+
+            <MudItem xs="12" sm="7"></MudItem>
+            <MudItem xs="12" sm="5">
+                <MudPaper Elevation="0" Outlined="true" Class="pa-4" Style="border-radius: 0px; background-color: #F8FAFC; border: 1px solid #DCEBFA;">
+                    <MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;" Class="mb-4 d-block">Payment Summary</MudText>
+                    <div class="d-flex justify-space-between mb-2">
+                        <MudText Typo="Typo.body2">Sub Total</MudText>
+                        <MudText Typo="Typo.body2" Style="font-weight: 700;">@_beforeTax.ToString("N2")</MudText>
+                    </div>
+                    <div class="d-flex justify-space-between mb-2">
+                        <MudText Typo="Typo.body2">Tax Amount</MudText>
+                        <MudText Typo="Typo.body2" Style="font-weight: 700;">@_taxAmount.ToString("N2")</MudText>
+                    </div>
+                    <MudDivider Class="my-2" />
+                    <div class="d-flex justify-space-between">
+                        <MudText Typo="Typo.subtitle1" Style="font-weight: 900;">Total Amount</MudText>
+                        <MudText Typo="Typo.subtitle1" Color="Color.Primary" Style="font-weight: 900;">@_afterTax.ToString("N2")</MudText>
+                    </div>
+                </MudPaper>
+            </MudItem>
+        </MudGrid>
+
+        <div class="d-flex justify-end gap-2 mt-8">
+            <MudButton OnClick="() => OnCancel.InvokeAsync()"
+                       Variant="Variant.Outlined"
+                       Disabled="_processing"
+                       Style="border: 1px solid #e0e0e0; border-radius: 4px; text-transform: none; font-weight: 700;">
+                Cancel
+            </MudButton>
+            <MudButton Color="Color.Primary"
+                       Variant="Variant.Filled"
+                       OnClick="Submit"
+                       Disabled="_processing"
+                       Style="border-radius: 4px; text-transform: none; font-weight: 700;">
+                @if (_processing)
+                {
+                    <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                    <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
+                }
+                else
+                {
+                    <MudText>Create Bill</MudText>
+                }
+            </MudButton>
+        </div>
+    </MudForm>
+</MudPaper>
+
+@code {
+    [Parameter] public EventCallback OnCancel { get; set; }
+    [Parameter] public EventCallback OnSuccess { get; set; }
+
+    private MudForm _form = default!;
+    private CreateBillRequest _model = new() { BillDate = DateTime.Today, BillStatus = Indotalent.Data.Enums.BillStatus.Draft };
+    private BillLookupResponse _lookup = new();
+    private List<BillPurchaseOrderItemResponse> _items = new();
+    private decimal _beforeTax = 0;
+    private decimal _taxAmount = 0;
+    private decimal _afterTax = 0;
+    private bool _processing = false;
+
+    protected override async Task OnInitializedAsync()
+    {
+        var res = await BillService.GetBillLookupAsync();
+        if (res != null && res.IsSuccess) _lookup = res.Value ?? new();
+    }
+
+    private async Task OnPurchaseOrderChanged(string poId)
+    {
+        _model.PurchaseOrderId = poId;
+        if (string.IsNullOrEmpty(poId))
+        {
+            _items.Clear();
+            _beforeTax = 0;
+            _taxAmount = 0;
+            _afterTax = 0;
+            return;
+        }
+
+        var res = await BillService.GetPurchaseOrderDetailForBillAsync(poId);
+        await Task.Delay(500);
+        if (res != null && res.IsSuccess && res.Value != null)
+        {
+            _items = res.Value.Items;
+            _beforeTax = res.Value.BeforeTaxAmount ?? 0;
+            _taxAmount = res.Value.TaxAmount ?? 0;
+            _afterTax = res.Value.AfterTaxAmount ?? 0;
+            Snackbar.Add("Purchase Order reference selected. Payment summary and items have been loaded.", Severity.Info);
+        }
+    }
+
+    private async Task Submit()
+    {
+        await _form.Validate();
+        if (!_form.IsValid) return;
+
+        _processing = true;
+        try
+        {
+            var response = await BillService.CreateBillAsync(_model);
+            await Task.Delay(500);
+
+            if (response != null && response.IsSuccess)
+            {
+                Snackbar.Add("Created successfully", Severity.Success);
+                await OnSuccess.InvokeAsync();
+            }
+        }
+        catch (Exception ex)
+        {
+            Snackbar.Add($"Error: {ex.Message}", Severity.Error);
+        }
+        finally
+        {
+            _processing = false;
+        }
+    }
+}

Features/Purchase/Bill/Components/_BillDataTable.razor

@@ -0,0 +1,380 @@
+@using Indotalent.ConfigBackEnd.Extensions
+@using Indotalent.Features.Purchase.Bill
+@using Indotalent.Features.Purchase.Bill.Cqrs
+@using Microsoft.AspNetCore.Components.Web
+@using Microsoft.JSInterop
+@using MudBlazor
+@using Features.Root.Shared
+@using ClosedXML.Excel
+@using System.IO
+@inject BillService BillService
+@inject IDialogService DialogService
+@inject ISnackbar Snackbar
+@inject IJSRuntime JSRuntime
+
+<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #E5E7EB; border-radius: 12px;">
+    <div>
+        <MudText Typo="Typo.h5" Style="font-weight: 700; color: #111827;">Vendor Bill</MudText>
+        <MudText Typo="Typo.body2" Style="color: #9CA3AF;">Manage bills received from vendors based on Purchase Orders.</MudText>
+    </div>
+    <div class="d-flex align-center gap-2">
+        <MudIcon Icon="@Icons.Material.Filled.Home" Size="Size.Small" Color="Color.Default" />
+        <MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
+        <MudText Typo="Typo.caption" Style="color: #9CA3AF;">Purchase</MudText>
+        <MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
+        <MudText Typo="Typo.caption" Style="font-weight: 600; color: #111827;">Bill</MudText>
+    </div>
+</MudPaper>
+
+<MudPaper Elevation="0" Outlined="true" Style="border-radius: 12px; overflow: hidden; background-color: #ffffff; border: 1px solid #E5E7EB;">
+    <div style="padding: 20px 24px; border-bottom: 1px solid #E5E7EB; display: flex; justify-content: space-between; align-items: center; background-color: #ffffff; min-height: 80px;">
+        <div style="display: flex; align-items: center; gap: 8px;">
+            <MudTextField @bind-Value="_searchString"
+                          Placeholder="Search..."
+                          Adornment="Adornment.Start"
+                          AdornmentIcon="@Icons.Material.Filled.Search"
+                          IconSize="Size.Small"
+                          Class="mt-0"
+                          Variant="Variant.Outlined"
+                          Margin="Margin.Dense"
+                          Style="background-color: white; width: 280px; border-radius: 8px;"
+                          OnKeyDown="@HandleSearchKeyDown" />
+            <MudButton Variant="Variant.Filled"
+                       Color="Color.Primary"
+                       OnClick="OnSearchClick"
+                       Size="Size.Small"
+                       Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px; box-shadow: none; background: #3B82F6; color: white;">
+                Search
+            </MudButton>
+        </div>
+
+        <div style="display: flex; gap: 8px; align-items: center;">
+            <MudButton Variant="Variant.Outlined"
+                       Color="Color.Success"
+                       OnClick="ExportToExcel"
+                       Size="Size.Small"
+                       Disabled="_isExporting"
+                       StartIcon="@(_isExporting ? null : Icons.Custom.FileFormats.FileExcel)"
+                       Style="border: 1px solid #D1D5DB; background: white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; color: #6B7280;">
+                @if (_isExporting)
+                {
+                    <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                    <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
+                }
+                else
+                {
+                    <MudText Typo="Typo.button" Style="text-transform: none !important;">Excel</MudText>
+                }
+            </MudButton>
+
+            <MudButton Variant="Variant.Outlined"
+                       Color="Color.Primary"
+                       OnClick="LoadData"
+                       Size="Size.Small"
+                       StartIcon="@(_isRefreshing ? null : Icons.Material.Filled.Refresh)"
+                       Disabled="_isRefreshing"
+                       Style="border: 1px solid #D1D5DB; background: white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; color: #6B7280;">
+                @if (_isRefreshing)
+                {
+                    <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                    <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Refreshing...</MudText>
+                }
+                else
+                {
+                    <MudText Typo="Typo.button" Style="text-transform: none !important;">Refresh</MudText>
+                }
+            </MudButton>
+
+            @if (_selectedItem != null)
+            {
+                <MudButton Variant="Variant.Outlined" Color="Color.Info" StartIcon="@Icons.Material.Filled.Visibility" OnClick="InvokeView" Size="Size.Small" Style="border: 1px solid #D1D5DB; text-transform: none; font-weight: 500; border-radius: 6px; background-color: white; color: #6B7280; height: 34px;">View</MudButton>
+                <MudButton Variant="Variant.Outlined" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Edit" OnClick="InvokeEdit" Size="Size.Small" Style="border: 1px solid #D1D5DB; text-transform: none; font-weight: 500; border-radius: 6px; background-color: white; color: #6B7280; height: 34px;">Edit</MudButton>
+                <MudButton Variant="Variant.Filled" Color="Color.Error" StartIcon="@Icons.Material.Filled.Delete" OnClick="OnDelete" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px; background: white; border: 1px solid #FCA5A5; color: #EF4444;">Remove</MudButton>
+                <MudIconButton Icon="@Icons.Material.Filled.Close" Size="Size.Small" OnClick="() => _selectedItem = null" />
+            }
+            else
+            {
+                <MudButton Variant="Variant.Filled" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Add" OnClick="() => OnAdd.InvokeAsync()" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px; background: #3B82F6; color: white;">
+                    Add Bill
+                </MudButton>
+            }
+        </div>
+    </div>
+
+    <MudTable Items="@GetPagedData()" Hover="true" Elevation="0" CustomHeader="true" Dense="true" Striped="true" Class="mud-table-styled" T="GetBillListResponse" OnRowClick="@((args) => _selectedItem = args.Item)" Loading="@_isRefreshing">
+        <HeaderContent>
+            <MudTh Style="width: 50px; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;"></MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap;">
+                <MudTableSortLabel SortBy="new Func<GetBillListResponse, object>(x => x.AutoNumber!)">Bill No</MudTableSortLabel>
+            </MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap;">
+                <MudTableSortLabel SortBy="new Func<GetBillListResponse, object>(x => x.BillDate!)">Date</MudTableSortLabel>
+            </MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap;">
+                <MudTableSortLabel SortBy="new Func<GetBillListResponse, object>(x => x.PurchaseOrderAutoNumber!)">PO Ref</MudTableSortLabel>
+            </MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap;">
+                <MudTableSortLabel SortBy="new Func<GetBillListResponse, object>(x => x.VendorName!)">Vendor</MudTableSortLabel>
+            </MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap;">
+                <MudTableSortLabel SortBy="new Func<GetBillListResponse, object>(x => x.BillStatus)">Status</MudTableSortLabel>
+            </MudTh>
+            <MudTh Style="font-weight: 900; color: #1a1a1a; text-transform: uppercase; font-size: 0.75rem; background-color: #ffffff; border-bottom: 1px solid #E5E7EB; white-space: nowrap; text-align: right;">
+                <MudTableSortLabel SortBy="new Func<GetBillListResponse, object>(x => x.AfterTaxAmount!)">Total</MudTableSortLabel>
+            </MudTh>
+        </HeaderContent>
+        <RowTemplate>
+            <MudTd>
+                <MudCheckBox T="bool" Value="@(_selectedItem?.Id == context.Id)" Color="Color.Primary" Dense="true" Size="Size.Small" ReadOnly="true" />
+            </MudTd>
+            <MudTd>@context.AutoNumber</MudTd>
+            <MudTd>@context.BillDate?.ToString("yyyy-MM-dd")</MudTd>
+            <MudTd>@context.PurchaseOrderAutoNumber</MudTd>
+            <MudTd>@context.VendorName</MudTd>
+            <MudTd>
+                <MudChip T="string" Color="Color.Info" Size="Size.Small" Variant="Variant.Text" Style="font-weight: 800;">@context.BillStatus.ToString().ToUpper()</MudChip>
+            </MudTd>
+            <MudTd Style="text-align: right; font-weight: 500; color: #6B7280; padding-top: 0.75rem; padding-bottom: 0.75rem; font-size: 0.875rem;">@context.AfterTaxAmount?.ToString("N2")</MudTd>
+        </RowTemplate>
+    </MudTable>
+
+    <div style="display: flex; justify-content: space-between; align-items: center; padding: 12px 24px; background-color: #F9FAFB; border-top: 1px solid #E5E7EB;">
+        <div style="display: flex; align-items: center; gap: 12px;">
+            <MudText Typo="Typo.caption" Style="font-weight: 500; color: #9CA3AF; font-size: 0.75rem;">Rows per page:</MudText>
+            <MudSelect T="int" Value="@_top" ValueChanged="OnPageSizeChanged" Dense="true" Margin="Margin.Dense" Style="width: 80px; background-color: white; font-size: 12px; font-weight: 600;" Variant="Variant.Outlined" Class="mt-0">
+                <MudSelectItem Value="5" />
+                <MudSelectItem Value="10" />
+                <MudSelectItem Value="50" />
+                <MudSelectItem Value="500" />
+                <MudSelectItem Value="1000" />
+            </MudSelect>
+            <MudText Typo="Typo.caption" Style="color: #9CA3AF; font-size: 0.75rem; font-weight: 500; margin-left: 12px;">
+                Showing @(GetFilteredData().Count() == 0 ? 0 : _skip + 1)-@Math.Min(_skip + _top, GetFilteredData().Count()) of @GetFilteredData().Count()
+            </MudText>
+        </div>
+        <div style="display: flex; gap: 8px; align-items: center;">
+            <MudIconButton Icon="@Icons.Material.Filled.FirstPage" Size="Size.Small" OnClick="@(() => OnPageChanged(1))" Disabled="@(_currentPage == 1)" Style="@(_currentPage == 1 ? "color: #D1D5DB; background: transparent;" : "color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")" />
+            <MudButton OnClick="@(() => OnPageChanged(_currentPage - 1))" Disabled="@(_currentPage == 1)" Variant="Variant.Text" StartIcon="@Icons.Material.Filled.ChevronLeft" Size="Size.Small" Style="@(_currentPage == 1 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #6B7280; border: 1px solid #D1D5DB; border-radius: 6px; background: white; padding: 4px 8px;")">Prev</MudButton>
+            @{
+    var totalPages = _totalPage == 0 ? 1 : _totalPage;
+    var maxVisible = 5;
+    var startPage = Math.Max(1, _currentPage - maxVisible / 2);
+    var endPage = Math.Min(totalPages, startPage + maxVisible - 1);
+    if (endPage - startPage < maxVisible - 1) { startPage = Math.Max(1, endPage - maxVisible + 1); }
+}
+@for (int i = startPage; i <= endPage; i++)
+{
+    var pageNum = i;
+    var isActive = pageNum == _currentPage;
+    <MudButton OnClick="@(() => OnPageChanged(pageNum))"
+               Variant="Variant.Text" Size="Size.Small"
+               Style="@(isActive ? "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 600; background: #3B82F6; color: white; border: 1px solid #3B82F6; border-radius: 6px; text-transform: none;" : "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #374151; background: white; border: 1px solid #D1D5DB; border-radius: 6px; text-transform: none;")">@pageNum</MudButton>
+}
+            <MudButton OnClick="@(() => OnPageChanged(_currentPage + 1))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Variant="Variant.Text" EndIcon="@Icons.Material.Filled.ChevronRight" Size="Size.Small" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #6B7280; border: 1px solid #D1D5DB; border-radius: 6px; background: white; padding: 4px 8px;")">Next</MudButton>
+            <MudIconButton Icon="@Icons.Material.Filled.LastPage" Size="Size.Small" OnClick="@(() => OnPageChanged(_totalPage))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "color: #D1D5DB; background: transparent;" : "color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")" />
+        </div>
+    </div>
+</MudPaper>
+
+
+<style>
+    .mud-table-styled .mud-table-row:hover { background-color: #F9FAFB !important; }
+</style>
+
+@code {
+    [Parameter] public EventCallback OnAdd { get; set; }
+    [Parameter] public EventCallback<UpdateBillRequest> OnEdit { get; set; }
+    [Parameter] public EventCallback<UpdateBillRequest> OnView { get; set; }
+
+    private List<GetBillListResponse> _items = new();
+    private GetBillListResponse? _selectedItem;
+    private string _searchString = "";
+    private bool _isRefreshing = false;
+    private bool _isExporting = false;
+
+    private int _skip = 0;
+    private int _top = 5;
+    private int _totalPage => GetFilteredData().Count() == 0 ? 0 : (int)Math.Ceiling((double)GetFilteredData().Count() / (_top == 0 ? 1 : _top));
+    private int _currentPage => (_top >= GetFilteredData().Count() || _top == 0) ? 1 : (_skip / _top) + 1;
+
+    protected override async Task OnInitializedAsync() => await LoadData();
+
+    private async Task LoadData()
+    {
+        _isRefreshing = true;
+        _selectedItem = null;
+        StateHasChanged();
+        try
+        {
+            var response = await BillService.GetBillListAsync();
+            await Task.Delay(500);
+            if (response != null && response.IsSuccess)
+            {
+                _items = response.Value ?? new();
+            }
+        }
+        finally
+        {
+            _isRefreshing = false;
+            StateHasChanged();
+        }
+    }
+
+    private IEnumerable<GetBillListResponse> GetFilteredData()
+    {
+        if (string.IsNullOrWhiteSpace(_searchString)) return _items;
+        return _items.Where(x =>
+            (x.AutoNumber?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
+            (x.PurchaseOrderAutoNumber?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
+            (x.VendorName?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false)
+        );
+    }
+
+    private IEnumerable<GetBillListResponse> GetPagedData() => GetFilteredData().Skip(_skip).Take(_top);
+
+    private void OnSearchClick()
+    {
+        _skip = 0;
+        _selectedItem = null;
+        StateHasChanged();
+    }
+
+    private void HandleSearchKeyDown(KeyboardEventArgs e)
+    {
+        if (e.Key == "Enter") OnSearchClick();
+    }
+
+    private async Task ExportToExcel()
+    {
+        _isExporting = true;
+        StateHasChanged();
+        try
+        {
+            await Task.Delay(1000);
+            using (var workbook = new XLWorkbook())
+            {
+                var worksheet = workbook.Worksheets.Add("Bills");
+                var currentRow = 1;
+
+                worksheet.Cell(currentRow, 1).Value = "Bill No";
+                worksheet.Cell(currentRow, 2).Value = "Date";
+                worksheet.Cell(currentRow, 3).Value = "PO Ref";
+                worksheet.Cell(currentRow, 4).Value = "Vendor";
+                worksheet.Cell(currentRow, 5).Value = "Status";
+                worksheet.Cell(currentRow, 6).Value = "Total Amount";
+
+                var headerRange = worksheet.Range(1, 1, 1, 6);
+                headerRange.Style.Font.Bold = true;
+                headerRange.Style.Fill.BackgroundColor = XLColor.FromHtml("#0D47A1");
+                headerRange.Style.Font.FontColor = XLColor.White;
+
+                foreach (var item in GetFilteredData())
+                {
+                    currentRow++;
+                    worksheet.Cell(currentRow, 1).Value = item.AutoNumber;
+                    worksheet.Cell(currentRow, 2).Value = item.BillDate?.ToString("yyyy-MM-dd");
+                    worksheet.Cell(currentRow, 3).Value = item.PurchaseOrderAutoNumber;
+                    worksheet.Cell(currentRow, 4).Value = item.VendorName;
+                    worksheet.Cell(currentRow, 5).Value = item.BillStatus.ToString();
+                    worksheet.Cell(currentRow, 6).Value = item.AfterTaxAmount;
+                }
+
+                worksheet.Columns().AdjustToContents();
+
+                using (var stream = new MemoryStream())
+                {
+                    workbook.SaveAs(stream);
+                    var content = Convert.ToBase64String(stream.ToArray());
+                    await JSRuntime.InvokeVoidAsync("downloadFile", "Bill_List.xlsx", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", content);
+                    Snackbar.Add("Excel exported successfully", Severity.Success);
+                }
+            }
+        }
+        catch (Exception ex)
+        {
+            Snackbar.Add($"Export failed: {ex.Message}", Severity.Error);
+        }
+        finally
+        {
+            _isExporting = false;
+            StateHasChanged();
+        }
+    }
+
+    private void OnPageChanged(int page)
+    {
+        if (page >= 1 && page <= _totalPage)
+        {
+            _skip = (page - 1) * _top;
+            _selectedItem = null;
+            StateHasChanged();
+        }
+    }
+
+    private void OnPageSizeChanged(int size)
+    {
+        _top = size;
+        _skip = 0;
+        _selectedItem = null;
+        StateHasChanged();
+    }
+
+    private async Task InvokeEdit()
+    {
+        if (_selectedItem == null) return;
+        var request = await MapToUpdateRequest(_selectedItem.Id!);
+        if (request != null) await OnEdit.InvokeAsync(request);
+    }
+
+    private async Task InvokeView()
+    {
+        if (_selectedItem == null) return;
+        var request = await MapToUpdateRequest(_selectedItem.Id!);
+        if (request != null) await OnView.InvokeAsync(request);
+    }
+
+    private async Task<UpdateBillRequest?> MapToUpdateRequest(string id)
+    {
+        var response = await BillService.GetBillByIdAsync(id);
+        if (response != null && response.IsSuccess && response.Value != null)
+        {
+            var detail = response.Value;
+            return new UpdateBillRequest
+            {
+                Id = detail.Id,
+                BillDate = detail.BillDate,
+                BillStatus = detail.BillStatus,
+                AutoNumber = detail.AutoNumber,
+                Description = detail.Description,
+                PurchaseOrderId = detail.PurchaseOrderId,
+                CreatedAt = detail.CreatedAt,
+                CreatedBy = detail.CreatedBy,
+                UpdatedAt = detail.UpdatedAt,
+                UpdatedBy = detail.UpdatedBy
+            };
+        }
+        return null;
+    }
+
+    private async Task OnDelete()
+    {
+        if (_selectedItem == null) return;
+
+        var parameters = new DialogParameters<_DeleteConfirmation> { { x => x.ContentText, _selectedItem.AutoNumber } };
+        var options = new DialogOptions { CloseButton = false, MaxWidth = MaxWidth.ExtraSmall, FullWidth = true };
+
+        var dialog = await DialogService.ShowAsync<_DeleteConfirmation>("", parameters, options);
+        var result = await dialog.Result;
+
+        if (result != null && !result.Canceled)
+        {
+            var isSuccess = await BillService.DeleteBillByIdAsync(_selectedItem.Id!);
+            if (isSuccess)
+            {
+                _selectedItem = null;
+                await LoadData();
+                Snackbar.Add("Deleted successfully", Severity.Success);
+            }
+        }
+    }
+}

Features/Purchase/Bill/Components/_BillPurchaseOrderItemDataTable.razor

@@ -0,0 +1,35 @@
+@using Indotalent.Features.Purchase.Bill.Cqrs
+@using MudBlazor
+
+<MudPaper Elevation="0" Outlined="true" Style="border-radius: 12px; border: 1px solid #E5E7EB;">
+    <div style="padding: 20px 24px; border-bottom: 1px solid #E5E7EB; background-color: #ffffff;">
+        <MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;">Referenced Purchase Order Items</MudText>
+    </div>
+
+    <MudTable Items="Items" Hover="true" Elevation="0" Dense="true" Striped="true" Class="mud-table-styled" T="BillPurchaseOrderItemResponse">
+        <HeaderContent>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;">Product</MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;">Summary</MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; text-align: right;">Unit Price</MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; text-align: right;">Quantity</MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; text-align: right;">Total</MudTh>
+        </HeaderContent>
+        <RowTemplate>
+            <MudTd DataLabel="Product" Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem;">@context.ProductName</MudTd>
+            <MudTd DataLabel="Summary" Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem;">@context.Summary</MudTd>
+            <MudTd DataLabel="UnitPrice" Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem;">@context.UnitPrice?.ToString("N2")</MudTd>
+            <MudTd DataLabel="Quantity" Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem;">@context.Quantity</MudTd>
+            <MudTd DataLabel="Total" Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem;">@context.Total?.ToString("N2")</MudTd>
+        </RowTemplate>
+    </MudTable>
+</MudPaper>
+
+
+<style>
+    .mud-table-styled .mud-table-row:hover { background-color: #F9FAFB !important; }
+</style>
+
+@code {
+    [Parameter] public List<BillPurchaseOrderItemResponse> Items { get; set; } = new();
+    [Parameter] public bool ReadOnly { get; set; } = true;
+}

Features/Purchase/Bill/Components/_BillUpdateForm.razor

@@ -0,0 +1,265 @@
+@using Indotalent.ConfigBackEnd.Extensions
+@using Indotalent.Features.Purchase.Bill.Cqrs
+@using Indotalent.Features.Purchase.Bill.Components
+@using Indotalent.Shared.Utils
+@using MudBlazor
+@using Microsoft.JSInterop
+@inject BillService BillService
+@inject ISnackbar Snackbar
+@inject IJSRuntime JSRuntime
+
+<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #DCEBFA;">
+    <div class="d-flex align-center gap-4">
+        <MudIconButton Icon="@Icons.Material.Filled.ArrowBack" OnClick="() => OnCancel.InvokeAsync()" />
+        <div>
+            <MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">@(ReadOnly ? "Details" : "Edit") Bill</MudText>
+            <MudText Typo="Typo.body2" Style="color: #64748b;">@_model.AutoNumber</MudText>
+        </div>
+    </div>
+    @if (ReadOnly || !string.IsNullOrEmpty(_model.Id))
+    {
+        <MudButton Variant="Variant.Filled"
+                   Color="Color.Info"
+                   StartIcon="@(_isPrinting ? null : Icons.Material.Filled.Print)"
+                   OnClick="DownloadPdf"
+                   Disabled="_isPrinting"
+                   Style="border-radius: 4px; text-transform: none; font-weight: 700; box-shadow: none;">
+            @if (_isPrinting)
+            {
+                <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                <MudText Class="ms-2">Generating PDF...</MudText>
+            }
+            else
+            {
+                <MudText>Print PDF</MudText>
+            }
+        </MudButton>
+    }
+</MudPaper>
+
+<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 4px; border: 1px solid #DCEBFA;">
+    <MudForm @ref="_form" Model="_model">
+        <MudGrid Spacing="3">
+            <MudItem xs="12"><MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;">Basic Information</MudText><MudDivider /></MudItem>
+
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-0">Bill Date</MudText>
+                <MudDatePicker @bind-Date="_model.BillDate" ReadOnly="ReadOnly"
+                               Variant="Variant.Outlined" Margin="Margin.Dense" />
+            </MudItem>
+
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-0">Purchase Order Reference</MudText>
+                <MudSelect T="string" Value="_model.PurchaseOrderId"
+                           ValueChanged="OnPurchaseOrderChanged"
+                           ReadOnly="ReadOnly"
+                           Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true" FullWidth="true"
+                           AnchorOrigin="Origin.BottomCenter" TransformOrigin="Origin.TopCenter">
+                    @foreach (var item in _lookup.PurchaseOrders)
+                    {
+                        <MudSelectItem Value="@item.Id">@item.Name</MudSelectItem>
+                    }
+                </MudSelect>
+            </MudItem>
+
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-0">Status</MudText>
+                <MudSelect T="Indotalent.Data.Enums.BillStatus" @bind-Value="_model.BillStatus"
+                           ReadOnly="ReadOnly"
+                           Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true" FullWidth="true"
+                           AnchorOrigin="Origin.BottomCenter" TransformOrigin="Origin.TopCenter">
+                    @foreach (var item in _lookup.Statuses)
+                    {
+                        <MudSelectItem Value="@((Indotalent.Data.Enums.BillStatus)item.Value)">@item.Name</MudSelectItem>
+                    }
+                </MudSelect>
+            </MudItem>
+
+            <MudItem xs="12">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Description</MudText>
+                <MudTextField @bind-Value="_model.Description"
+                              ReadOnly="ReadOnly"
+                              Variant="Variant.Outlined" Margin="Margin.Dense" Lines="2" FullWidth="true" />
+            </MudItem>
+
+            <MudItem xs="12" Class="mt-6">
+                <_BillPurchaseOrderItemDataTable Items="_items" ReadOnly="true" />
+            </MudItem>
+
+            <MudItem xs="12" sm="7"></MudItem>
+            <MudItem xs="12" sm="5">
+                <MudPaper Elevation="0" Outlined="true" Class="pa-4" Style="border-radius: 4px; background-color: #F8FAFC; border: 1px solid #DCEBFA;">
+                    <MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;" Class="mb-4 d-block">Payment Summary</MudText>
+                    <div class="d-flex justify-space-between mb-2">
+                        <MudText Typo="Typo.body2">Sub Total</MudText>
+                        <MudText Typo="Typo.body2" Style="font-weight: 700;">@_beforeTax.ToString("N2")</MudText>
+                    </div>
+                    <div class="d-flex justify-space-between mb-2">
+                        <MudText Typo="Typo.body2">Tax Amount</MudText>
+                        <MudText Typo="Typo.body2" Style="font-weight: 700;">@_taxAmount.ToString("N2")</MudText>
+                    </div>
+                    <MudDivider Class="my-2" />
+                    <div class="d-flex justify-space-between">
+                        <MudText Typo="Typo.subtitle1" Style="font-weight: 900;">Total Amount</MudText>
+                        <MudText Typo="Typo.subtitle1" Color="Color.Primary" Style="font-weight: 900;">@_afterTax.ToString("N2")</MudText>
+                    </div>
+                </MudPaper>
+            </MudItem>
+
+            <MudItem xs="12" Class="mt-4">
+                <MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;">Audit History</MudText>
+                <MudDivider Class="mt-2 mb-4" />
+            </MudItem>
+
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2">Created At</MudText>
+                <MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@DateTimeExtensions.ToString(_model.CreatedAt)</MudText>
+            </MudItem>
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2">Created By</MudText>
+                <MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@(!string.IsNullOrEmpty(_model.CreatedBy) ? _model.CreatedBy : "System")</MudText>
+            </MudItem>
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2">Last Updated At</MudText>
+                <MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@DateTimeExtensions.ToString(_model.UpdatedAt)</MudText>
+            </MudItem>
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2">Last Updated By</MudText>
+                <MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@(!string.IsNullOrEmpty(_model.UpdatedBy) ? _model.UpdatedBy : "System")</MudText>
+            </MudItem>
+        </MudGrid>
+
+        <div class="d-flex justify-end gap-2 mt-10">
+            <MudButton OnClick="() => OnCancel.InvokeAsync()"
+                       Variant="Variant.Outlined"
+                       Disabled="_processing"
+                       Style="border: 1px solid #e0e0e0; border-radius: 4px; text-transform: none; font-weight: 700;">
+                @(ReadOnly ? "Back to List" : "Cancel")
+            </MudButton>
+            @if (!ReadOnly)
+            {
+                <MudButton Color="Color.Primary"
+                           Variant="Variant.Filled"
+                           OnClick="Submit"
+                           Disabled="_processing"
+                           Style="border-radius: 4px; text-transform: none; font-weight: 700;">
+                    @if (_processing)
+                    {
+                        <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                        <MudText Class="ms-2">Updating...</MudText>
+                    }
+                    else
+                    {
+                        <MudText>Save Changes</MudText>
+                    }
+                </MudButton>
+            }
+        </div>
+    </MudForm>
+</MudPaper>
+
+@code {
+    [Parameter] public UpdateBillRequest Data { get; set; } = new();
+    [Parameter] public bool ReadOnly { get; set; } = false;
+    [Parameter] public EventCallback OnCancel { get; set; }
+    [Parameter] public EventCallback OnSuccess { get; set; }
+
+    private MudForm _form = default!;
+    private UpdateBillRequest _model = new();
+    private List<BillPurchaseOrderItemResponse> _items = new();
+    private BillLookupResponse _lookup = new();
+    private decimal _beforeTax = 0;
+    private decimal _taxAmount = 0;
+    private decimal _afterTax = 0;
+    private bool _processing = false;
+    private bool _isPrinting = false;
+
+    protected override async Task OnInitializedAsync()
+    {
+        var resLookup = await BillService.GetBillLookupAsync();
+        if (resLookup != null && resLookup.IsSuccess) _lookup = resLookup.Value ?? new();
+
+        _model = Data;
+        await RefreshItems();
+    }
+
+    private async Task OnPurchaseOrderChanged(string poId)
+    {
+        if (ReadOnly || _model.PurchaseOrderId == poId) return;
+        _model.PurchaseOrderId = poId;
+        await RefreshItems();
+        Snackbar.Add("Purchase Order reference changed. Payment summary and items have been updated.", Severity.Info);
+    }
+
+    private async Task RefreshItems()
+    {
+        if (string.IsNullOrEmpty(_model.PurchaseOrderId)) return;
+
+        try
+        {
+            var response = await BillService.GetPurchaseOrderDetailForBillAsync(_model.PurchaseOrderId);
+            await Task.Delay(500);
+            
+            if (response != null && response.IsSuccess && response.Value != null)
+            {
+                _items = response.Value.Items ?? new();
+                _beforeTax = response.Value.BeforeTaxAmount ?? 0;
+                _taxAmount = response.Value.TaxAmount ?? 0;
+                _afterTax = response.Value.AfterTaxAmount ?? 0;
+                StateHasChanged();
+            }
+        }
+        catch (Exception ex)
+        {
+            Snackbar.Add($"Error: {ex.Message}", Severity.Error);
+        }
+    }
+
+    private async Task DownloadPdf()
+    {
+        try
+        {
+            _isPrinting = true;
+            StateHasChanged();
+            await Task.Delay(1000);
+
+            var response = await BillService.GetBillByIdAsync(_model.Id!);
+            if (response != null && response.IsSuccess && response.Value != null)
+            {
+                var pdfBytes = BillPdfGenerator.Generate(response.Value);
+                var fileName = $"BILL_{response.Value.AutoNumber}.pdf";
+                var base64 = Convert.ToBase64String(pdfBytes);
+                await JSRuntime.InvokeVoidAsync("downloadFile", fileName, "application/pdf", base64);
+                Snackbar.Add("PDF generated successfully.", Severity.Success);
+            }
+        }
+        finally
+        {
+            _isPrinting = false;
+            StateHasChanged();
+        }
+    }
+
+    private async Task Submit()
+    {
+        await _form.Validate();
+        if (!_form.IsValid) return;
+
+        _processing = true;
+        try
+        {
+            var response = await BillService.UpdateBillAsync(_model);
+            await Task.Delay(500);
+
+            if (response != null && response.IsSuccess)
+            {
+                Snackbar.Add("Updated successfully", Severity.Success);
+                await OnSuccess.InvokeAsync();
+            }
+        }
+        finally
+        {
+            _processing = false;
+        }
+    }
+}

Features/Purchase/Bill/Cqrs/CreateBillHandler.cs

@@ -0,0 +1,55 @@
+using Indotalent.ConfigBackEnd.Extensions;
+using Indotalent.Infrastructure.Database;
+using MediatR;
+
+namespace Indotalent.Features.Purchase.Bill.Cqrs;
+
+public class CreateBillRequest
+{
+    public DateTime? BillDate { get; set; }
+    public Data.Enums.BillStatus BillStatus { get; set; }
+    public string? Description { get; set; }
+    public string? PurchaseOrderId { get; set; }
+}
+
+public class CreateBillResponse
+{
+    public string? Id { get; set; }
+    public string? AutoNumber { get; set; }
+}
+
+public record CreateBillCommand(CreateBillRequest Data) : IRequest<CreateBillResponse>;
+
+public class CreateBillHandler : IRequestHandler<CreateBillCommand, CreateBillResponse>
+{
+    private readonly AppDbContext _context;
+    public CreateBillHandler(AppDbContext context) => _context = context;
+
+    public async Task<CreateBillResponse> Handle(CreateBillCommand request, CancellationToken cancellationToken)
+    {
+        var entityName = nameof(Data.Entities.Bill);
+        var autoNo = await _context.GenerateAutoNumberAsync(
+            entityName: entityName,
+            prefixTemplate: $"BILL/{{Year}}/{{Month}}/",
+            ct: cancellationToken
+        );
+
+        var entity = new Data.Entities.Bill
+        {
+            AutoNumber = autoNo,
+            BillDate = request.Data.BillDate,
+            BillStatus = request.Data.BillStatus,
+            Description = request.Data.Description,
+            PurchaseOrderId = request.Data.PurchaseOrderId
+        };
+
+        _context.Bill.Add(entity);
+        await _context.SaveChangesAsync(cancellationToken);
+
+        return new CreateBillResponse
+        {
+            Id = entity.Id,
+            AutoNumber = entity.AutoNumber
+        };
+    }
+}

Features/Purchase/Bill/Cqrs/CreateBillValidator.cs

@@ -0,0 +1,12 @@
+using FluentValidation;
+
+namespace Indotalent.Features.Purchase.Bill.Cqrs;
+
+public class CreateBillValidator : AbstractValidator<CreateBillRequest>
+{
+    public CreateBillValidator()
+    {
+        RuleFor(x => x.BillDate).NotEmpty().WithMessage("Bill Date is required");
+        RuleFor(x => x.PurchaseOrderId).NotEmpty().WithMessage("Purchase Order is required");
+    }
+}

Features/Purchase/Bill/Cqrs/DeleteBillByIdHandler.cs

@@ -0,0 +1,25 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Purchase.Bill.Cqrs;
+
+public record DeleteBillByIdCommand(string Id) : IRequest<bool>;
+
+public class DeleteBillByIdHandler : IRequestHandler<DeleteBillByIdCommand, bool>
+{
+    private readonly AppDbContext _context;
+    public DeleteBillByIdHandler(AppDbContext context) => _context = context;
+
+    public async Task<bool> Handle(DeleteBillByIdCommand request, CancellationToken cancellationToken)
+    {
+        var entity = await _context.Bill
+            .FirstOrDefaultAsync(x => x.Id == request.Id, cancellationToken);
+
+        if (entity == null) return false;
+
+        _context.Bill.Remove(entity);
+        await _context.SaveChangesAsync(cancellationToken);
+        return true;
+    }
+}

Features/Purchase/Bill/Cqrs/GetBillByIdHandler.cs

@@ -0,0 +1,102 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Purchase.Bill.Cqrs;
+
+public class BillPurchaseOrderItemResponse
+{
+    public string? Id { get; set; }
+    public string? ProductId { get; set; }
+    public string? ProductName { get; set; }
+    public string? Summary { get; set; }
+    public decimal? UnitPrice { get; set; }
+    public double? Quantity { get; set; }
+    public decimal? Total { get; set; }
+}
+
+public class GetBillByIdResponse
+{
+    public string? Id { get; set; }
+    public string? AutoNumber { get; set; }
+    public DateTime? BillDate { get; set; }
+    public Data.Enums.BillStatus BillStatus { get; set; }
+    public string? Description { get; set; }
+    public string? PurchaseOrderId { get; set; }
+    public string? PurchaseOrderAutoNumber { get; set; }
+    public string? VendorName { get; set; }
+    public string? VendorStreet { get; set; }
+    public string? VendorCity { get; set; }
+    public string? CompanyName { get; set; }
+    public string? CompanyStreet { get; set; }
+    public string? CompanyCity { get; set; }
+    public string? CurrencySymbol { get; set; }
+    public decimal? BeforeTaxAmount { get; set; }
+    public decimal? TaxAmount { get; set; }
+    public decimal? AfterTaxAmount { get; set; }
+    public DateTimeOffset? CreatedAt { get; set; }
+    public string? CreatedBy { get; set; }
+    public DateTimeOffset? UpdatedAt { get; set; }
+    public string? UpdatedBy { get; set; }
+    public List<BillPurchaseOrderItemResponse> Items { get; set; } = new();
+}
+
+public record GetBillByIdQuery(string Id) : IRequest<GetBillByIdResponse?>;
+
+public class GetBillByIdHandler : IRequestHandler<GetBillByIdQuery, GetBillByIdResponse?>
+{
+    private readonly AppDbContext _context;
+    public GetBillByIdHandler(AppDbContext context) => _context = context;
+
+    public async Task<GetBillByIdResponse?> Handle(GetBillByIdQuery request, CancellationToken cancellationToken)
+    {
+        var company = await _context.Company
+            .AsNoTracking()
+            .Include(x => x.Currency)
+            .OrderByDescending(x => x.IsDefault)
+            .FirstOrDefaultAsync(cancellationToken);
+
+        return await _context.Bill
+            .AsNoTracking()
+            .Include(x => x.PurchaseOrder)
+                .ThenInclude(po => po!.Vendor)
+            .Include(x => x.PurchaseOrder)
+                .ThenInclude(po => po!.PurchaseOrderItemList)
+                    .ThenInclude(i => i.Product)
+            .Where(x => x.Id == request.Id)
+            .Select(x => new GetBillByIdResponse
+            {
+                Id = x.Id,
+                AutoNumber = x.AutoNumber,
+                BillDate = x.BillDate,
+                BillStatus = x.BillStatus,
+                Description = x.Description,
+                PurchaseOrderId = x.PurchaseOrderId,
+                PurchaseOrderAutoNumber = x.PurchaseOrder!.AutoNumber,
+                VendorName = x.PurchaseOrder!.Vendor!.Name,
+                VendorStreet = x.PurchaseOrder!.Vendor!.Street,
+                VendorCity = x.PurchaseOrder!.Vendor!.City,
+                CompanyName = company != null ? company.Name : string.Empty,
+                CompanyStreet = company != null ? company.StreetAddress : string.Empty,
+                CompanyCity = company != null ? company.City : string.Empty,
+                CurrencySymbol = company != null && company.Currency != null ? company.Currency.Symbol : "IDR",
+                BeforeTaxAmount = x.PurchaseOrder!.BeforeTaxAmount,
+                TaxAmount = x.PurchaseOrder!.TaxAmount,
+                AfterTaxAmount = x.PurchaseOrder!.AfterTaxAmount,
+                CreatedAt = x.CreatedAt,
+                CreatedBy = x.CreatedBy,
+                UpdatedAt = x.UpdatedAt,
+                UpdatedBy = x.UpdatedBy,
+                Items = x.PurchaseOrder!.PurchaseOrderItemList.Select(i => new BillPurchaseOrderItemResponse
+                {
+                    Id = i.Id,
+                    ProductId = i.ProductId,
+                    ProductName = i.Product!.Name,
+                    Summary = i.Summary,
+                    UnitPrice = i.UnitPrice,
+                    Quantity = i.Quantity,
+                    Total = i.Total
+                }).ToList()
+            }).FirstOrDefaultAsync(cancellationToken);
+    }
+}

Features/Purchase/Bill/Cqrs/GetBillListHandler.cs

@@ -0,0 +1,43 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Purchase.Bill.Cqrs;
+
+public class GetBillListResponse
+{
+    public string? Id { get; set; }
+    public string? AutoNumber { get; set; }
+    public DateTime? BillDate { get; set; }
+    public string? PurchaseOrderAutoNumber { get; set; }
+    public string? VendorName { get; set; }
+    public decimal? AfterTaxAmount { get; set; }
+    public Data.Enums.BillStatus BillStatus { get; set; }
+}
+
+public record GetBillListQuery() : IRequest<List<GetBillListResponse>>;
+
+public class GetBillListHandler : IRequestHandler<GetBillListQuery, List<GetBillListResponse>>
+{
+    private readonly AppDbContext _context;
+    public GetBillListHandler(AppDbContext context) => _context = context;
+
+    public async Task<List<GetBillListResponse>> Handle(GetBillListQuery request, CancellationToken cancellationToken)
+    {
+        return await _context.Bill
+            .AsNoTracking()
+            .Include(x => x.PurchaseOrder)
+                .ThenInclude(po => po!.Vendor)
+            .OrderByDescending(x => x.CreatedAt)
+            .Select(x => new GetBillListResponse
+            {
+                Id = x.Id,
+                AutoNumber = x.AutoNumber,
+                BillDate = x.BillDate,
+                PurchaseOrderAutoNumber = x.PurchaseOrder!.AutoNumber,
+                VendorName = x.PurchaseOrder!.Vendor!.Name,
+                AfterTaxAmount = x.PurchaseOrder!.AfterTaxAmount,
+                BillStatus = x.BillStatus
+            }).ToListAsync(cancellationToken);
+    }
+}

Features/Purchase/Bill/Cqrs/GetBillLookupHandler.cs

@@ -0,0 +1,54 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+using Indotalent.Data.Enums;
+using Indotalent.ConfigBackEnd.Extensions;
+
+namespace Indotalent.Features.Purchase.Bill.Cqrs;
+
+public class BillLookupResponse
+{
+    public List<LookupItem> PurchaseOrders { get; set; } = new();
+    public List<LookupStatusItem> Statuses { get; set; } = new();
+}
+
+public class LookupItem
+{
+    public string? Id { get; set; }
+    public string? Name { get; set; }
+}
+
+public class LookupStatusItem
+{
+    public int Value { get; set; }
+    public string? Name { get; set; }
+}
+
+public record GetBillLookupQuery() : IRequest<BillLookupResponse>;
+
+public class GetBillLookupHandler : IRequestHandler<GetBillLookupQuery, BillLookupResponse>
+{
+    private readonly AppDbContext _context;
+    public GetBillLookupHandler(AppDbContext context) => _context = context;
+
+    public async Task<BillLookupResponse> Handle(GetBillLookupQuery request, CancellationToken cancellationToken)
+    {
+        var response = new BillLookupResponse();
+
+        response.PurchaseOrders = await _context.PurchaseOrder.AsNoTracking()
+            .Where(x => x.OrderStatus == PurchaseOrderStatus.Confirmed)
+            .OrderByDescending(x => x.CreatedAt)
+            .Select(x => new LookupItem { Id = x.Id, Name = x.AutoNumber })
+            .ToListAsync(cancellationToken);
+
+        response.Statuses = Enum.GetValues(typeof(BillStatus))
+            .Cast<BillStatus>()
+            .Select(x => new LookupStatusItem
+            {
+                Value = (int)x,
+                Name = x.GetDescription()
+            }).ToList();
+
+        return response;
+    }
+}

Features/Purchase/Bill/Cqrs/GetPurchaseOrderDetailForBillHandler.cs

@@ -0,0 +1,39 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Purchase.Bill.Cqrs;
+
+public record GetPurchaseOrderDetailForBillQuery(string PurchaseOrderId) : IRequest<GetBillByIdResponse?>;
+
+public class GetPurchaseOrderDetailForBillHandler : IRequestHandler<GetPurchaseOrderDetailForBillQuery, GetBillByIdResponse?>
+{
+    private readonly AppDbContext _context;
+    public GetPurchaseOrderDetailForBillHandler(AppDbContext context) => _context = context;
+
+    public async Task<GetBillByIdResponse?> Handle(GetPurchaseOrderDetailForBillQuery request, CancellationToken cancellationToken)
+    {
+        return await _context.PurchaseOrder
+            .AsNoTracking()
+            .Include(x => x.PurchaseOrderItemList)
+                .ThenInclude(i => i.Product)
+            .Where(x => x.Id == request.PurchaseOrderId)
+            .Select(x => new GetBillByIdResponse
+            {
+                PurchaseOrderId = x.Id,
+                BeforeTaxAmount = x.BeforeTaxAmount,
+                TaxAmount = x.TaxAmount,
+                AfterTaxAmount = x.AfterTaxAmount,
+                Items = x.PurchaseOrderItemList.Select(i => new BillPurchaseOrderItemResponse
+                {
+                    Id = i.Id,
+                    ProductId = i.ProductId,
+                    ProductName = i.Product!.Name,
+                    Summary = i.Summary,
+                    UnitPrice = i.UnitPrice,
+                    Quantity = i.Quantity,
+                    Total = i.Total
+                }).ToList()
+            }).FirstOrDefaultAsync(cancellationToken);
+    }
+}

Features/Purchase/Bill/Cqrs/UpdateBillHandler.cs

@@ -0,0 +1,44 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Purchase.Bill.Cqrs;
+
+public class UpdateBillRequest
+{
+    public string? Id { get; set; }
+    public DateTime? BillDate { get; set; }
+    public Data.Enums.BillStatus BillStatus { get; set; }
+    public string? AutoNumber { get; set; }
+    public string? Description { get; set; }
+    public string? PurchaseOrderId { get; set; }
+    public DateTimeOffset? CreatedAt { get; set; }
+    public string? CreatedBy { get; set; }
+    public DateTimeOffset? UpdatedAt { get; set; }
+    public string? UpdatedBy { get; set; }
+}
+
+public record UpdateBillCommand(UpdateBillRequest Data) : IRequest<bool>;
+
+public class UpdateBillHandler : IRequestHandler<UpdateBillCommand, bool>
+{
+    private readonly AppDbContext _context;
+    public UpdateBillHandler(AppDbContext context) => _context = context;
+
+    public async Task<bool> Handle(UpdateBillCommand request, CancellationToken cancellationToken)
+    {
+        var entity = await _context.Bill
+            .FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
+
+        if (entity == null) return false;
+
+        entity.BillDate = request.Data.BillDate;
+        entity.BillStatus = request.Data.BillStatus;
+        entity.Description = request.Data.Description;
+        entity.PurchaseOrderId = request.Data.PurchaseOrderId;
+
+        await _context.SaveChangesAsync(cancellationToken);
+
+        return true;
+    }
+}

Features/Purchase/Bill/Cqrs/UpdateBillValidator.cs

@@ -0,0 +1,12 @@
+using FluentValidation;
+
+namespace Indotalent.Features.Purchase.Bill.Cqrs;
+
+public class UpdateBillValidator : AbstractValidator<UpdateBillRequest>
+{
+    public UpdateBillValidator()
+    {
+        RuleFor(x => x.Id).NotEmpty();
+        RuleFor(x => x.PurchaseOrderId).NotEmpty().WithMessage("Purchase Order is required");
+    }
+}