diff --git a/Client/Biskilog Accounting.Client.csproj b/Client/Biskilog Accounting.Client.csproj
index 54f710b..93bc9d7 100644
--- a/Client/Biskilog Accounting.Client.csproj	
+++ b/Client/Biskilog Accounting.Client.csproj	
@@ -1,35 +1,38 @@
 <Project Sdk="Microsoft.NET.Sdk.BlazorWebAssembly">
 
-  <PropertyGroup>
-    <TargetFramework>net7.0</TargetFramework>
-    <Nullable>enable</Nullable>
-    <ImplicitUsings>enable</ImplicitUsings>
-    <ServiceWorkerAssetsManifest>service-worker-assets.js</ServiceWorkerAssetsManifest>
-    <AssemblyName>$(AssemblyName.Replace(' ', '_'))</AssemblyName>
-  </PropertyGroup>
+	<PropertyGroup>
+		<TargetFramework>net7.0</TargetFramework>
+		<Nullable>enable</Nullable>
+		<ImplicitUsings>enable</ImplicitUsings>
+		<ServiceWorkerAssetsManifest>service-worker-assets.js</ServiceWorkerAssetsManifest>
+		<AssemblyName>$(AssemblyName.Replace(' ', '_'))</AssemblyName>
+	</PropertyGroup>
 
-  <ItemGroup>
-    <None Include="..\.editorconfig" Link=".editorconfig" />
-  </ItemGroup>
+	<ItemGroup>
+		<None Include="..\.editorconfig" Link=".editorconfig" />
+	</ItemGroup>
 
-  <ItemGroup>
-    <PackageReference Include="AutoMapper.Extensions.Microsoft.DependencyInjection" Version="12.0.1" />
-    <PackageReference Include="Blazored.LocalStorage" Version="4.3.0" />
-    <PackageReference Include="Blazored.SessionStorage" Version="2.3.0" />
-    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="7.0.5" />
-    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="7.0.5" PrivateAssets="all" />
-    <PackageReference Include="Microsoft.Extensions.Http" Version="7.0.0" />
-	<PackageReference Include="Blazor-ApexCharts" Version="0.9.21-beta" />
-	<PackageReference Include="Microsoft.Fast.Components.FluentUI" Version="2.3.6" />
-	<PackageReference Include="Radzen.Blazor" Version="4.12.0" />
-  </ItemGroup>
+	<ItemGroup>
+		<PackageReference Include="AutoMapper.Extensions.Microsoft.DependencyInjection" Version="12.0.1" />
+		<PackageReference Include="BlazorDateRangePicker" Version="4.3.0" />
+		<PackageReference Include="Blazored.LocalStorage" Version="4.3.0" />
+		<PackageReference Include="Blazored.SessionStorage" Version="2.3.0" />
+		<PackageReference Include="Faso.Blazor.SpinKit" Version="1.0.1" />
+		<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="7.0.5" />
+		<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="7.0.5" PrivateAssets="all" />
+		<PackageReference Include="Microsoft.Extensions.Http" Version="7.0.0" />
+		<PackageReference Include="Blazor-ApexCharts" Version="0.9.21-beta" />
+		<PackageReference Include="Microsoft.Fast.Components.FluentUI" Version="2.3.6" />
+		<PackageReference Include="NETStandardBarcode" Version="1.0.2" />
+		<PackageReference Include="Radzen.Blazor" Version="4.12.0" />
+	</ItemGroup>
 
-  <ItemGroup>
-    <ProjectReference Include="..\Shared\Biskilog Accounting.Shared.csproj" />
-  </ItemGroup>
+	<ItemGroup>
+		<ProjectReference Include="..\Shared\Biskilog Accounting.Shared.csproj" />
+	</ItemGroup>
 
-  <ItemGroup>
-    <ServiceWorker Include="wwwroot\service-worker.js" PublishedContent="wwwroot\service-worker.published.js" />
-  </ItemGroup>
+	<ItemGroup>
+		<ServiceWorker Include="wwwroot\service-worker.js" PublishedContent="wwwroot\service-worker.published.js" />
+	</ItemGroup>
 
 </Project>
diff --git a/Client/Elements/Headbar.razor b/Client/Elements/Headbar.razor
index d6c5c7b..e0105cd 100644
--- a/Client/Elements/Headbar.razor
+++ b/Client/Elements/Headbar.razor
@@ -1,5 +1,8 @@
-<!-- Navbar -->
+@using Biskilog_Accounting.Shared.Interfaces;
+@inject ISearchService m_searchService
+@inject IJSRuntime JSRuntime;
 
+<!-- Navbar -->
 <nav class="layout-navbar container-xxl navbar navbar-expand-xl navbar-detached align-items-center bg-navbar-theme"
      id="layout-navbar">
     <div class="layout-menu-toggle navbar-nav align-items-xl-center me-3 me-xl-0 d-xl-none">
@@ -10,19 +13,21 @@
 
     <div class="navbar-nav-right d-flex align-items-center" id="navbar-collapse">
         <!-- Search -->
-        <div class="navbar-nav align-items-center">
-            <div class="nav-item d-flex align-items-center">
+        <div class="navbar-nav align-items-center" style="width:90%;">
+            <div class="nav-item d-flex align-items-center" style="width:90%;">
                 <i class="bx bx-search fs-4 lh-0"></i>
                 <input type="text"
+                       id="mainSearch" 
                        class="form-control border-0 shadow-none"
                        placeholder="Search..."
-                       aria-label="Search..." />
+                       aria-label="Search..." 
+                       @oninput="@(args => SearchInput(args.Value.ToString()))"/>
             </div>
         </div>
         <!-- /Search -->
 
         <ul class="navbar-nav flex-row align-items-center ms-auto">
-            <!-- Place this tag where you want the button to render. -->
+            @*<!-- Place this tag where you want the button to render. -->
             <li class="nav-item lh-1 me-3">
                 <a class="github-button"
                    href="https://github.com/themeselection/sneat-html-admin-template-free"
@@ -30,9 +35,36 @@
                    data-size="large"
                    data-show-count="true"
                    aria-label="Star themeselection/sneat-html-admin-template-free on GitHub">Star</a>
-            </li>
+            </li>*@
+            <RadzenButton Variant="Variant.Outlined" Text="New" Icon="add_circle_outline" ButtonStyle="ButtonStyle.Success" />
+			<li class="nav-item dropdown notification-ui show">
+				<a class="nav-link dropdown-toggle notification-ui_icon" href="javascript:void()" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+					<i class="fa fa-bell"></i>
+					<span class="unread-notification"></span>
+				</a>
+				<div class="dropdown-menu notification-ui_dd show" aria-labelledby="navbarDropdown">
+					<div class="notification-ui_dd-header">
+						<small class="text-center">Notification</small>
+					</div>
+					<div class="notification-ui_dd-content">
+						<a href="#!" class="notification-list notification-list--unread text-dark">
+							<div class="notification-list_img">
+								<img src="images/users/user1.jpg" alt="user">
+							</div>
+							<div class="notification-list_detail">
+								<p><b>John Doe</b> <br><span class="text-muted">reacted to your post</span></p>
+								<p class="nt-link text-truncate">How to travel long way home from here.</p>
+							</div>
+							<p><small>10 mins ago</small></p>
+						</a>
+					</div>
+					<div class="notification-ui_dd-footer">
+						<a href="#!" class="btn btn-success btn-block">View All</a>
+					</div>
+				</div>
+			</li>
 
-            <!-- User -->
+			<!-- User -->
             <li class="nav-item navbar-dropdown dropdown-user dropdown">
                 <a class="nav-link dropdown-toggle hide-arrow" href="javascript:void(0);" data-bs-toggle="dropdown">
                     <div class="avatar avatar-online">
diff --git a/Client/Elements/Headbar.razor.cs b/Client/Elements/Headbar.razor.cs
new file mode 100644
index 0000000..30c63f1
--- /dev/null
+++ b/Client/Elements/Headbar.razor.cs
@@ -0,0 +1,26 @@
+using Microsoft.JSInterop;
+
+namespace Biskilog_Accounting.Client.Elements
+{
+    public partial class Headbar
+    {
+        protected override void OnInitialized()
+        {
+            m_searchService.ClearTextBox += ClearTextBox;
+            base.OnInitialized();
+        }
+
+        private void ClearTextBox()
+        {
+            ClearInputField("mainSearch");
+        }
+        private async Task ClearInputField(string elementId)
+        {
+            await JSRuntime.InvokeVoidAsync("eval", $"document.getElementById('{elementId}').value = ''");
+        }
+        private void SearchInput(string a_key)
+        {
+            m_searchService.PerformSearch(a_key);
+        }
+    }
+}
diff --git a/Client/Layouts/MainLayout.razor b/Client/Layouts/MainLayout.razor
index fbb56a5..d29031b 100644
--- a/Client/Layouts/MainLayout.razor
+++ b/Client/Layouts/MainLayout.razor
@@ -3,9 +3,15 @@
 
 @inherits LayoutComponentBase
 @inject NavigationManager m_navigationManager
-@layout AuthLayout
 @inject HttpClient m_http
 @inject ITokenService m_tokenService
+@inject IProduct m_productRepo
+@inject DialogService m_dialogService
+@inject ISalesInterface m_salesService
+@inject ICompanyInfo m_companyInfo
+
+<RadzenDialog />
+<RadzenContextMenu />
 <!-- Layout wrapper -->
 <div class="layout-wrapper layout-content-navbar">
     <div class="layout-container">
@@ -18,17 +24,70 @@
                 <Headbar />
                 <!-- Content wrapper -->
                 <div class="content-wrapper">
-
-                    <!-- Content -->
-                    @Body
-                    <!-- / Content -->
-                    <!-- Footer -->
+                    <div class="container-xxl flex-grow-1 container-p-y">
+                        <!-- Content -->
+                        @Body
+                        <!-- / Content -->
+                    </div>
                 </div>
                 <!-- Content wrapper -->
             </div>
             <!-- / Layout page -->
-        <Footer />
+            <Footer />
         </div>
     </div>
 </div>
-<!-- / Layout wrapper -->
\ No newline at end of file
+<!-- / Layout wrapper -->
+
+<style>
+    .rz-datatable-thead th, .rz-grid-table thead th {
+        background-color: #e0e0e0;
+    }
+
+    .rz-data-row:hover {
+        cursor: pointer;
+        color: white !important;
+    }
+
+    .rz-steps .rz-state-highlight .rz-steps-title {
+        background-color: #0a0a38 !important;
+        color: white !important;
+    }
+
+    .rz-steps .rz-state-highlight .rz-steps-number {
+        background-color: #0a0a38 !important;
+        color: white !important;
+    }
+
+    .rz-selectable tbody tr.rz-data-row.rz-state-highlight .rz-cell-data {
+        color: #ffffff !important;
+    }
+
+    .rz-selectable tbody tr.rz-data-row.rz-state-highlight > td {
+        background-color: #0a0a38 !important;
+    }
+
+    .rz-dialog-titlebar {
+        padding: 10px !important;
+        background-image: linear-gradient(to bottom right,rgb(10,10,56,1.16),rgb(20, 158, 132,1.16)) !important;
+        color: white !important;
+    }
+
+    .rz-dialog-title {
+        font-weight: var(--rz-dialog-title-font-weight);
+        letter-spacing: var(--rz-dialog-title-letter-spacing);
+        color: #ffffff !important
+    }
+
+    .rz-dialog-titlebar-close .rzi-times {
+        font-size: var(--rz-dialog-close-font-size);
+        color: #ffffff !important;
+        vertical-align: var(--rz-dialog-close-vertical-align);
+    }
+
+    .rz-dialog-side-content {
+        flex: 0 1 auto;
+         padding: 1px !important;
+        overflow: auto;
+    }
+</style>
\ No newline at end of file
diff --git a/Client/Layouts/MainLayout.razor.cs b/Client/Layouts/MainLayout.razor.cs
index 1bd6316..bc4a100 100644
--- a/Client/Layouts/MainLayout.razor.cs
+++ b/Client/Layouts/MainLayout.razor.cs
@@ -1,13 +1,38 @@
-using System.Net.Http.Headers;
+using Biskilog_Accounting.Client.Pages.Transactions.Elements;
+using Radzen;
+using System.Net.Http.Headers;
 
 namespace Biskilog_Accounting.Client.Layouts
 {
     public partial class MainLayout
     {
-        protected override Task OnInitializedAsync()
+        protected override async Task OnInitializedAsync()
         {
-            CheckPermission();
-            return base.OnInitializedAsync();
+            await CheckPermission();
+            if (m_http.DefaultRequestHeaders.Authorization != null)
+            {
+                _ = Task.Run(async () =>
+                {
+                    var fetchCompanyData = m_companyInfo.GetCompanyInfoAsync();
+                    var fetchBranchData = m_companyInfo.GetBranches();
+                    var fetchProduct = m_productRepo.FetchProducts();
+                    var fetchUnits = m_productRepo.FetchUnits();
+                    var fetchBrands = m_productRepo.FetchBrands();
+                    var fetchCategories = m_productRepo.FetchCategories();
+                    var fetchRecentSale = m_salesService.FetchRecentTransaction(250);
+                    // Wait for all tasks to complete
+                    await Task.WhenAll(
+                        fetchCompanyData,
+                        fetchBranchData,
+                        fetchProduct,
+                        fetchUnits,
+                        fetchBrands,
+                        fetchCategories,
+                        fetchRecentSale
+                        );
+
+                });
+            }
         }
         protected override void OnAfterRender(bool firstRender)
         {
@@ -17,7 +42,7 @@ namespace Biskilog_Accounting.Client.Layouts
             }
             base.OnAfterRender(firstRender);
         }
-        private async void CheckPermission()
+        private async Task CheckPermission()
         {
             //Checks if user token is set else redirect user to login page
             if (!await m_tokenService.IsTokenSet())
@@ -31,5 +56,10 @@ namespace Biskilog_Accounting.Client.Layouts
                 m_http.DefaultRequestHeaders.Authorization = authHeader;
             }
         }
+        async Task OpenReceiptDialog()
+        {
+            await m_dialogService.OpenSideAsync<ReceiptDialog>("Receipt", options: new SideDialogOptions {
+                CloseDialogOnOverlayClick = true, Position = DialogPosition.Right,ShowMask = true });
+        }
     }
 }
diff --git a/Client/Models/NavItem.cs b/Client/Models/NavItem.cs
index 3438146..f662d64 100644
--- a/Client/Models/NavItem.cs
+++ b/Client/Models/NavItem.cs
@@ -52,24 +52,21 @@
                     Description = "Transactions",
                     Title = "Transactions",
                     Icon = "bxs-cart",
-                    Children = new List<NavItem>
-                    {
-                        new NavItem()
-                        {
-                            Id = 2.1,
-                            Title = "Sales",
-                        },
-                        new NavItem()
-                        {
-                            Id = 2.2,
-                            Title = "Cancelled Sales",
-                        },
-                        new NavItem()
-                        {
-                            Id = 2.3,
-                            Title = "Statistics",
-                        },
-                    },
+                    Link = "/transactions/sales",
+                    //Children = new List<NavItem>
+                    //{
+                    //    new NavItem()
+                    //    {
+                    //        Id = 2.1,
+                    //        Title = "Sales",
+                    //        Link = "/transactions/sales",
+                    //    },
+                    //    new NavItem()
+                    //    {
+                    //        Id = 2.2,
+                    //        Title = "Statistics",
+                    //    },
+                    //},
                 },
                   new NavItem()
                     {
@@ -84,29 +81,29 @@
                                 Id = 3.1,
                                 Description = "Brands",
                                 Title = "Brands",
-                                Link = "",
+                                Link = "/products/brands",
                             },
                             new NavItem
                             {
                                 Id = 3.2,
                                 Description = "Category",
                                 Title = "Category",
-                                Link = "",
+                                Link = "/products/categories",
                             },
                             new NavItem
                             {
                                 Id = 3.3,
                                 Description = "Inventory",
                                 Title = "Inventory",
-                                Link = "",
-                            },
-                            new NavItem
-                            {
-                                Id = 3.4,
-                                Description = "Inventory",
-                                Title = "Bulk Price Changes",
-                                Link = "",
+                                Link = "/products/inventory",
                             },
+                            //new NavItem
+                            //{
+                            //    Id = 3.4,
+                            //    Description = "Inventory",
+                            //    Title = "Bulk Price Changes",
+                            //    Link = "",
+                            //},
                             new NavItem
                             {
                                 Id = 3.5,
@@ -129,10 +126,10 @@
                 new NavItem()
                     {
                         Id = 5,
-                        Description = "Employees",
+                        Description = "Users",
                         Icon = "bxs-user-account",
-                        Link = "employees",
-                        Title = "Employees"
+                        Link = "users",
+                        Title = "Users"
                     },
                new NavItem()
                     {
diff --git a/Client/Pages/Dashboard/Dashboard.razor b/Client/Pages/Dashboard/Dashboard.razor
index de635ad..78a260e 100644
--- a/Client/Pages/Dashboard/Dashboard.razor
+++ b/Client/Pages/Dashboard/Dashboard.razor
@@ -3,61 +3,62 @@
 @inject HttpClient m_http
 @inject ITokenService m_tokenService
 @page "/"
-
-<div class="container-xxl flex-grow-1 container-p-y">
-    <div class="row">
-        <div class="col-lg-8 mb-4 order-0">
-            <WelcomeCard TradeSummary="@m_tradeSummary" Username="@m_username" IsLoading="@m_loadingTradeSummary" />
-        </div>
-        <div class="col-lg-4 col-md-4 order-1">
-            <div class="row">
-                <div class="col-lg-6 col-md-12 col-6 mb-4">
-                    <AnalyticsItemSmall IsLoading="@m_loadingTradeSummary" Icon="../assets/img/icons/unicons/chart-success.png" Title="Transactions" Value="@m_tradeSummary.CurrentTradeSales" Percentage="@(((m_tradeSummary.CurrentTradeSales-m_tradeSummary.LastTradeSales)/m_tradeSummary.LastTradeSales)*100)" />
-                </div>
-                <div class="col-lg-6 col-md-12 col-6 mb-4">
-                    <AnalyticsItemSmall IsLoading="@m_loadingCancelledSummary" Icon="../assets/img/icons/unicons/wallet-info.png" Title="Cancelled Sales" Value="@(m_cancelledWeeklySale)" Percentage="@(m_cancelledPercentage)" />
-                </div>
+<div class="row" style="margin-top:10px;">
+    <h4>Summary for the Week </h4>
+</div>
+<div class="row">
+    <div class="col-lg-8 mb-4 order-0">
+        <WelcomeCard TradeSummary="@m_tradeSummary" Username="@m_username" IsLoading="@m_loadingTradeSummary" />
+    </div>
+    <div class="col-lg-4 col-md-4 order-1">
+        <div class="row">
+            <div class="col-lg-6 col-md-12 col-6 mb-4">
+                <AnalyticsItemSmall IsLoading="@m_loadingTradeSummary" Icon="../assets/img/icons/unicons/chart-success.png" Title="Transactions" Value="@m_tradeSummary.CurrentTradeSales" Percentage="@(((m_tradeSummary.CurrentTradeSales-m_tradeSummary.LastTradeSales)/m_tradeSummary.LastTradeSales)*100)" />
             </div>
-        </div>
-        <!-- Total Revenue -->
-        <div class="col-12 col-lg-8 order-2 order-md-3 order-lg-2 mb-4">
-            <ChartElement Series="@m_weeklySaleItems" Title="Weekly Revenue" SubTitle="Sale Trend" IsLoading="@m_loadingWeeklySales" />
-        </div>
-        <!--/ Total Revenue -->
-        <div class="col-12 col-md-8 col-lg-4 order-3 order-md-2">
-            <div class="row">
-                <div class="col-6 mb-4">
-                    <AnalyticsItemSmall IsLoading="@(!m_loadingCreditSummary)" Icon="../assets/img/icons/unicons/paypal.png" Title="Credit Sales" Value="2456" Percentage="-22" />
-                </div>
-                <div class="col-6 mb-4">
-                    <AnalyticsItemSmall IsLoading="@m_loadingDebtSummary" Icon="../assets/img/icons/unicons/cc-primary.png" Title="Debts To Collect" Value="@(m_totalDebt)" Percentage="-22" />
-                </div>
-                <!-- </div>
-                <div class="row"> -->
-                <div class="col-12 mb-4">
-                    <ProductPriceHistory ProductHistory="@m_ProductPriceChanges" IsLoading="@m_loadingPriceHistory" />
-                </div>
+            <div class="col-lg-6 col-md-12 col-6 mb-4">
+                <AnalyticsItemSmall IsLoading="@m_loadingCancelledSummary" Icon="../assets/img/icons/unicons/wallet-info.png" Title="Cancelled Sales" Value="@(m_cancelledWeeklySale)" Percentage="@(m_cancelledPercentage)" />
             </div>
         </div>
     </div>
-    <div class="row">
-        <!-- Low stock items -->
-        <div class="col-md-6 col-lg-4 col-xl-4 order-0 mb-4">
-            <LowStockItems LowStockProducts="@m_lowstock" IsLoading="@m_loadingLowStockSummary" />
-        </div>
-        <!--/ Order Statistics -->
-        <!-- Expense Overview -->
-        <div class="col-md-6 col-lg-4 order-1 mb-4">
-            <MostPurchasedElement MostPurchasedItems="@m_mostPurchased" IsLoading="@m_loadingMostPurchased" />
-        </div>
-        <!--/ Expense Overview -->
-        <!-- Transactions -->
-        <div class="col-md-6 col-lg-4 order-2 mb-4">
-            <!-- Recent Transactions -->
-            <TransactionCard Sales="@m_recentTransaction" IsLoading="@m_loadingRecentTransactionsSummary" />
-            <!--/ Recent Transactions -->
+    <!-- Total Revenue -->
+    <div class="col-12 col-lg-8 order-2 order-md-3 order-lg-2 mb-4">
+        <ChartElement Series="@m_weeklySaleItems" Title="Weekly Sales Trend" SubTitle="Top performing categories"
+            CategorySummary = "m_categorySummary" IsLoading="@m_loadingWeeklySales" />
+    </div>
+    <!--/ Total Revenue -->
+    <div class="col-12 col-md-8 col-lg-4 order-3 order-md-2">
+        <div class="row">
+            <div class="col-6 mb-4">
+                <AnalyticsItemSmall IsLoading="@(!m_loadingCreditSummary)" Icon="../assets/img/icons/unicons/paypal.png" Title="Credit Sales" Value="0" Percentage="0" />
+            </div>
+            <div class="col-6 mb-4">
+                <AnalyticsItemSmall IsLoading="@m_loadingDebtSummary" Icon="../assets/img/icons/unicons/cc-primary.png" Title="Debts To Collect" Value="@(m_totalDebt)" Percentage="-22" />
+            </div>
+            <!-- </div>
+            <div class="row"> -->
+            <div class="col-12 mb-4">
+                <ProductPriceHistory ProductHistory="@m_ProductPriceChanges" IsLoading="@m_loadingPriceHistory" />
+            </div>
         </div>
-        <!--/ Transactions -->
     </div>
 </div>
+<div class="row">
+    <!-- Low stock items -->
+    <div class="col-md-6 col-lg-4 col-xl-4 order-0 mb-4">
+        <LowStockItems LowStockProducts="@m_lowstock" IsLoading="@m_loadingLowStockSummary" />
+    </div>
+    <!--/ Order Statistics -->
+    <!-- Expense Overview -->
+    <div class="col-md-6 col-lg-4 order-1 mb-4">
+        <MostPurchasedElement MostPurchasedItems="@m_mostPurchased" IsLoading="@m_loadingMostPurchased" />
+    </div>
+    <!--/ Expense Overview -->
+    <!-- Transactions -->
+    <div class="col-md-6 col-lg-4 order-2 mb-4">
+        <!-- Recent Transactions -->
+        <TransactionCard Sales="@m_recentTransaction" IsLoading="@m_loadingRecentTransactionsSummary" />
+        <!--/ Recent Transactions -->
+    </div>
+    <!--/ Transactions -->
+</div>
 
diff --git a/Client/Pages/Dashboard/Dashboard.razor.cs b/Client/Pages/Dashboard/Dashboard.razor.cs
index a1306bb..b30bb0b 100644
--- a/Client/Pages/Dashboard/Dashboard.razor.cs
+++ b/Client/Pages/Dashboard/Dashboard.razor.cs
@@ -1,6 +1,7 @@
 using Biskilog_Accounting.Shared.CustomModels;
 using System.Net.Http.Json;
 using System.Text.Json;
+using static System.Net.WebRequestMethods;
 
 namespace Biskilog_Accounting.Client.Pages.Dashboard
 {
@@ -14,6 +15,7 @@ namespace Biskilog_Accounting.Client.Pages.Dashboard
         private List<MostPurchasedItem> m_mostPurchased { get; set; } = new List<MostPurchasedItem> { };
         private List<ProductItem> m_lowstock { get; set; } = new List<ProductItem> { };
         private List<ProductPriceChange> m_ProductPriceChanges { get; set; } = new List<ProductPriceChange> { };
+        private IEnumerable<WeeklyCategorySummary> m_categorySummary { get; set; } = new List<WeeklyCategorySummary>();
         private double m_cancelledWeeklySale { get; set; } = 0;
         private double m_cancelledPercentage { get; set; } = 0;
         private double m_totalDebt { get; set; } = 0;
@@ -28,6 +30,7 @@ namespace Biskilog_Accounting.Client.Pages.Dashboard
         private bool m_loadingRecentTransactionsSummary { get; set; } = true;
         private bool m_loadingCancelledSummary { get; set; } = true;
         private bool m_loadingCreditSummary { get; set; } = true;
+       
         #endregion
         #endregion
         protected override async Task OnInitializedAsync()
@@ -39,6 +42,7 @@ namespace Biskilog_Accounting.Client.Pages.Dashboard
             _ = Task.Run(async () =>
             {
                 var weeklySalesTask = GetWeeklySales();
+                var categoryWeekly = GetCategoryTradeSummary();
                 var cancelledSalesTask = GetCancelledSales();
                 var debtSummaryTask = GetDebtSummary();
                 var recentTransactionsTask = GetRecentTransactions();
@@ -49,6 +53,7 @@ namespace Biskilog_Accounting.Client.Pages.Dashboard
                 // Wait for all tasks to complete
                 await Task.WhenAll(
                     weeklySalesTask,
+                    categoryWeekly,
                     cancelledSalesTask,
                     debtSummaryTask,
                     recentTransactionsTask,
@@ -59,7 +64,6 @@ namespace Biskilog_Accounting.Client.Pages.Dashboard
             });
             return;
         }
-
         /// <summary>
         /// Gets the trade summary
         /// </summary>
@@ -87,6 +91,32 @@ namespace Biskilog_Accounting.Client.Pages.Dashboard
             }
         }
         /// <summary>
+        /// Gets the trade summary
+        /// </summary>
+        /// <returns></returns>
+        async Task GetCategoryTradeSummary()
+        {
+            try
+            {
+                m_loadingWeeklySales = true;
+                StateHasChanged();
+                var response = await m_http.GetAsync("api/analytics/categorysummary");
+                if (response.IsSuccessStatusCode)
+                {
+                    var jsonContent = await response.Content.ReadAsStringAsync();
+                    var options = new JsonSerializerOptions { PropertyNameCaseInsensitive = true };
+                    var tradeCategorySummary = JsonSerializer.Deserialize<IEnumerable<WeeklyCategorySummary>>(jsonContent, options);
+                    m_categorySummary = tradeCategorySummary;
+                    m_loadingWeeklySales = false;
+                    StateHasChanged();
+                }
+            }
+            catch (Exception ex)
+            {
+                Console.WriteLine(ex.Message);
+            }
+        }
+        /// <summary>
         /// Gets the debt summary
         /// </summary>
         /// <returns></returns>
@@ -129,9 +159,17 @@ namespace Biskilog_Accounting.Client.Pages.Dashboard
                     var options = new JsonSerializerOptions { PropertyNameCaseInsensitive = true };
                     var sales = JsonSerializer.Deserialize<List<WeeklySaleItem>>(jsonContent, options);
                     m_weeklySaleItems = sales;
-                    m_loadingWeeklySales = false;
-                    StateHasChanged();
                 }
+                response = await m_http.GetAsync("api/analytics/categorysummary");
+                if (response.IsSuccessStatusCode)
+                {
+                    var jsonContent = await response.Content.ReadAsStringAsync();
+                    var options = new JsonSerializerOptions { PropertyNameCaseInsensitive = true };
+                    var tradeCategorySummary = JsonSerializer.Deserialize<IEnumerable<WeeklyCategorySummary>>(jsonContent, options);
+                    m_categorySummary = tradeCategorySummary;
+                }
+                m_loadingWeeklySales = false;
+                StateHasChanged();
             }
             catch (Exception ex)
             {
diff --git a/Client/Pages/Dashboard/Elements/ChartElement.razor b/Client/Pages/Dashboard/Elements/ChartElement.razor
index a6abdea..1fcba65 100644
--- a/Client/Pages/Dashboard/Elements/ChartElement.razor
+++ b/Client/Pages/Dashboard/Elements/ChartElement.razor
@@ -16,37 +16,18 @@
                                  Name="Sales"
                                  YValue="@(e => e.Total)"
                                  XValue="@(e => e.Date.ToString("dd MMM"))"
-                                 SeriesType="SeriesType.Bar" />
+                                 SeriesType="SeriesType.Area" />
                 </ApexChart>
             </div>
             <div class="col-md-5">
-                <div class="text-center fw-semibold pt-3 mb-2">@SubTitle</div>
-                <ApexChart TItem="WeeklySaleItem" Options="options">
-                    <ApexPointSeries TItem="WeeklySaleItem" Items="@Series" Name="Sales" YValue="@(e => e.Total)" XValue="@(e => e.Date.ToString("dd MMM"))"
-                                 SeriesType="SeriesType.Area" />
-                </ApexChart>
-                <div class="d-flex px-xxl-4 px-lg-2 p-4 gap-xxl-3 gap-lg-1 gap-3 justify-content-between">
-                    <div class="d-flex">
-                        <div class="me-2">
-                            <span class="badge bg-label-primary p-2"><i class="bx bx-dollar text-primary"></i></span>
-                        </div>
-                        <div class="d-flex flex-column">
-                            <small>Best Day</small>
-                            <small class="mb-0">@m_bestDay</small>
-                            <small class="mb-0">@m_bestSales</small>
-                        </div>
-                    </div>
-                    <div class="d-flex">
-                        <div class="me-2">
-                            <span class="badge bg-label-info p-2"><i class="bx bx-wallet text-info"></i></span>
-                        </div>
-                        <div class="d-flex flex-column">
-                            <small>Worst Day</small>
-                            <small class="mb-0">@m_worstDay</small>
-                            <small class="mb-0">@m_worstSales</small>
-                        </div>
-                    </div>
-                </div>
+                @if (CategorySummary.Count() > 0)
+                {
+                    <div class="text-center fw-semibold pt-3 mb-2">@SubTitle</div>
+                    <ApexChart TItem="WeeklyCategorySummary" Options="options">
+                        <ApexPointSeries TItem="WeeklyCategorySummary" Items="@CategorySummary" Name="Categories" YValue="@(e => e.Total)" XValue="@(e => e.Category)"
+                                 SeriesType="SeriesType.Pie" />
+                    </ApexChart>
+                }
             </div>
         </div>
     </div>
diff --git a/Client/Pages/Dashboard/Elements/ChartElement.razor.cs b/Client/Pages/Dashboard/Elements/ChartElement.razor.cs
index 5fa3923..37aa7ca 100644
--- a/Client/Pages/Dashboard/Elements/ChartElement.razor.cs
+++ b/Client/Pages/Dashboard/Elements/ChartElement.razor.cs
@@ -15,13 +15,11 @@ namespace Biskilog_Accounting.Client.Pages.Dashboard.Elements
         public string SubTitle { get; set; } = string.Empty;
         [Parameter]
         public List<WeeklySaleItem> Series { get; set; } = new List<WeeklySaleItem>();
+        [Parameter]
+        public IEnumerable<WeeklyCategorySummary> CategorySummary { get; set; } = Enumerable.Empty<WeeklyCategorySummary>();
         private ApexChartOptions<WeeklySaleItem> m_options;
-        private ApexChartOptions<WeeklySaleItem> options = new ApexChartOptions<WeeklySaleItem>();
+        private ApexChartOptions<WeeklyCategorySummary> options = new ApexChartOptions<WeeklyCategorySummary>();
 
-        private string m_bestDay { get; set; } = string.Empty;
-        private string m_worstDay { get; set; } = string.Empty;
-        private string m_bestSales { get; set; } = string.Empty;
-        private string m_worstSales { get; set; } = string.Empty;
         protected override void OnParametersSet()
         {
             m_options = new ApexChartOptions<WeeklySaleItem>
@@ -47,7 +45,7 @@ namespace Biskilog_Accounting.Client.Pages.Dashboard.Elements
                     }
                 },
             };
-            options.Colors = new List<string> { "#11726d" };
+            options.Colors = new List<string> { "#11726d", "#096a71", "#003445", "#e69138" };
 
             options.Fill = new Fill
             {
@@ -71,14 +69,6 @@ namespace Biskilog_Accounting.Client.Pages.Dashboard.Elements
                     }
                 }
             };
-
-            if (Series.Count > 1)
-            {
-                m_bestDay = Series.OrderByDescending(t => t.Total).First().Date.ToShortDateString();
-                m_bestSales = m_calculator.FormatMoneyWithCurrencyKilo((double)Series.OrderByDescending(t => t.Total).First().Total);
-                m_worstDay = Series.OrderByDescending(t => t.Total).Last().Date.ToShortDateString();
-                m_worstSales = m_calculator.FormatMoneyWithCurrencyKilo((double)Series.OrderByDescending(t => t.Total).Last().Total);
-            }
             base.OnParametersSet();
         }
     }
diff --git a/Client/Pages/Dashboard/Elements/LowStockItems.razor b/Client/Pages/Dashboard/Elements/LowStockItems.razor
index 0ef7238..4f6d12d 100644
--- a/Client/Pages/Dashboard/Elements/LowStockItems.razor
+++ b/Client/Pages/Dashboard/Elements/LowStockItems.razor
@@ -3,15 +3,14 @@
 @using Microsoft.Fast.Components.FluentUI
 @inject ICalculator m_calculator
 
-@if(!IsLoading){
-<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>
+@if(!IsLoading)
+{
+    <div class="card h-100">
+        <div class="card-header d-flex align-items-center justify-content-between">
+            <h5 class="card-title 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">
+        <div class="card-body" style="padding:5px !important;">
+            <RadzenDataGrid Data="@LowStockProducts" TItem="ProductItem" AllowPaging="true" AllowSorting="true" PageSize="5" GridLines="DataGridGridLines.Horizontal">
             <Columns>
                 <RadzenDataGridColumn TItem="ProductItem" Property="Product" Title="Product">
                     <Template Context="detail">
@@ -28,8 +27,8 @@
                 </RadzenDataGridColumn>
             </Columns>
         </RadzenDataGrid>
+        </div>
     </div>
-</div>
 }else{
      <FluentCard class="card-padding">
     <FluentSkeleton style="border-radius: 4px; width: 50px; height: 50px;" Shape="SkeletonShape.Circle" Shimmer="true"></FluentSkeleton>
@@ -46,9 +45,4 @@
                     Shape="SkeletonShape.Rect"
                     Shimmer="true"></FluentSkeleton>
 </FluentCard>
-}
-<style>
-    .rz-datatable {
-        border: none !important;
-    }
-</style>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/Client/Pages/Dashboard/Elements/MostPurchasedElement.razor b/Client/Pages/Dashboard/Elements/MostPurchasedElement.razor
index 6e1a325..be6980f 100644
--- a/Client/Pages/Dashboard/Elements/MostPurchasedElement.razor
+++ b/Client/Pages/Dashboard/Elements/MostPurchasedElement.razor
@@ -6,13 +6,11 @@
 @if (!IsLoading)
 {
     <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="text-nowrap mb-2">Top 50 most purchased items</h5>
-            </div>
+        <div class="card-header d-flex align-items-center justify-content-between">
+            <h5 class="card-title m-0 me-2">Top 50 most purchased items</h5>
         </div>
         <div class="card-body" style="padding:5px !important;">
-            <RadzenDataGrid Data="@MostPurchasedItems" TItem="MostPurchasedItem" AllowPaging="true" AllowSorting="true" PageSize="5">
+             <RadzenDataGrid Data="@MostPurchasedItems" TItem="MostPurchasedItem" AllowPaging="true" AllowSorting="true" PageSize="5" GridLines="DataGridGridLines.Horizontal">
                 <Columns>
                     <RadzenDataGridColumn TItem="MostPurchasedItem" Property="Revenue" Title="Product">
                         <Template Context="detail">
@@ -52,20 +50,10 @@ else
     </FluentCard>
 }
 <style>
-    .rz-datatable-thead th, .rz-grid-table thead th {
-        background-color: #a4d5d3;
-        padding: 0;
-        color: white;
-    }
-
     .rz-paginator {
         display: flex;
         align-items: center;
         justify-content: space-between;
         flex-wrap: wrap;
     }
-
-    .rz-datatable {
-        border: none !important;
-    }
 </style>
diff --git a/Client/Pages/Dashboard/Elements/ProductPriceHistory.razor b/Client/Pages/Dashboard/Elements/ProductPriceHistory.razor
index 7adccb3..27907ca 100644
--- a/Client/Pages/Dashboard/Elements/ProductPriceHistory.razor
+++ b/Client/Pages/Dashboard/Elements/ProductPriceHistory.razor
@@ -2,11 +2,11 @@
 @using Biskilog_Accounting.Shared.Interfaces;
 @using Microsoft.Fast.Components.FluentUI
 @inject ICalculator m_calculator
+@implements IDisposable
 @if (!IsLoading)
 {
     <div class="card">
-        <ApexChart TItem="ProductPriceChange" Options="options" Title="@m_title">
-
+        <ApexChart TItem="ProductPriceChange" Options="options" Title="@m_title" @ref=chart>
             <ApexPointSeries TItem="ProductPriceChange" Items="m_productHistory" Name="@m_subtitle"
                          SeriesType="SeriesType.Area" XValue="@(e => e.ChangeDate.Value.ToString("dd MMM,yy"))"
                          YValue="@(e => e.CurrentPrice)" />
diff --git a/Client/Pages/Dashboard/Elements/ProductPriceHistory.razor.cs b/Client/Pages/Dashboard/Elements/ProductPriceHistory.razor.cs
index eb36634..ea8ad8a 100644
--- a/Client/Pages/Dashboard/Elements/ProductPriceHistory.razor.cs
+++ b/Client/Pages/Dashboard/Elements/ProductPriceHistory.razor.cs
@@ -1,6 +1,9 @@
 using ApexCharts;
 using Biskilog_Accounting.Shared.CustomModels;
 using Microsoft.AspNetCore.Components;
+using System;
+using System.Timers;
+using Timer = System.Timers.Timer;
 
 namespace Biskilog_Accounting.Client.Pages.Dashboard.Elements
 {
@@ -19,10 +22,48 @@ namespace Biskilog_Accounting.Client.Pages.Dashboard.Elements
         private string m_productName { get; set; } = string.Empty;
         private string m_subtitle { get; set; } = string.Empty;
         private string m_title { get; set; } = string.Empty;
+        private Timer m_timer { get; set; }
+        private ApexChart<ProductPriceChange> chart;
+        private Random m_random = new Random();
         protected override void OnInitialized()
         {
-
             base.OnInitialized();
+            // Set up the timer with a 10-second interval
+            m_timer = new System.Timers.Timer(10000); // 10 seconds
+            m_timer.Elapsed += TimerElapsed;
+            m_timer.AutoReset = true;
+            m_timer.Start();
+        }
+
+        private void TimerElapsed(object sender, ElapsedEventArgs e)
+        {
+            // Code to execute every 10 seconds
+            InvokeAsync(async () =>
+            {
+                if (m_productHistory.Count > 0)
+                {
+                    int randomNumber = m_random.Next(ProductHistory.Count);
+                    m_currentProduct = ProductHistory[randomNumber].Pcode;
+                    m_productHistory = ProductHistory.Where(t => t.Pcode == m_currentProduct).ToList();
+
+                    ProductPriceChange change = m_productHistory.First();
+                    m_percentage = (double)((change.CurrentPrice - change.PreviousPrice) / change.PreviousPrice > 0 ? change.PreviousPrice * 100 : 1);
+                    m_increase = change.CurrentPrice > change.PreviousPrice;
+                    m_currentPrice = (double)change.CurrentPrice;
+                    m_productName = change.ProductName;
+                    m_subtitle = $"Price :{m_calculator.GetCurrencyCode().CurrencySymbol}";
+                    m_title = $"{m_productName} Price Changes";
+                    StateHasChanged();
+                    await chart.RenderAsync();
+                }
+            });
+        }
+
+        public void Dispose()
+        {
+            // Dispose of the timer when the component is disposed
+            m_timer?.Stop();
+            m_timer?.Dispose();
         }
         protected override void OnParametersSet()
         {
@@ -55,12 +96,12 @@ namespace Biskilog_Accounting.Client.Pages.Dashboard.Elements
                 Random random = new Random();
                 int randomNumber = random.Next(ProductHistory.Count);
                 m_currentProduct = ProductHistory[randomNumber].Pcode;
-                m_productHistory = ValidateList(ProductHistory.Where(t => t.Pcode == m_currentProduct).ToList());
+                m_productHistory = ProductHistory.Where(t => t.Pcode == m_currentProduct).ToList();
 
                 if (m_productHistory.Count > 0)
                 {
                     ProductPriceChange change = m_productHistory.First();
-                    m_percentage = (double)((change.CurrentPrice - change.PreviousPrice) / change.PreviousPrice * 100);
+                    m_percentage = (double)((change.CurrentPrice - change.PreviousPrice) / change.PreviousPrice > 0 ? change.PreviousPrice * 100 : 1);
                     m_increase = change.CurrentPrice > change.PreviousPrice;
                     m_currentPrice = (double)change.CurrentPrice;
                     m_productName = change.ProductName;
diff --git a/Client/Pages/Dashboard/Elements/TransactionCard.razor b/Client/Pages/Dashboard/Elements/TransactionCard.razor
index bba253f..9d12990 100644
--- a/Client/Pages/Dashboard/Elements/TransactionCard.razor
+++ b/Client/Pages/Dashboard/Elements/TransactionCard.razor
@@ -2,6 +2,7 @@
 @using Biskilog_Accounting.Shared.Interfaces;
 @using Microsoft.Fast.Components.FluentUI
 @inject ICalculator m_calculator
+@inject IMainInterface m_mainInterface
 
 @if (!IsLoading)
 {
@@ -10,7 +11,8 @@
             <h5 class="card-title m-0 me-2">Last 50 Transactions</h5>
         </div>
         <div class="card-body" style="padding:5px !important;">
-            <RadzenDataGrid Data="@Sales" TItem="SaleItem" AllowPaging="true" AllowSorting="true">
+            <RadzenDataGrid Data="@Sales" TItem="SaleItem" AllowPaging="true" AllowSorting="true"
+                GridLines="DataGridGridLines.Horizontal" RowClick="@(args => m_mainInterface.ShowReceipt(args.Data.Transno))">
                 <Columns>
                     <RadzenDataGridColumn TItem="SaleItem" Property="Transno" Title="Receipt#" />
                     <RadzenDataGridColumn TItem="SaleItem" Property="Date" Title="Timestamp" />
@@ -44,15 +46,4 @@ else
                     Shape="SkeletonShape.Rect"
                     Shimmer="true"></FluentSkeleton>
     </FluentCard>
-}
-<style>
-    .rz-datatable-thead th, .rz-grid-table thead th {
-        background-color: #a4d5d3;
-        padding: 0;
-        color: white;
-    }
-
-    .rz-datatable {
-        border: none !important;
-    }
-</style>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/Client/Pages/Product/Brands.razor b/Client/Pages/Product/Brands.razor
new file mode 100644
index 0000000..993dd21
--- /dev/null
+++ b/Client/Pages/Product/Brands.razor
@@ -0,0 +1,19 @@
+@page "/products/brands"
+@using Biskilog_Accounting.Shared.Interfaces;
+@using Biskilog_Accounting.Shared.POSModels;
+@inject IProduct m_productRepo
+@inject ContextMenuService ContextMenuService
+@inject DialogService m_dialogService
+@inject ISearchService m_searchControl
+@implements IDisposable
+
+<div class="row" style="display:grid;justify-content:space-between;padding: 5px;margin-right:10px;">
+    <h3>Product Brands</h3>
+</div>
+<RadzenDataGrid AllowPaging="true" PageSize="50" AllowSorting="true" Data="@m_brands" TItem="Tblbrand" GridLines="DataGridGridLines.Horizontal">
+    <Columns>
+        <RadzenDataGridColumn TItem="Tblbrand" Property="Id" Title="Brand ID" Resizable Reorderable />
+        <RadzenDataGridColumn TItem="Tblbrand" Property="Brand" Title="Brand Name" Resizable Reorderable />
+        <RadzenDataGridColumn TItem="Tblbrand" Property="BranchId" Title="Branch" Resizable Reorderable />
+    </Columns>
+</RadzenDataGrid>
diff --git a/Client/Pages/Product/Brands.razor.cs b/Client/Pages/Product/Brands.razor.cs
new file mode 100644
index 0000000..083b466
--- /dev/null
+++ b/Client/Pages/Product/Brands.razor.cs
@@ -0,0 +1,37 @@
+using Biskilog_Accounting.Shared.POSModels;
+
+namespace Biskilog_Accounting.Client.Pages.Product
+{
+    public partial class Brands
+    {
+        private IEnumerable<Tblbrand> m_brands { get; set; } = new List<Tblbrand>();
+        protected override void OnInitialized()
+        {
+            m_productRepo.BrandsChanged += BrandFetchComplete;
+            m_searchControl.SearchValueChanged += SearchValueChanged;
+
+            LoadBrands(string.Empty);
+            base.OnInitialized();
+        }
+
+        private void SearchValueChanged(string a_searchKey)
+        {
+            LoadBrands(a_searchKey);
+        }
+
+        public void Dispose()
+        {
+            m_productRepo.BrandsChanged -= BrandFetchComplete;
+            m_searchControl.SearchValueChanged -= SearchValueChanged;
+        }
+        private void BrandFetchComplete(object? sender, EventArgs e)
+        {
+            LoadBrands(string.Empty);
+        }
+        private void LoadBrands(string a_productKey)
+        {
+            m_brands = m_productRepo.GetBrands(a_productKey);
+            StateHasChanged();
+        }
+    }
+}
diff --git a/Client/Pages/Product/Categories.razor b/Client/Pages/Product/Categories.razor
new file mode 100644
index 0000000..6050fd1
--- /dev/null
+++ b/Client/Pages/Product/Categories.razor
@@ -0,0 +1,19 @@
+@page "/products/categories"
+@using Biskilog_Accounting.Shared.POSModels;
+@using Biskilog_Accounting.Shared.Interfaces
+@inject IProduct m_productRepo
+@inject ContextMenuService ContextMenuService
+@inject DialogService m_dialogService
+@inject ISearchService m_searchControl
+@implements IDisposable
+
+<div class="row" style="display:flex;justify-content:space-between;padding: 5px;margin-right:10px;">
+    <h3>Categories</h3>
+</div>
+<RadzenDataGrid AllowPaging="true" PageSize="50" AllowSorting="true" Data="@m_categories" TItem="Tblcategory" GridLines="DataGridGridLines.Horizontal">
+    <Columns>
+        <RadzenDataGridColumn TItem="Tblcategory" Property="Id" Title="Category ID" Resizable Reorderable />
+        <RadzenDataGridColumn TItem="Tblcategory" Property="Category" Title="Category Name" Resizable Reorderable />
+        <RadzenDataGridColumn TItem="Tblcategory" Property="BranchId" Title="Branch" Resizable Reorderable />
+    </Columns>
+</RadzenDataGrid>
\ No newline at end of file
diff --git a/Client/Pages/Product/Categories.razor.cs b/Client/Pages/Product/Categories.razor.cs
new file mode 100644
index 0000000..acb3fc9
--- /dev/null
+++ b/Client/Pages/Product/Categories.razor.cs
@@ -0,0 +1,37 @@
+using Biskilog_Accounting.Shared.POSModels;
+
+namespace Biskilog_Accounting.Client.Pages.Product
+{
+    public partial class Categories
+    {
+        private IEnumerable<Tblcategory> m_categories { get; set; } = new List<Tblcategory>();
+        protected override void OnInitialized()
+        {
+            m_productRepo.CategoriesChanged += CategoryFetchComplete;
+            m_searchControl.SearchValueChanged += SearchValueChanged;
+
+            LoadCategories(string.Empty);
+            base.OnInitialized();
+        }
+
+        private void SearchValueChanged(string a_searchKey)
+        {
+            LoadCategories(a_searchKey);
+        }
+
+        public void Dispose()
+        {
+            m_productRepo.CategoriesChanged -= CategoryFetchComplete;
+            m_searchControl.SearchValueChanged -= SearchValueChanged;
+        }
+        private void CategoryFetchComplete(object? sender, EventArgs e)
+        {
+            LoadCategories(string.Empty);
+        }
+        private void LoadCategories(string a_productKey)
+        {
+            m_categories = m_productRepo.GetCategories(a_productKey);
+            StateHasChanged();
+        }
+    }
+}
diff --git a/Client/Pages/Product/Elements/ProductDialog.razor b/Client/Pages/Product/Elements/ProductDialog.razor
new file mode 100644
index 0000000..4623ec4
--- /dev/null
+++ b/Client/Pages/Product/Elements/ProductDialog.razor
@@ -0,0 +1,186 @@
+@page "/products/{product}"
+@using Biskilog_Accounting.Shared.CustomModels;
+@using Biskilog_Accounting.Shared.Interfaces;
+@inject IProduct m_productRepo
+@inject ICalculator m_calculator
+
+<RadzenCard Style="margin-bottom: 20px;">
+    <div class="row" style="justify-content: end;height: 20px;display: grid;">
+        <RadzenStack Orientation="Radzen.Orientation.Horizontal" AlignItems="AlignItems.Center" Gap="0.5rem">
+            <RadzenSwitch @bind-Value="m_editMode" />
+            <RadzenLabel Text="Edit Mode" />
+        </RadzenStack>
+    </div>
+    <div class="row align-items-center" style="justify-content: center;">
+        <img src="assets/img/box.png" style="width:200px;" />
+    </div>
+    @if (m_editMode)
+    {
+        <div class="row">
+            <div class="col-md-6 align-items-center d-flex">
+                <RadzenFieldset Text="Product Info" Style="width:100%;">
+                    <div class="row">
+                        <div class="col-md-4 align-items-center d-flex">
+                            <RadzenLabel Text="Product Id" />
+                        </div>
+                        <div class="col-md-8">
+                            <RadzenTextBox Disabled="true" style="width: 100%;" Name="pcode" @bind-Value=@(Product.Product!.Pcode) />
+                        </div>
+                    </div>
+                    <div class="row" style="margin-top:5px;">
+                        <div class="col-md-4 align-items-center d-flex">
+                            <RadzenLabel Text="Product Name" />
+                        </div>
+                        <div class="col-md-8">
+                            <RadzenTextBox Disabled="true" style="width: 100%;" Name="productName" @bind-Value=@(Product.Product!.ProductName) />
+                        </div>
+                    </div>
+
+                    <div class="row" style="margin-top:5px;">
+                        <div class="col-md-4 align-items-center d-flex">
+                            <RadzenLabel Text="Description" /> <b></b>
+                        </div>
+                        <div class="col-md-8">
+                            <RadzenTextArea Disabled="true" @bind-Value=@(Product.Product!.Pdesc) Cols="25" Rows="4" />
+                        </div>
+                    </div>
+
+                </RadzenFieldset>
+            </div>
+            <div class="col-md-6">
+                <RadzenFieldset Text="Other Units Of Measure">
+                    <div class="row" style="justify-content: end;height: 20px;display: grid;">
+                        <RadzenButton Icon="add_circle_outline" ButtonStyle="ButtonStyle.Light" />
+                    </div>
+                    <div class="row" style="margin-top:5px;">
+                        <div class="col-md-6 align-items-center d-flex">
+                            <RadzenLabel Text="Unit Of Measure" /> <b></b>
+                        </div>
+                        <div class="col-md-6 align-items-center d-flex">
+                            <RadzenLabel Text="Quantity" /> <b></b>
+                        </div>
+                    </div>
+                    @foreach (ProductUnits unit in Product.Units)
+                    {
+                        <div class="row" style="margin-top:5px;">
+                            <div class="col-md-6 align-items-center d-flex">
+                                <RadzenDropDown @bind-Value=@(unit.UnitCode) Data=@(m_productRepo.GetUnitofmeasures()) TextProperty="UnitName" ValueProperty="UnitCode" />
+                            </div>
+                            <div class="col-md-6 align-items-center d-flex">
+                                <RadzenNumeric Placeholder="10" Step="1" @bind-Value=@(unit.QuantityUnit) />
+                            </div>
+                        </div>
+                    }
+                </RadzenFieldset>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-md-6 align-items-center d-flex">
+                <RadzenFieldset Text="Base Unit" Style="width:100%;">
+                    <div class="row">
+                        <div class="col-md-4 align-items-center d-flex">
+                            <RadzenLabel Text="Base Unit" />
+                        </div>
+                        <div class="col-md-8">
+                            <RadzenDropDown @bind-Value=@(Product.BaseUnit) Data=@(m_productRepo.GetUnitofmeasures()) TextProperty="UnitName" ValueProperty="UnitCode" />
+                        </div>
+                    </div>
+                </RadzenFieldset>
+            </div>
+            <div class="col-md-6">
+                <RadzenFieldset Text="Re-order Level">
+                    <div class="row">
+                        <div class="col-md-6 align-items-center d-flex">
+                            <RadzenLabel Text="Quantity" />
+                        </div>
+                        <div class="col-md-6 align-items-center d-flex">
+                            <RadzenNumeric Placeholder="10" Step="1" @bind-Value=@(Product.Restocklevel!.WarnLevel) />
+                        </div>
+                    </div>
+                    <div class="row" style="margin-top:5px;">
+                        <div class="col-md-6 align-items-center d-flex">
+                            <RadzenLabel Text="Unit Of Measure" />
+                        </div>
+                        <div class="col-md-6 align-items-center d-flex">
+                            <RadzenDropDown @bind-Value=@(Product.Restocklevel!.Unit) Data=@(m_reorderUnits) TextProperty="UnitName" ValueProperty="UnitCode" />
+                        </div>
+                    </div>
+                </RadzenFieldset>
+            </div>
+        </div>
+        <div class="row" style="display:flex;justify-content:safe center;margin-top:10px;margin-bottom:10px;">
+            <RadzenButton Text="Save" Style="width:fit-content;background-color:green;margin-right:10px;" />
+            <RadzenButton Text="Cancel" Style="width:fit-content;background-color:Darkred;" />
+        </div>
+    }
+    else
+    {
+        //Read Only View
+        <RadzenFieldset Text="Product Info" Style="width:100%;">
+            <div class="row">
+                <div class="col-md-4 align-items-center d-flex">
+                    <RadzenLabel Text="Product Id" />
+                </div>
+                <div class="col-md-8">
+                    <RadzenTextBox Disabled="true" style="width: 100%;" Name="pcode" @bind-Value=@(Product.Product!.Pcode) />
+                </div>
+            </div>
+            <div class="row" style="margin-top:5px;">
+                <div class="col-md-4 align-items-center d-flex">
+                    <RadzenLabel Text="Product Name" />
+                </div>
+                <div class="col-md-8">
+                    <RadzenTextBox Disabled="true" style="width: 100%;" Name="productName" @bind-Value=@(Product.Product!.ProductName) />
+                </div>
+            </div>
+
+            <div class="row" style="margin-top:5px;">
+                <div class="col-md-4 align-items-center d-flex">
+                    <RadzenLabel Text="Description" /> <b></b>
+                </div>
+                <div class="col-md-8">
+                    <RadzenTextArea Disabled="true" @bind-Value=@(Product.Product!.Pdesc) Cols="45" Rows="4" />
+                </div>
+            </div>
+            <div class="row" style="margin-top:5px;">
+                <div class="col-md-4 align-items-center d-flex">
+                    <RadzenLabel Text="Base Unit" /> <b></b>
+                </div>
+                <div class="col-md-8">
+                    <RadzenTextBox Disabled="true" Value=@(m_productRepo.GetUnitName(Product.Product!.BaseUnit)) />
+                </div>
+            </div>
+            <div class="row" style="margin-top:5px;">
+                <div class="col-md-4 align-items-center d-flex">
+                    <RadzenLabel Text="Quantity" /> <b></b>
+                </div>
+                <div class="col-md-8">
+                    <RadzenNumeric Disabled="true" @bind-Value=@(Product.Stock!.Quantity) />
+                </div>
+            </div>
+            <div class="row" style="margin-top:5px;">
+                <RadzenDataGrid Data="@(Product.Units.OrderBy(t  => t.PriceUnit))" TItem="ProductUnits" GridLines="DataGridGridLines.Horizontal">
+                    <Columns>
+                        <RadzenDataGridColumn TItem="ProductUnits" Property="UnitCode" Title="Unit Of Measure">
+                            <Template Context="detail">
+                                @(m_productRepo.GetUnitName(detail.UnitCode))
+                            </Template>
+                        </RadzenDataGridColumn>
+                        <RadzenDataGridColumn TItem="ProductUnits" Property="QuantityUnit" Title="Quantity" />
+                        <RadzenDataGridColumn TItem="ProductUnits" Property="PriceUnit" Title="Price Per Unit">
+                            <Template Context="detail">
+                                @(m_calculator.FormatMoneyWithCurrency((double)detail.PriceUnit))
+                            </Template>
+                        </RadzenDataGridColumn>
+                    </Columns>
+                </RadzenDataGrid>
+            </div>
+        </RadzenFieldset>
+        <div class="row" style="display:flex;justify-content:safe center;margin-top:10px;margin-bottom:10px;">
+            <RadzenButton Text="Print Barcode" Style="width:fit-content;margin-right:10px;background-color:forestgreen;" />
+            <RadzenButton Text="Print Tags" Style="width:fit-content;margin-right:10px;background-color:cornflowerblue;" />
+            <RadzenButton Text="Add Stock" Style="width:fit-content;background-color:#435971;" />
+        </div>
+    }
+
+</RadzenCard>
\ No newline at end of file
diff --git a/Client/Pages/Product/Elements/ProductDialog.razor.cs b/Client/Pages/Product/Elements/ProductDialog.razor.cs
new file mode 100644
index 0000000..29a3d86
--- /dev/null
+++ b/Client/Pages/Product/Elements/ProductDialog.razor.cs
@@ -0,0 +1,25 @@
+using Biskilog_Accounting.Shared.CustomModels;
+using Microsoft.AspNetCore.Components;
+
+namespace Biskilog_Accounting.Client.Pages.Product.Elements
+{
+    public partial class ProductDialog
+    {
+        [Parameter]
+        public ProductItem Product { get; set; }
+
+        private bool m_editMode { get; set; } = false;
+        private List<ProductUnits> m_reorderUnits { get; set; } = new List<ProductUnits>();
+        protected override void OnParametersSet()
+        {
+            var list = Product.Units.Select(c => c.UnitCode);
+            m_reorderUnits = m_productRepo.GetUnitofmeasures().Where(t => t.UnitCode == Product.BaseUnit || list.Contains(t.UnitCode))
+                .Select(t => new ProductUnits
+                {
+                    UnitCode = t.UnitCode,
+                    UnitName = t.Unitname,
+                }).ToList();
+            base.OnParametersSet();
+        }
+    }
+}
diff --git a/Client/Pages/Product/Products.razor b/Client/Pages/Product/Products.razor
new file mode 100644
index 0000000..fca8f38
--- /dev/null
+++ b/Client/Pages/Product/Products.razor
@@ -0,0 +1,29 @@
+@page "/products/inventory"
+@using Biskilog_Accounting.Shared.CustomModels;
+@using Biskilog_Accounting.Shared.Interfaces;
+@inject IProduct m_productRepo
+@inject ContextMenuService ContextMenuService
+@inject DialogService m_dialogService
+@inject ISearchService m_searchControl
+@implements IDisposable
+
+
+<div class="row" style="display:flex;justify-content:space-between;padding: 5px;margin-right:10px;">
+    <h3>Products</h3>
+</div>
+<RadzenDataGrid AllowPaging="true" PageSize="50" AllowSorting="true" Data="@m_products" TItem="ProductItem" GridLines="DataGridGridLines.Horizontal"
+                SelectionMode="DataGridSelectionMode.Single" @bind-Value=@m_selectedProducts CellContextMenu="@OnCellContextMenu">
+    <Columns>
+        <RadzenDataGridColumn TItem="ProductItem" Property="Product.Pcode" Title="Product ID" Width="15%" Resizable Reorderable />
+        <RadzenDataGridColumn TItem="ProductItem" Property="Product.ProductName" Title="Product Name" Width="20%" Resizable Reorderable />
+        <RadzenDataGridColumn TItem="ProductItem" Property="Product.Pdesc" Title="Description" Width="25%" Resizable Reorderable />
+        <RadzenDataGridColumn TItem="ProductItem" Property="Stock.Quantity" Title="Quantity" Width="10%" Resizable Reorderable />
+        <RadzenDataGridColumn TItem="ProductItem" Property="BaseUnit" Title="Unit" Width="10%" Reorderable Resizable>
+            <Template Context="detail">
+                @(m_productRepo.GetUnitName(detail.BaseUnit))
+            </Template>
+        </RadzenDataGridColumn>
+        <RadzenDataGridColumn TItem="ProductItem" Property="Product.Status" Title="Status" Width="10%" Reorderable Resizable />
+        <RadzenDataGridColumn TItem="ProductItem" Property="Product.BranchId" Title="Branch" Width="10%" Resizable Reorderable />
+    </Columns>
+</RadzenDataGrid>
diff --git a/Client/Pages/Product/Products.razor.cs b/Client/Pages/Product/Products.razor.cs
new file mode 100644
index 0000000..937bd53
--- /dev/null
+++ b/Client/Pages/Product/Products.razor.cs
@@ -0,0 +1,68 @@
+using Biskilog_Accounting.Client.Pages.Product.Elements;
+using Biskilog_Accounting.Shared.CustomModels;
+using Radzen;
+
+namespace Biskilog_Accounting.Client.Pages.Product
+{
+    public partial class Products
+    {
+        private IEnumerable<ProductItem> m_products { get; set; } = Enumerable.Empty<ProductItem>();
+        private IList<ProductItem> m_selectedProducts { get; set; } = new List<ProductItem>();
+
+        protected override void OnInitialized()
+        {
+            m_productRepo.ProductsChanged += ProductsFetchComplete;
+            m_searchControl.SearchValueChanged += SearchValueChanged;
+
+            LoadProducts(string.Empty);
+            base.OnInitialized();
+        }
+
+        private void SearchValueChanged(string a_searchKey)
+        {
+            LoadProducts(a_searchKey);
+        }
+
+        public void Dispose()
+        {
+            m_productRepo.ProductsChanged -= ProductsFetchComplete;
+            m_searchControl.SearchValueChanged -= SearchValueChanged;
+        }
+        private void ProductsFetchComplete(object? sender, EventArgs e)
+        {
+            LoadProducts(string.Empty);
+        }
+        private void LoadProducts(string a_productKey)
+        {
+            m_products = m_productRepo.GetProducts(a_productKey);
+            StateHasChanged();
+        }
+        private void OnCellContextMenu(DataGridCellMouseEventArgs<ProductItem> args)
+        {
+            m_selectedProducts = new List<ProductItem>() { args.Data };
+
+            ContextMenuService.Open(args,
+                new List<ContextMenuItem> {
+                new ContextMenuItem(){ Text = "Open", Value = 1 },
+                new ContextMenuItem(){ Text = m_selectedProducts.First().Product!.Status == "INACTIVE" ?
+                "Activate" : "Deactivate", Value = 2},
+                new ContextMenuItem(){ Text = "Change Price", Value = 3},
+                new ContextMenuItem(){ Text = "Add Stock", Value = 4},
+                new ContextMenuItem(){ Text = "View Performance History", Value = 5},
+                },
+            (e) =>
+            {
+                OpenProductDialog(m_selectedProducts.First());
+                Console.WriteLine($"Menu item with Value={e.Value} clicked. Column: {args.Column.Property}, EmployeeID: {args.Data.Product.Pcode}");
+            }
+             );
+        }
+
+        async Task OpenProductDialog(ProductItem a_productItem)
+        {
+            await m_dialogService.OpenAsync<ProductDialog>($"{a_productItem.Product!.ProductName}",
+               new Dictionary<string, object>() { { "Product", a_productItem } },
+               new DialogOptions() { Width = "1020px", Height = "900px", Resizable = false, Draggable = true });
+        }
+    }
+}
diff --git a/Client/Pages/Transactions/Elements/ReceiptDialog.razor b/Client/Pages/Transactions/Elements/ReceiptDialog.razor
new file mode 100644
index 0000000..a39c33f
--- /dev/null
+++ b/Client/Pages/Transactions/Elements/ReceiptDialog.razor
@@ -0,0 +1,95 @@
+@page "/transactions/receipt/{receiptID}"
+@using Biskilog_Accounting.Shared.Interfaces;
+@using Biskilog_Accounting.Shared.POSModels;
+@inject ICalculator m_calculator
+@inject IProduct m_productRepo
+@inject ISalesInterface m_saleInterface
+@inject ICompanyInfo m_companyInfo
+
+<div class="container" style="padding-top:10px;">
+    <div class="row">
+        <div class="row" style="display:grid;justify-content:center;">
+            <small>@(m_companyName)</small>
+        </div>
+        <div class="row" style="display:grid;justify-content:center;">
+            <small>@m_branch?.BranchName</small>
+        </div>
+        <div class="row" style="display:grid;justify-content:center;">
+            <small>@m_branch?.City</small>
+        </div>
+        <div class="row" style="display:grid;justify-content:center;">
+            <small>@m_branch?.BranchTelephone</small>
+        </div>
+        <hr />
+        <div class="row" style="display:block;justify-content:space-between;">
+            <small> <em>Date</em> </small>
+            <small> @m_date </small>
+        </div>
+        <div class="row" style="display:block;justify-content:space-between;">
+            <small> <em>Cashier</em> </small>
+            <small> @m_cashier </small>
+        </div>
+        <div class="row" style="display:block;justify-content:space-between;">
+            <small> <em>Receipt Number</em> </small>
+            <small> <em>@ReceiptId</em> </small>
+        </div>
+        <hr />
+        <RadzenDataGrid TItem="Tblcart" Data="ReceiptDetail" GridLines="DataGridGridLines.Horizontal" Style="padding:0px;">
+            <Columns>
+                <RadzenDataGridColumn TItem="Tblcart" Property="Transno" Title="Item" Width="60%">
+                    <Template Context="detail">
+                        <small>@detail.Id <br />x@(detail.Quantity) @(detail.Unit)</small>
+                    </Template>
+                </RadzenDataGridColumn>
+                <RadzenDataGridColumn TItem="Tblcart" Property="Total" Title="Total" Width="40%">
+                    <Template Context="detail">
+                        <small>@(m_calculator.FormatMoneyWithCurrency((double)detail.Total))</small>
+                    </Template>
+                </RadzenDataGridColumn>
+            </Columns>
+        </RadzenDataGrid>
+        <div class="row" style="display:grid;justify-content:end;">
+            <RadzenStack Orientation="Radzen.Orientation.Horizontal">
+                <small> <em>Sub Total</em> </small>
+                <small> <em>@m_subtotal</em> </small>
+            </RadzenStack>
+        </div>
+        <div class="row" style="display:grid;justify-content:end;">
+            <RadzenStack Orientation="Radzen.Orientation.Horizontal">
+                <small> <em>Discount</em> </small>
+                <small> <em>@m_discount</em> </small>
+            </RadzenStack>
+        </div>
+        <div class="row" style="display:grid;justify-content:end;">
+            <RadzenStack Orientation="Radzen.Orientation.Horizontal">
+                <small> <em>VAT</em> </small>
+                <small> <em>@m_vat</em> </small>
+            </RadzenStack>
+        </div>
+        <hr />
+        <div class="row" style="display:grid;justify-content:end;">
+            <RadzenStack Orientation="Radzen.Orientation.Horizontal">
+                <small> <em>Bill Total</em> </small>
+                <small> <em>@m_total</em> </small>
+            </RadzenStack>
+        </div>
+        <div class="row" style="display:grid;justify-content:end;">
+            <RadzenStack Orientation="Radzen.Orientation.Horizontal">
+                <small> <em>Balance</em> </small>
+                <small> <em>@m_balance</em> </small>
+            </RadzenStack>
+        </div>
+        <div class="row" style="display:grid;justify-content:end;">
+            <RadzenStack Orientation="Radzen.Orientation.Horizontal">
+                <small> <em>Tendered</em> </small>
+                <small> <em>@m_tendered</em> </small>
+            </RadzenStack>
+        </div>
+        <hr />
+        <div class="row" style="display:grid;justify-content:center;">
+            <small style="margin-bottom: 5px;margin-left: 20px"><em>COME BACK SOON !!! CHEERS</em> </small>
+            <div id="barcode">@barcode</div>
+            <div id="barcode_text">@barcode_text</div>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/Client/Pages/Transactions/Elements/ReceiptDialog.razor.cs b/Client/Pages/Transactions/Elements/ReceiptDialog.razor.cs
new file mode 100644
index 0000000..ffd4982
--- /dev/null
+++ b/Client/Pages/Transactions/Elements/ReceiptDialog.razor.cs
@@ -0,0 +1,67 @@
+using Biskilog_Accounting.Shared.POSModels;
+using Microsoft.AspNetCore.Components;
+using Net.ConnectCode.Barcode;
+
+namespace Biskilog_Accounting.Client.Pages.Transactions.Elements
+{
+    public partial class ReceiptDialog
+    {
+        [Parameter]
+        public string ReceiptId { get; set; }
+
+        private IEnumerable<Tblcart> ReceiptDetail { get; set; } = Enumerable.Empty<Tblcart>();
+        string barcode = "";
+        string barcode_text = "";
+        private string m_balance { get; set; }
+        private string m_tendered { get; set; }
+        private string m_total { get; set; }
+        private string m_subtotal { get; set; }
+        private string m_discount { get; set; } = "0.00";
+        private string m_vat { get; set; }
+        private string m_cashier { get; set; }
+        private string m_date { get; set; }
+        private Tblbranch m_branch { get; set; }
+        private string m_companyName { get; set; } = string.Empty;
+        void GenerateBarcode()
+        {
+            BarcodeFonts bcf = new BarcodeFonts();
+            bcf.BarcodeType = BarcodeFonts.BarcodeEnum.Code39;
+            bcf.CheckDigit = BarcodeFonts.YesNoEnum.Yes;
+            bcf.Data = ReceiptId;
+            bcf.encode();
+            barcode = bcf.EncodedData;
+            barcode_text = ReceiptId;
+        }
+        protected override async Task OnParametersSetAsync()
+        {
+            ReceiptDetail = await m_saleInterface.GetReceiptDetail(ReceiptId);
+            SetParams();
+            GenerateBarcode();
+            StateHasChanged();
+            return;
+        }
+        private void SetParams()
+        {
+            if (ReceiptDetail.Count() > 0)
+            {
+                double total = (double)ReceiptDetail.Sum(t => t.Total).Value;
+                double discount = (double)ReceiptDetail.First().Discount.Value;
+                double vat = (double)ReceiptDetail.First().ValueAddTax.Value;
+                double billTotal = (vat + total);
+
+                m_cashier = ReceiptDetail.First().Cashier;
+
+                m_subtotal = m_calculator.FormatMoneyWithCurrency(total);
+                m_tendered = m_calculator.FormatMoneyWithCurrency((double)ReceiptDetail.First().Tendered.Value);
+                m_balance = m_calculator.FormatMoneyWithCurrency((double)ReceiptDetail.First().Balance.Value);
+                m_vat = (vat).ToString("0.00") + "%";
+                m_date = ReceiptDetail.First().Date.Value.ToString("dd MMMM, yyyy HH:mm:ss");
+                m_total = m_calculator.FormatMoneyWithCurrency(billTotal);
+
+                string branchId = ReceiptDetail.First().BranchId;
+                m_branch = m_companyInfo.FetchBranches().ToList().First(t => t.BranchId == branchId);
+                m_companyName = m_companyInfo.GetCompanyName();
+            }
+        }
+    }
+}
diff --git a/Client/Pages/Transactions/Elements/SaleSummary.razor b/Client/Pages/Transactions/Elements/SaleSummary.razor
new file mode 100644
index 0000000..a1e9c60
--- /dev/null
+++ b/Client/Pages/Transactions/Elements/SaleSummary.razor
@@ -0,0 +1,25 @@
+@using Biskilog_Accounting.Shared.Interfaces
+@inject ICalculator m_calculator
+<RadzenCard Style="margin-bottom:10px;">
+    <div class="row" style="margin:8px;display:grid;justify-content:center;">
+        @if (RecentTrans)
+        {
+            <h5>Transaction summary for the past @(TotalNbrTransactions) transactions</h5>
+            
+        }else{
+        <h5>Transaction summary for the period between : @(StartRange.ToString("dd MMM, yyyy")) to @(EndRange.ToString("dd MMM, yyyy"))</h5>
+        }
+    </div>
+    <div class="row" style="margin:8px;">
+        <small>Total number of transactions made during the period : <b>@(TotalNbrTransactions)</b> </small>
+    </div>
+    <div class="row" style="margin:8px;">
+        <small>Total Revenue Generated during the period : <b>@(m_calculator.FormatMoneyWithCurrency(TotalRevenue))</b></small>
+    </div>
+    <div class="row" style="margin:8px;">
+        <small>Total number of cancelled transactions during the period : <b>@(TotalNbrCancelledRevenue)</b> </small>
+    </div>
+    <div class="row" style="margin:8px;">
+        <small>Total Revenue lost to cancelled receipts during the period : <b>@(m_calculator.FormatMoneyWithCurrency(TotalCancelledRevenue))</b></small>
+    </div>
+</RadzenCard>
diff --git a/Client/Pages/Transactions/Elements/SaleSummary.razor.cs b/Client/Pages/Transactions/Elements/SaleSummary.razor.cs
new file mode 100644
index 0000000..cf77f1d
--- /dev/null
+++ b/Client/Pages/Transactions/Elements/SaleSummary.razor.cs
@@ -0,0 +1,24 @@
+using Microsoft.AspNetCore.Components;
+
+namespace Biskilog_Accounting.Client.Pages.Transactions.Elements
+{
+    public partial class SaleSummary
+    {
+        [Parameter]
+        public DateTime StartRange { get; set; }
+        [Parameter]
+        public DateTime EndRange { get; set; }
+        [Parameter]
+        public double TotalRevenue { get; set; }
+        [Parameter]
+        public int TotalNbrTransactions { get; set; }
+        [Parameter]
+        public int TotalNbrCancelledRevenue { get; set; }
+        [Parameter]
+        public string TopSalesMan { get; set; }
+        [Parameter]
+        public double TotalCancelledRevenue { get; set; }
+        [Parameter]
+        public bool RecentTrans { get; set; }
+    }
+}
diff --git a/Client/Pages/Transactions/Sales.razor b/Client/Pages/Transactions/Sales.razor
new file mode 100644
index 0000000..8350585
--- /dev/null
+++ b/Client/Pages/Transactions/Sales.razor
@@ -0,0 +1,77 @@
+@page "/transactions/sales"
+@using Biskilog_Accounting.Shared.CustomModels;
+@using Biskilog_Accounting.Shared.Interfaces;
+@using Biskilog_Accounting.Client.Pages.Transactions.Elements;
+@using BlazorDateRangePicker
+@using Faso.Blazor.SpinKit
+@inject ICalculator m_calculator
+@inject ISalesInterface m_salesRepo
+@inject ContextMenuService ContextMenuService
+@inject DialogService m_dialogService
+@inject ISearchService m_searchControl
+@implements IDisposable
+@inject IMainInterface m_mainInterface
+
+<h3>Sales</h3>
+<div class="row" style="display:grid;justify-content:end;margin:5px;">
+    <DateRangePicker @bind-StartDate="m_startDate" @bind-EndDate="m_endDate" Ranges="m_ranges" ShowCustomRangeLabel="true" OnRangeSelect="@LoadTransactions">
+        <PickerTemplate>
+            <div id="@context.Id" @onclick="context.Toggle" style="background: #fff; cursor: pointer; padding: 5px 10px; width: 250px; border: 1px solid #ccc;">
+                <i class="tf-icons bx bx-calendar"></i>&nbsp;
+                <span>@context.FormattedRange @(string.IsNullOrEmpty(context.FormattedRange) ? "Choose dates..." : "")</span>
+                <i class="oi oi-chevron-bottom float-right"></i>
+            </div>
+        </PickerTemplate>
+        <ButtonsTemplate>
+            <button class="cancelBtn btn btn-sm btn-default"
+                    @onclick="@context.ClickCancel" type="button">
+                Cancel
+            </button>
+            <button class="cancelBtn btn btn-sm btn-default"
+                    @onclick="@(e => ResetClick(e, context))" type="button">
+                Reset
+            </button>
+            <button class="applyBtn btn btn-sm btn-primary" @onclick="@context.ClickApply"
+                    disabled="@(context.TStartDate == null || context.TEndDate == null)"
+                    type="button">
+                Apply
+            </button>
+        </ButtonsTemplate>
+    </DateRangePicker>
+</div>
+@if (!m_lookUpMode)
+{
+    <SaleSummary StartRange="m_startDate.Value.LocalDateTime" EndRange="m_endDate.Value.LocalDateTime" 
+    TotalRevenue="m_totalRevenue" TotalNbrTransactions="m_totalNbrRevenue" TotalCancelledRevenue="m_totalCancelledRevenue" 
+    TotalNbrCancelledRevenue="m_totalNbrCancelled" RecentTrans="m_recent"/>
+}
+<RadzenDataGrid AllowPaging="true" PageSize="50" AllowSorting="true" Data="@m_salesItems" TItem="SaleItem"
+                GridLines="DataGridGridLines.Horizontal" RowClick="@(args => m_mainInterface.ShowReceipt(args.Data.Transno))">
+    <Columns>
+        <RadzenDataGridColumn TItem="SaleItem" Property="Transno" Title="Transaction ID" />
+        <RadzenDataGridColumn TItem="SaleItem" Property="Date" Title="Timestamp" />
+        <RadzenDataGridColumn TItem="SaleItem" Property="Cashier" Title="Cashier" />
+        <RadzenDataGridColumn TItem="SaleItem" Property="Customer" Title="Customer" />
+        <RadzenDataGridColumn TItem="SaleItem" Property="Status" Title="Status" Width="10%" />
+        <RadzenDataGridColumn TItem="SaleItem" Property="Total" Title="Total">
+            <Template Context="detail">
+                @(
+                    m_calculator.FormatMoneyWithCurrency((double)detail.Total)
+                    )
+            </Template>
+        </RadzenDataGridColumn>
+        <RadzenDataGridColumn TItem="SaleItem" Property="BranchId" Title="Branch" Resizable Reorderable />
+    </Columns>
+</RadzenDataGrid>
+
+@if (m_fetching)
+{
+    <div id="loading-div-background">
+        <div id="loading-div" class="ui-corner-all">
+            <div class="spinnermain-container">
+                <SpinKitChasingDots />
+            </div>
+            <h6 style="color:#fff;font-weight:normal;">Please wait fetching transaction details....</h6>
+        </div>
+    </div>
+}
\ No newline at end of file
diff --git a/Client/Pages/Transactions/Sales.razor.cs b/Client/Pages/Transactions/Sales.razor.cs
new file mode 100644
index 0000000..e011082
--- /dev/null
+++ b/Client/Pages/Transactions/Sales.razor.cs
@@ -0,0 +1,102 @@
+using Biskilog_Accounting.Client.Pages.Product;
+using Biskilog_Accounting.Shared.CustomModels;
+using BlazorDateRangePicker;
+using Microsoft.AspNetCore.Components.Web;
+
+namespace Biskilog_Accounting.Client.Pages.Transactions
+{
+    public partial class Sales
+    {
+        private IEnumerable<SaleItem> m_salesItems { get; set; } = Enumerable.Empty<SaleItem>();
+        private DateTimeOffset? m_startDate { get; set; } = DateTimeOffset.Now;
+        private DateTimeOffset? m_endDate { get; set; } = DateTimeOffset.Now;
+        private Dictionary<string, DateRange> m_ranges = new Dictionary<string, DateRange>();
+        private double m_totalRevenue { get; set; }
+        private double m_totalCancelledRevenue { get; set; }
+        private int m_totalNbrRevenue { get; set; }
+        private int m_totalNbrCancelled { get; set; }
+        private bool m_lookUpMode { get; set; }
+        private bool m_fetching { get; set; }
+        private bool m_recent { get; set; }
+
+        protected override void OnInitialized()
+        {
+            PopulateRange();
+            m_salesRepo.TransactionsChanged += TransactionsChanged;
+            m_searchControl.SearchValueChanged += SearchValueChanged;
+            m_salesRepo.FetchStart += FetchStart;
+            m_salesRepo.FetchComplete += FetchComplete;
+
+            m_salesItems = m_salesRepo.GetRecentTransaction();
+            SetParams();
+            m_recent = true;
+            base.OnInitialized();
+        }
+
+        private void FetchComplete(object? sender, EventArgs e)
+        {
+            m_fetching = false;
+            StateHasChanged();
+        }
+
+        private void FetchStart(object? sender, EventArgs e)
+        {
+            m_fetching = true;
+            StateHasChanged();
+        }
+
+        void ResetClick(MouseEventArgs e, DateRangePicker picker)
+        {
+            m_startDate = DateTimeOffset.UtcNow;
+            m_endDate = DateTimeOffset.UtcNow;
+            // Close the picker
+            picker.Close();
+            // Fire OnRangeSelectEvent
+            picker.OnRangeSelect.InvokeAsync(new DateRange());
+        }
+        private void PopulateRange()
+        {
+            m_ranges.Clear();
+            m_ranges.Add("Today", new DateRange() { Start = DateTime.Now, End = DateTime.Now.AddDays(1) });
+            m_ranges.Add("Yesterday", new DateRange() { Start = DateTime.Now.AddDays(-1), End = DateTime.Now });
+            m_ranges.Add("Last 7 Days", new DateRange() { Start = DateTime.Now.AddDays(-7), End = DateTime.Now });
+            m_ranges.Add("Last 30 Days", new DateRange() { Start = DateTime.Now.AddDays(-30), End = DateTime.Now });
+        }
+        private void TransactionsChanged(object? sender, EventArgs e)
+        {
+            m_salesItems = m_salesRepo.GetTransactions(m_startDate.Value.Date, m_endDate.Value.Date);
+            SetParams();
+            StateHasChanged();
+        }
+
+        private void SearchValueChanged(string a_searchKey)
+        {
+            m_salesRepo.FetchReceipt(a_searchKey);
+            m_lookUpMode = !string.IsNullOrEmpty(a_searchKey);
+        }
+
+        public void Dispose()
+        {
+            m_salesRepo.TransactionsChanged -= TransactionsChanged;
+            m_searchControl.SearchValueChanged -= SearchValueChanged;
+            m_salesRepo.FetchStart -= FetchStart;
+            m_salesRepo.FetchComplete -= FetchComplete;
+        }
+        private void SetParams()
+        {
+            m_totalRevenue = (double)m_salesItems.Where(c => c.Status == "SOLD").Sum(t => t.Total).Value;
+            m_totalNbrRevenue = m_salesItems.Where(c => c.Status == "SOLD").Count();
+            m_totalNbrCancelled = m_salesItems.Where(c => c.Status != "SOLD").Count();
+            m_totalCancelledRevenue = (double)m_salesItems.Where(c => c.Status != "SOLD").Sum(t => t.Total).Value;
+            m_recent = false;
+        }
+        private void LoadTransactions()
+        {
+            m_searchControl.SearchValueChanged -= SearchValueChanged;
+            m_searchControl.Clear();
+            m_lookUpMode = false;
+            m_salesRepo.FetchTransaction(m_startDate.Value.Date, m_endDate.Value.Date);
+            m_searchControl.SearchValueChanged += SearchValueChanged;
+        }
+    }
+}
diff --git a/Client/Program.cs b/Client/Program.cs
index 5109c32..42a46f7 100644
--- a/Client/Program.cs
+++ b/Client/Program.cs
@@ -1,12 +1,16 @@
 using Biskilog_Accounting.Client;
+using Biskilog_Accounting.Client.Repos;
 using Biskilog_Accounting.ServiceRepo;
+using Biskilog_Accounting.Shared.CustomModels;
 using Biskilog_Accounting.Shared.Interfaces;
 using Biskilog_Accounting.Shared.ServiceRepo;
+using BlazorDateRangePicker;
 using Blazored.LocalStorage;
 using Blazored.SessionStorage;
 using Microsoft.AspNetCore.Components.Web;
 using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
 using Microsoft.Fast.Components.FluentUI;
+using Radzen;
 
 var builder = WebAssemblyHostBuilder.CreateDefault(args);
 builder.RootComponents.Add<App>("#app");
@@ -18,14 +22,27 @@ builder.Services.AddHttpClient("Biskilog_Accounting.ServerAPI", client => client
 builder.Services.AddScoped(sp => sp.GetRequiredService<IHttpClientFactory>().CreateClient("Biskilog_Accounting.ServerAPI"));
 builder.Services.AddBlazoredLocalStorageAsSingleton();
 builder.Services.AddBlazoredSessionStorageAsSingleton();
-
+builder.Services.AddScoped<ISearchService,SearchService>();
+builder.Services.AddScoped<DialogService>();
+builder.Services.AddScoped<ContextMenuService>();
 builder.Services.AddScoped<ICalculator, CalculatorService>();
 builder.Services.AddScoped<ITokenService, TokenService>();
+builder.Services.AddScoped<IProduct, ProductRepository>();
+builder.Services.AddScoped<ISalesInterface, SalesRepository>();
+builder.Services.AddScoped<IMainInterface, MainInterfaceService>();
+builder.Services.AddScoped<ICompanyInfo, MainInterfaceService>();
 builder.Services.AddFluentUIComponents(options =>
 {
     options.HostingModel = BlazorHostingModel.WebAssembly;
     options.IconConfiguration = ConfigurationGenerator.GetIconConfiguration();
     options.EmojiConfiguration = ConfigurationGenerator.GetEmojiConfiguration();
 });
+builder.Services.AddDateRangePicker(config =>
+{
+    config.Attributes = new Dictionary<string, object>
+                {
+                    { "class", "form-control form-control-sm" }
+                };
+});
 
 await builder.Build().RunAsync();
diff --git a/Client/Repos/MainInterfaceService.cs b/Client/Repos/MainInterfaceService.cs
new file mode 100644
index 0000000..ba25f6f
--- /dev/null
+++ b/Client/Repos/MainInterfaceService.cs
@@ -0,0 +1,98 @@
+using Biskilog_Accounting.Client.Pages.Transactions.Elements;
+using Biskilog_Accounting.Shared.CustomModels;
+using Biskilog_Accounting.Shared.Interfaces;
+using Biskilog_Accounting.Shared.POSModels;
+using Radzen;
+using System.Text.Json;
+
+namespace Biskilog_Accounting.Client.Repos
+{
+    public class MainInterfaceService : IMainInterface, ICompanyInfo
+    {
+        private readonly HttpClient m_http;
+        private readonly DialogService m_dialogService;
+        private DateTime m_currentTradeDate;
+        private DateTime m_previousTradeDate;
+        private IEnumerable<Tblbranch> m_branches;
+        private Tblcompanydetail m_info;
+
+        public MainInterfaceService(DialogService a_dialogService, HttpClient http)
+        {
+            m_dialogService = a_dialogService;
+            m_currentTradeDate = new DateTime(2023, 05, 01);
+            m_previousTradeDate = new DateTime(2023, 04, 01);
+            m_http = http;
+            
+        }
+
+        async Task OpenReceiptDialog(string a_receiptId)
+        {
+            await m_dialogService.OpenSideAsync<ReceiptDialog>("Receipt",
+                new Dictionary<string, object>() { { "ReceiptId", a_receiptId } },
+                options: new SideDialogOptions
+                {
+                    CloseDialogOnOverlayClick = true,
+                    Position = DialogPosition.Right,
+                    ShowMask = true,
+                    ShowTitle = false,
+                });
+        }
+        public void ShowReceipt(string a_receiptId)
+        {
+            OpenReceiptDialog(a_receiptId);
+        }
+
+        public DateOnly CurrentTradeDate()
+        {
+            return DateOnly.FromDateTime(m_currentTradeDate);
+        }
+
+        public DateOnly PreviousTradeDate()
+        {
+            return DateOnly.FromDateTime(m_previousTradeDate);
+        }
+
+        public IEnumerable<Tblbranch> FetchBranches()
+        {
+            return m_branches;
+        }
+
+        public async Task<Tblcompanydetail> GetCompanyInfoAsync()
+        {
+            var response = await m_http.GetAsync($"api/companyinfo/info");
+            if (response.IsSuccessStatusCode)
+            {
+                var jsonContent = await response.Content.ReadAsStringAsync();
+                var options = new JsonSerializerOptions { PropertyNameCaseInsensitive = true };
+                var recent = JsonSerializer.Deserialize<Tblcompanydetail>(jsonContent, options);
+                m_info = recent;
+                return recent;
+            }
+            return null;
+        }
+
+        public async Task<IEnumerable<Tblbranch>> GetBranches()
+        {
+            var response = await m_http.GetAsync($"api/companyinfo/branches");
+            if (response.IsSuccessStatusCode)
+            {
+                var jsonContent = await response.Content.ReadAsStringAsync();
+                var options = new JsonSerializerOptions { PropertyNameCaseInsensitive = true };
+                var recent = JsonSerializer.Deserialize<IEnumerable<Tblbranch>>(jsonContent, options);
+                m_branches = recent;
+                return recent;
+            }
+            return null;
+        }
+
+        public string GetCompanyName()
+        {
+            return m_info.CompanyName;
+        }
+
+        public string GetBranchName(string a_branchId)
+        {
+            return m_branches.First(b => b.BranchId == a_branchId).BranchName;
+        }
+    }
+}
diff --git a/Client/Repos/ProductRepository.cs b/Client/Repos/ProductRepository.cs
new file mode 100644
index 0000000..e50f213
--- /dev/null
+++ b/Client/Repos/ProductRepository.cs
@@ -0,0 +1,143 @@
+using Biskilog_Accounting.Shared.CustomModels;
+using Biskilog_Accounting.Shared.Interfaces;
+using System.Text.Json;
+using Biskilog_Accounting.Shared.POSModels;
+using System.Text.RegularExpressions;
+
+namespace Biskilog_Accounting.Client.Repos
+{
+    public class ProductRepository : IProduct
+    {
+        private IEnumerable<ProductItem> m_products;
+        private IEnumerable<Unitofmeasure> m_units;
+        private IEnumerable<Tblbrand> m_brands;
+        private IEnumerable<Tblcategory> m_categories;
+        private readonly HttpClient m_http;
+
+        public event EventHandler ProductsChanged;
+        public event EventHandler UnitsChanged;
+        public event EventHandler BrandsChanged;
+        public event EventHandler CategoriesChanged;
+
+        public ProductRepository(HttpClient a_http)
+        {
+            m_products = new List<ProductItem>();
+            m_units = new List<Unitofmeasure>();
+            m_brands = new List<Tblbrand>();
+            m_categories = new List<Tblcategory>();
+            m_http = a_http;
+        }
+        public async Task FetchProducts()
+        {
+            var response = await m_http.GetAsync($"api/products/fetch");
+            if (response.IsSuccessStatusCode)
+            {
+                var jsonContent = await response.Content.ReadAsStringAsync();
+                var options = new JsonSerializerOptions { PropertyNameCaseInsensitive = true };
+                var products = JsonSerializer.Deserialize<List<ProductItem>>(jsonContent, options);
+                m_products = products;
+                ProductsChanged?.Invoke(this, EventArgs.Empty);
+            }
+        }
+
+        public ProductItem GetProductById(string a_id)
+        {
+            if (m_products.Count() > 0)
+            {
+                return m_products.First(i => i.Product.Pcode == a_id);
+            }
+            return null;
+        }
+
+        public ProductItem GetProductByName(string name)
+        {
+            throw new NotImplementedException();
+        }
+
+        public IEnumerable<ProductItem> GetProducts(string a_productKey)
+        {
+            a_productKey = Regex.Replace(a_productKey, @"\s", "").ToLower();
+            return m_products.Where(p => Regex.Replace(p.Product!.ProductName!, @"\s", "").ToLower().StartsWith(a_productKey) ||
+            Regex.Replace(p.Product!.Pcode!, @"\s", "").ToLower().StartsWith(a_productKey) ||
+            Regex.Replace(p.Product!.Pdesc!, @"\s", "").ToLower().StartsWith(a_productKey));
+        }
+
+        public void RefreshList()
+        {
+            throw new NotImplementedException();
+        }
+
+        public IEnumerable<Unitofmeasure> GetUnitofmeasures()
+        {
+            return m_units;
+        }
+
+        public async Task FetchUnits()
+        {
+            var response = await m_http.GetAsync($"api/products/units");
+            if (response.IsSuccessStatusCode)
+            {
+                var jsonContent = await response.Content.ReadAsStringAsync();
+                var options = new JsonSerializerOptions { PropertyNameCaseInsensitive = true };
+                var units = JsonSerializer.Deserialize<List<Unitofmeasure>>(jsonContent, options);
+                m_units = units;
+                UnitsChanged?.Invoke(this, EventArgs.Empty);
+            }
+        }
+
+        public string GetUnitName(string a_unitCode)
+        {
+            return m_units?.FirstOrDefault(u => u.UnitCode == a_unitCode)?.Unitname;
+        }
+
+        public IEnumerable<Tblbrand> GetBrands(string a_brandKey = "")
+        {
+            a_brandKey = Regex.Replace(a_brandKey, @"\s", "").ToLower();
+            return m_brands.Where(b => Regex.Replace(b.Id, @"\s", "").ToLower().StartsWith(a_brandKey) ||
+            Regex.Replace(b.Brand!, @"\s", "").ToLower().StartsWith(a_brandKey));
+        }
+
+        public IEnumerable<Tblcategory> GetCategories(string a_categoryKey = "")
+        {
+            a_categoryKey = Regex.Replace(a_categoryKey, @"\s", "").ToLower();
+            return m_categories.Where(c => Regex.Replace(c.Id, @"\s", "").ToLower().StartsWith(a_categoryKey) ||
+            Regex.Replace(c.Category!, @"\s", "").ToLower().StartsWith(a_categoryKey));
+        }
+
+        public async Task FetchBrands()
+        {
+            var response = await m_http.GetAsync($"api/products/brands");
+            if (response.IsSuccessStatusCode)
+            {
+                var jsonContent = await response.Content.ReadAsStringAsync();
+                var options = new JsonSerializerOptions { PropertyNameCaseInsensitive = true };
+                var brands = JsonSerializer.Deserialize<List<Tblbrand>>(jsonContent, options);
+                m_brands = brands;
+                BrandsChanged?.Invoke(this, EventArgs.Empty);
+            }
+        }
+
+        public async Task FetchCategories()
+        {
+            var response = await m_http.GetAsync($"api/products/categories");
+            if (response.IsSuccessStatusCode)
+            {
+                var jsonContent = await response.Content.ReadAsStringAsync();
+                var options = new JsonSerializerOptions { PropertyNameCaseInsensitive = true };
+                var categories = JsonSerializer.Deserialize<List<Tblcategory>>(jsonContent, options);
+                m_categories = categories;
+                CategoriesChanged?.Invoke(this, EventArgs.Empty);
+            }
+        }
+
+        public IEnumerable<ProductItem> GetLowstockItems()
+        {
+            throw new NotImplementedException();
+        }
+
+        public Task FetchLowStockProducts()
+        {
+            throw new NotImplementedException();
+        }
+    }
+}
diff --git a/Client/Repos/SalesRepository.cs b/Client/Repos/SalesRepository.cs
new file mode 100644
index 0000000..b9e4521
--- /dev/null
+++ b/Client/Repos/SalesRepository.cs
@@ -0,0 +1,98 @@
+using Biskilog_Accounting.Shared.CustomModels;
+using Biskilog_Accounting.Shared.Interfaces;
+using Biskilog_Accounting.Shared.POSModels;
+using System.Text.Json;
+
+namespace Biskilog_Accounting.Client.Repos
+{
+    public class SalesRepository : ISalesInterface
+    {
+        private IEnumerable<SaleItem> m_transactions;
+        private IEnumerable<SaleItem> m_recentTransactions;
+        private readonly HttpClient m_http;
+
+        public event EventHandler TransactionsChanged;
+        public event EventHandler FetchComplete;
+        public event EventHandler FetchStart;
+
+        public SalesRepository(HttpClient a_http)
+        {
+            m_recentTransactions = m_transactions = new List<SaleItem>();
+            m_http = a_http;
+        }
+
+        public async Task FetchRecentTransaction(int a_limit)
+        {
+            FetchStart?.Invoke(this, EventArgs.Empty);
+            var response = await m_http.GetAsync($"api/analytics/sales/recent/{a_limit}");
+            if (response.IsSuccessStatusCode)
+            {
+                var jsonContent = await response.Content.ReadAsStringAsync();
+                var options = new JsonSerializerOptions { PropertyNameCaseInsensitive = true };
+                var recent = JsonSerializer.Deserialize<List<SaleItem>>(jsonContent, options);
+                m_recentTransactions = recent;
+            }
+            FetchComplete?.Invoke(this, EventArgs.Empty);
+        }
+
+        public async Task FetchTransaction(DateTime a_start, DateTime a_end)
+        {
+            FetchStart?.Invoke(this, EventArgs.Empty);
+            string start = a_start.ToString("yyyy-MM-dd");
+            string end = a_end.ToString("yyyy-MM-dd");
+            var response = await m_http.GetAsync($"api/sales/transactions/{start}/{end}");
+            if (response.IsSuccessStatusCode)
+            {
+                var jsonContent = await response.Content.ReadAsStringAsync();
+                var options = new JsonSerializerOptions { PropertyNameCaseInsensitive = true };
+                var recent = JsonSerializer.Deserialize<List<SaleItem>>(jsonContent, options);
+                m_transactions = recent;
+                TransactionsChanged?.Invoke(this, new EventArgs());
+            }
+            FetchComplete?.Invoke(this, EventArgs.Empty);
+        }
+
+        public IEnumerable<SaleItem> GetTransactions(DateTime a_start, DateTime a_end)
+        {
+            return m_transactions;
+        }
+
+        public IEnumerable<SaleItem> GetRecentTransaction()
+        {
+            return m_recentTransactions;
+        }
+
+        public async Task FetchReceipt(string a_receiptId)
+        {
+            FetchStart?.Invoke(this, EventArgs.Empty);
+            var response = await m_http.GetAsync($"api/sales/transactions/lookup/{a_receiptId}");
+            if (response.IsSuccessStatusCode)
+            {
+                var jsonContent = await response.Content.ReadAsStringAsync();
+                var options = new JsonSerializerOptions { PropertyNameCaseInsensitive = true };
+                var recent = JsonSerializer.Deserialize<List<SaleItem>>(jsonContent, options);
+                m_transactions = recent;
+                TransactionsChanged?.Invoke(this, new EventArgs());
+            }
+            FetchComplete?.Invoke(this, EventArgs.Empty);
+        }
+
+        public IEnumerable<SaleItem> GetReceipt(string a_receiptId)
+        {
+            throw new NotImplementedException();
+        }
+
+        public async Task<IEnumerable<Tblcart>> GetReceiptDetail(string a_receiptId)
+        {
+            var response = await m_http.GetAsync($"api/sales/receipt/lookup/{a_receiptId}");
+            if (response.IsSuccessStatusCode)
+            {
+                var jsonContent = await response.Content.ReadAsStringAsync();
+                var options = new JsonSerializerOptions { PropertyNameCaseInsensitive = true };
+                var recent = JsonSerializer.Deserialize<List<Tblcart>>(jsonContent, options);
+                return recent;
+            }
+            return null;
+        }
+    }
+}
diff --git a/Client/_Imports.razor b/Client/_Imports.razor
index 80ed857..bd03fc7 100644
--- a/Client/_Imports.razor
+++ b/Client/_Imports.razor
@@ -8,3 +8,5 @@
 @using ApexCharts;
 @using Radzen
 @using Radzen.Blazor
+@using BlazorDateRangePicker
+@using Faso.Blazor.SpinKit
diff --git a/Client/wwwroot/assets/img/box.png b/Client/wwwroot/assets/img/box.png
new file mode 100644
index 0000000000000000000000000000000000000000..f53025111477ea4973d1f78af6054a7a079c5ae2
GIT binary patch
literal 19727
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

literal 0
HcmV?d00001

diff --git a/Client/wwwroot/assets/vendor/css/core.css b/Client/wwwroot/assets/vendor/css/core.css
index 3623e20..726c4a5 100644
--- a/Client/wwwroot/assets/vendor/css/core.css
+++ b/Client/wwwroot/assets/vendor/css/core.css
@@ -17783,7 +17783,7 @@ html:not(.layout-footer-fixed) .content-wrapper {
         width: 6px;
     }
 
-    .layout-page::-webkit-scrollbar-thumb {
+    .layout-page::-webkit-scrollbar-thumb .rz-dialog-side-position-right::-webkit-scrollbar-thumb {
         background-image: linear-gradient(to bottom right,rgb(10,10,56),rgb(20, 158, 132));
         border-radius: 3px;
     }
@@ -17802,3 +17802,6 @@ html:not(.layout-footer-fixed) .content-wrapper {
     overflow-y: auto;
     height: 100vh;
 }
+.container-p-y:not([class^=pt-]):not([class*=" pt-"]) {
+    padding-top: 0.5rem !important;
+}
\ No newline at end of file
diff --git a/Client/wwwroot/css/app.css b/Client/wwwroot/css/app.css
index fd8dc3c..e7a2696 100644
--- a/Client/wwwroot/css/app.css
+++ b/Client/wwwroot/css/app.css
@@ -141,3 +141,154 @@ h1:focus {
     text-align: center;
     margin-top: 1rem;
 }
+
+.rz-dialog-titlebar {
+    padding: 10px !important;
+    background-image: linear-gradient(to bottom right,rgb(10,10,56,1.16),rgb(20, 158, 132,1.16)) !important;
+    color: white !important;
+}
+
+#loading-div {
+    width: 300px;
+    height: 200px;
+    text-align: center;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    margin-left: -150px;
+    margin-top: -100px;
+    color: #ffff !important;
+    z-index: 9999;
+}
+#loading-div-background {
+    width: 100%;
+    height: 100%;
+    background-color: white;
+    text-align: center;
+    position: absolute;
+    top: 0;
+    left: 0;
+    background-color: rgba(0, 0, 0, 0.5); /* Adjust the opacity as desired */
+    z-index: 9999;
+}
+
+.sk-chase-dot:before {
+    content: '';
+    display: block;
+    width: 25%;
+    height: 25%;
+    background-color: #fff;
+    border-radius: 100%;
+    animation: sk-chase-dot-before 2.0s infinite ease-in-out both;
+}
+
+.notification-ui a:after {
+    display: none;
+}
+
+.notification-ui_icon {
+    position: relative;
+}
+
+    .notification-ui_icon .unread-notification {
+        display: inline-block;
+        height: 7px;
+        width: 7px;
+        border-radius: 7px;
+        background-color: #66bb6a;
+        position: absolute;
+        top: 7px;
+        left: 12px;
+    }
+
+@media (min-width: 900px) {
+    .notification-ui_icon .unread-notification {
+        left: 20px;
+    }
+}
+
+.notification-ui_dd {
+    padding: 0;
+    border-radius: 10px;
+    box-shadow: 0 5px 20px -3px rgba(0, 0, 0, 0.16);
+    border: 0;
+    max-width: 400px;
+}
+
+@media (min-width: 900px) {
+    .notification-ui_dd {
+        min-width: 400px;
+        position: absolute;
+        left: -192px;
+        top: 70px;
+    }
+}
+
+.notification-ui_dd:after {
+    content: "";
+    position: absolute;
+    top: -30px;
+    left: calc(50% - 7px);
+    border-top: 15px solid transparent;
+    border-right: 15px solid transparent;
+    border-bottom: 15px solid #fff;
+    border-left: 15px solid transparent;
+}
+
+.notification-ui_dd .notification-ui_dd-header {
+    border-bottom: 1px solid #ddd;
+    padding: 15px;
+}
+
+    .notification-ui_dd .notification-ui_dd-header h3 {
+        margin-bottom: 0;
+    }
+
+.notification-ui_dd .notification-ui_dd-content {
+    max-height: 550px;
+    overflow: auto;
+}
+
+.notification-list {
+    display: flex;
+    justify-content: space-between;
+    padding: 20px 25px;
+    border-bottom: 1px solid #ddd;
+}
+
+.notification-list--unread {
+    position: relative;
+    background: #f4f8fa;
+}
+
+    .notification-list--unread:before {
+        content: "";
+        position: absolute;
+        top: 0;
+        left: 0;
+        height: calc(100% + 1px);
+        border-left: 2px solid #007bff;
+    }
+
+.notification-list .notification-list_img img {
+    height: 42px;
+    width: 42px;
+    border-radius: 50px;
+    margin-right: 20px;
+}
+
+.notification-list .notification-list_detail {
+    margin-right: auto;
+    max-width: 200px;
+}
+
+    .notification-list .notification-list_detail p {
+        margin-bottom: 5px;
+        line-height: 1.2;
+    }
+
+    .notification-list .notification-list_detail .nt-link {
+        border-left: 3px solid #007bff;
+        line-height: 1.3;
+        padding-left: 10px;
+    }
diff --git a/Client/wwwroot/fonts/CCode39.woff b/Client/wwwroot/fonts/CCode39.woff
new file mode 100644
index 0000000000000000000000000000000000000000..a5e5255aff78020f3bfef75f7b7a3ec217c82038
GIT binary patch
literal 2464
zcmY*aXH-+m7Cs>%!2lr|qyz#%nnLIzTnr*rs(>QBBsWNrDj*_72!cv)7D`YsqHysN
z6$wRx3SOc>q$w8=lwK8)qF6%S3Gc^SZ?E;u%=fK5YoEQ(%%1a(R#pH60Bu(Vfa1?u
zWB=v+_5YjWNiAIffLMU42?$c)CC5@q7&#Ku(m>7v00AXf(ymxaYz!V;^Zk%J5Jw0F
zL<WX|niJ?N03sUhK{E&>M}vEzE}##32NHlnVCaPaQ1b_I5CD`zsU5b2pwncK!;3+m
zLwx*7jP(ivMNsPlxdaF$=w0Y)P*_YHs4ak8A4F^QjG$;}1O@a%;6YB}<Bj3J*TTqg
zU|d8B$nks#m;jaG<gnAARsnunCK%fU&8p`_MnuPebs>O0-XKy09HFL>QK!MZyRL$q
zA6G(_n?#GFQAlK8jv<wLok|TBJ1Gf;nv10cw04tTu4X~@YAZ(5%DFyLC_p-7<d1Ey
z3N`;s(mZeiDIx;IzCv~bakO^@1}Fg?wB>D&D3slCJCyLoHE*abHuoRFCWt{r6@5nJ
zZ9uCh#0=lRrkp_JdC~iMDe33m?oKx~H=5lfH+(NHVkDYP)UF}B8K!1pn)Vhe`*o(2
ztPA%!TqgXnCjRiFiueKNduG?M=SCjcWF11`S~eE+NUyHyVD2^b6xVMB*Ynbq!&mN(
zPL*6xL>Wz8>MqnzKzSzcMBYof%{@qTT`X(E+W2jFL~PC#M0f@mlLrc~tsF?kE`vn?
z#Q6h4h(E^BeDaNtztl#jvkeI|aBGP|4RvvK#zM^r!vd$$qx*@XCIfXA-%!@ULEe!!
zD)oFcFOv#$n8TfVUpNcv^_Y~9Ju_ij5>vuOTfgil7|D3VkF{1CJZ<RI7n|0{hS8x9
zM9&W_mijxJz_W~&;-2NS41J04>dI_hBT0UB#l%$3uOE<7bH=^LP2r*+XB2U0SM7(j
z(zy1d=UQ6jPpyhtgFDPCUZ|@Xt5ISsDKbGDUHG-3rQ&PL$C4ZT+a`Ky^$l(!Y$dB*
zU{cej9_HrRYHNoj%1J~W7!5o7=c=Q<g@=oc$Y&z<fpZZ#N1ui<{#gF>p735({iYuX
zrKOM=um}(U3J8H`9|Z{Vcz{?OZM@`J#NbhJ_Qw(T<H6=3metU6PA&>?wfz=mxZ~C$
zzs2zB&2~JPYq6Bg`3fH7iue}PNj0rPQHG0=(j|2y<T9GQ69ZNEXE1EbvyNw$GTOed
z=f_O}1D@R0mk#(Ay4@($OxRZpSV`>6lbM)ag8DBT9ek{xram&7s^N|38^u1~yq)3~
zzZL_0`jF%J{CV;Q;iFKHqSK+FAd16C(16v+k*h(9cXGJDOy6>RakJzyv#T4~s`FzX
zC+<%+PPT1NM06%&>C8sU(Yq=&&SzwT3$X~arptTgy{ucsN>#?WYr`21UNQ}=Xgja6
zCzZifquFgX8u6iZnkuthzDUjO-*c%6hvC7By~t>XczS}$xeFWX&Nmy~eJ(aCvqm{?
zy!^8_w(-3%mb7>MOZrO5TcgGCJJZhJvwaE5y}lLN;Y0e-q8{Od6Sv0ORh@`gf`@mP
zkaaoO$;H)*O6Ah0`bvzvgqu$;N3O6Q4Wa)fVm{<nPn9^AWmvj0J{xv7$TjFwCK;Xk
zbhk6PURJn*vrT2mxjM4_+KC3pGR58-%OwiEuy;w}o#-sh@%vN7-d5cFbG+0nOo1%9
zuI7ci(+`bNd;PQekE)}R<u#^dv*;yT<)r-2)y1ZUDkC>nmshC<c7&lTruXKGX{M_Y
zZ(7{*e$-og$=6O*m6~|@B=_VF*B1E+apglfqvO5~>wyd<6+7wLBdquycMk?r;Rc4)
zf(d4|*t`yi7^<K3Op5m;RM&XC?(g^IIJ?;}>SVL@jkK)&8L_`wkD5$ptV?&s$Igb{
zUU6nMeqZbwbEns*h8*m;M%&xeE|1Yu{mO0*Tc9aQxb@0$brOEhH(xX!rq{mBi*@~y
zUM`6X%=_^MyUdXrJKnCReK9EpcM`ug^J+6X^}x3{<=zLHxP(tRD{5l_Vo7q#d3Duc
z3zKs=OAJP2ur}?moNHD`?FPkl==NgUI<pJ67~MH?>^iY^_19{h+X1#cH$+$E<_O!U
zV3a*j&wgDgdW1&F3-6TMM-f}!n=bQ-+(LiobR9ERd8VcM`&j0ShWT84=^Tp2ZsMj+
z$y<ApE5JJh-XrOfE@S&KKQZDaAOq$1b>M~NjTHX;uYa-v0Pqe$={tP~4uG!;-}t@Q
zKSf{;N{Z5fdc%+#5cwrY*^VC11|ZL*q>9C~UqK%c(B0I<B$6k}@)M9LrE4YGQH3gt
zk73HLUnIukqoRN|)&1aO@;?g)#vry3rht+_zQ8s#6gmvEf;|z$3uX)cga^O}5JwSp
zLb5`cLf>}z@9IMmk=4TD!l}Y5BAz0zL=TGIL7`Cbs5!9{Vr^(Obn$NZ?x@`#_So)W
z?&PTjc2L2cQ2eZSUQIBaZ2mHiR#nKc?QlY;_coX?U0MdKVB+Ul4uAgjwy7Xy(riCW
za^<dr*56VxHiHswN2qxdUH8$qyIHD>6%v^;dNXrndeMdUQIJnHD&nr}-MxF&L-oAA
zN;E5bw<{1QbvI=uk?M`@r<TkovDhX|U6I}-{M%PTtNFz$zw66Ab*l;w`dr?(d(HSv
z?$LZljV$@eiWEGxspMU?P4J%1)@nbuRu&1JU-F5&@>^PIuqNX%URt`l;WH-8=jEfl
zA97SjdXSu+yTW<{roJXCmjj4-h#ET1MChlnpZ~`OM<1TihUYD21O0GpqoOhs$&K&R
zqWO<Zdpu=%Yi>s7Te+OjvzrU{kGV$t?PHk&J9*jkWgab1@v)%fp=nrYBDI*TFry_+
zX>ao=koFZlL1@YymQMVY*RQce=~<M0$R>|d{WdoGF+Uf-WvSkZ+C1yPVE;YcPmw&5
zgR1F1H{Q^)+`_zYhjZqL-Q{DnN{+ikW%I6egWS8S8gurBHg(cN>s=kmt$tpv8Jqln
z5!Ta)N+kinq@z?!KVD5j_Ol>ic#|t{$J0)D9d;8_^F!t5wliF2-=ljsn7I~ie@XtN
z_Vm3Pwg^8H5Kaz09YzTWWC&fkL@%oE`sW>IykoHY{X8PT2a(?d0O~*scp3x%ggQv@
LmPx@<769-c&<zeC

literal 0
HcmV?d00001

diff --git a/Client/wwwroot/fonts/CCodeIND2of5.woff b/Client/wwwroot/fonts/CCodeIND2of5.woff
new file mode 100644
index 0000000000000000000000000000000000000000..175ee07a2fd61c33284f71d0fb1a14189b939b6f
GIT binary patch
literal 1872
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

literal 0
HcmV?d00001

diff --git a/Client/wwwroot/fonts/CCodePostnet.woff b/Client/wwwroot/fonts/CCodePostnet.woff
new file mode 100644
index 0000000000000000000000000000000000000000..0ab1c2aaf717d6b6bfd3716028eb3ed5b5319060
GIT binary patch
literal 1824
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
a>>#KIz!ltw_m2StS4e2=BguB~r~5zqX3uv3

literal 0
HcmV?d00001

diff --git a/Client/wwwroot/index.html b/Client/wwwroot/index.html
index b7d2405..d83947f 100644
--- a/Client/wwwroot/index.html
+++ b/Client/wwwroot/index.html
@@ -34,19 +34,39 @@
     <link rel="stylesheet" href="assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.css" />
 
     <link rel="stylesheet" href="assets/vendor/libs/apex-charts/apex-charts.css" />
+    <link rel="stylesheet" href="_content/BlazorDateRangePicker/daterangepicker.min.css" />
     <link href="Biskilog_Accounting.Client.styles.css" rel="stylesheet" />
 </head>
 
 <body>
-    <div id="app">
+    <style TYPE="text/css" media="screen,print">
+        @font-face {
+            font-family: CCode39;
+            src: url("fonts/CCode39.woff") format('woff')
+        }
 
-    </div>
+        #barcode {
+            font-weight: normal;
+            font-style: normal;
+            line-height: normal;
+            font-family: 'CCode39', sans-serif;
+            text-align: center;
+            font-size: 11.5pt;
+        }
+
+        #barcode_text {
+            font-weight: normal;
+            font-style: normal;
+            line-height: normal;
+            font-family: sans-serif;
+            text-align: center;
+            font-size: 11.5pt;
+        }
+    </style>
+    <div id="app">
 
-    <div id="blazor-error-ui">
-        An unhandled error has occurred.
-        <a href="" class="reload">Reload</a>
-        <a class="dismiss">🗙</a>
     </div>
+    <script src="_content/BlazorDateRangePicker/clickAndPositionHandler.js"></script>
     <script src="_framework/blazor.webassembly.js"></script>
     <script src="_content/Blazor-ApexCharts/js/apex-charts.min.js"></script>
     <script src="_content/Blazor-ApexCharts/js/blazor-apex-charts.js"></script>
diff --git a/Server/BiskAcdbContext.cs b/Server/BiskAcdbContext.cs
index d0ba890..3cc7530 100644
--- a/Server/BiskAcdbContext.cs
+++ b/Server/BiskAcdbContext.cs
@@ -467,6 +467,15 @@ public partial class BiskAcdbContext : DbContext
                 .HasColumnName("unit")
                 .UseCollation("utf8mb4_general_ci")
                 .HasCharSet("utf8mb4");
+            entity.Property(e => e.Tendered)
+               .HasPrecision(19, 2)
+               .HasColumnName("tendered");
+            entity.Property(e => e.Balance)
+               .HasPrecision(19, 2)
+               .HasColumnName("balance");
+            entity.Property(e => e.ValueAddTax)
+               .HasPrecision(19, 2)
+               .HasColumnName("valueAddTax");
         });
 
         modelBuilder.Entity<Tblcategory>(entity =>
diff --git a/Server/Controllers/AnalyticsController.cs b/Server/Controllers/AnalyticsController.cs
index 912a5b8..4e0c091 100644
--- a/Server/Controllers/AnalyticsController.cs
+++ b/Server/Controllers/AnalyticsController.cs
@@ -115,6 +115,15 @@ namespace Biskilog_Accounting.Server.Controllers
             return m_analyticService.GetTradeSummary();
         }
         /// <summary>
+        /// Endpoint to return analysis on trade summary group by categories
+        /// </summary>
+        [Authorize]
+        [HttpGet, Route("categorysummary")]
+        public IEnumerable<WeeklyCategorySummary> GetCategoryTradeSummary()
+        {
+            return m_analyticService.GetWeeklySalesCategoryTransaction(10);
+        }
+        /// <summary>
         /// Endpoint to return analysis on recent transactions
         /// </summary>
         [Authorize]
diff --git a/Server/Controllers/CompanyInfoController.cs b/Server/Controllers/CompanyInfoController.cs
new file mode 100644
index 0000000..0de20c1
--- /dev/null
+++ b/Server/Controllers/CompanyInfoController.cs
@@ -0,0 +1,37 @@
+using Biskilog_Accounting.Shared.Interfaces;
+using Biskilog_Accounting.Shared.POSModels;
+using Microsoft.AspNetCore.Authorization;
+using Microsoft.AspNetCore.Http;
+using Microsoft.AspNetCore.Mvc;
+
+namespace Biskilog_Accounting.Server.Controllers
+{
+    [Route("api/[controller]")]
+    [ApiController]
+    public class CompanyInfoController : ControllerBase
+    {
+        private readonly ICompanyInfo m_companyInfo;
+        public CompanyInfoController(ICompanyInfo a_companyInfo)
+        {
+            m_companyInfo = a_companyInfo;
+        }
+        /// <summary>
+        /// Endpoint to return company information
+        /// </summary>
+        [Authorize]
+        [HttpGet, Route("info")]
+        public Task<Tblcompanydetail> GetCompanyInfo()
+        {
+            return m_companyInfo.GetCompanyInfoAsync();
+        }
+        /// <summary>
+        /// Endpoint to return branch information in the company
+        /// </summary>
+        [Authorize]
+        [HttpGet, Route("branches")]
+        public Task<IEnumerable<Tblbranch>> Getbranches()
+        {
+            return m_companyInfo.GetBranches();
+        }
+    }
+}
diff --git a/Server/Controllers/ProductsController.cs b/Server/Controllers/ProductsController.cs
new file mode 100644
index 0000000..f16cb82
--- /dev/null
+++ b/Server/Controllers/ProductsController.cs
@@ -0,0 +1,55 @@
+using Biskilog_Accounting.Shared.CustomModels;
+using Biskilog_Accounting.Shared.Interfaces;
+using Biskilog_Accounting.Shared.POSModels;
+using Microsoft.AspNetCore.Authorization;
+using Microsoft.AspNetCore.Mvc;
+
+namespace Biskilog_Accounting.Server.Controllers
+{
+    [Route("api/[controller]")]
+    [ApiController]
+    public class ProductsController : ControllerBase
+    {
+        private readonly IProduct m_productService;
+        public ProductsController(IProduct a_productService)
+        {
+            m_productService = a_productService;
+        }
+        /// <summary>
+        /// Endpoint to return all units of measure for products
+        /// </summary>
+        [Authorize]
+        [HttpGet, Route("units")]
+        public IEnumerable<Unitofmeasure> GetUnits()
+        {
+            return m_productService.GetUnitofmeasures();
+        }
+        /// <summary>
+        /// Endpoint to return all products
+        /// </summary>
+        [Authorize]
+        [HttpGet, Route("fetch")]
+        public IEnumerable<ProductItem> GetProducts()
+        {
+            return m_productService.GetProducts();
+        }
+        /// <summary>
+        /// Endpoint to return all product categories
+        /// </summary>
+        [Authorize]
+        [HttpGet, Route("categories")]
+        public IEnumerable<Tblcategory> GetCategories()
+        {
+            return m_productService.GetCategories();
+        }
+        /// <summary>
+        /// Endpoint to return all product brands
+        /// </summary>
+        [Authorize]
+        [HttpGet, Route("brands")]
+        public IEnumerable<Tblbrand> GetBrands()
+        {
+            return m_productService.GetBrands();
+        }
+    }
+}
diff --git a/Server/Controllers/SalesController.cs b/Server/Controllers/SalesController.cs
new file mode 100644
index 0000000..f8c328d
--- /dev/null
+++ b/Server/Controllers/SalesController.cs
@@ -0,0 +1,49 @@
+using Biskilog_Accounting.Shared.CustomModels;
+using Biskilog_Accounting.Shared.Interfaces;
+using Biskilog_Accounting.Shared.POSModels;
+using Microsoft.AspNetCore.Authorization;
+using Microsoft.AspNetCore.Http;
+using Microsoft.AspNetCore.Mvc;
+
+namespace Biskilog_Accounting.Server.Controllers
+{
+    [Route("api/[controller]")]
+    [ApiController]
+    public class SalesController : ControllerBase
+    {
+        private readonly ISalesInterface m_salesService;
+        public SalesController(ISalesInterface a_salesService)
+        {
+            m_salesService = a_salesService;
+        }
+        /// <summary>
+        /// Endpoint to return Sales within a specified period
+        /// </summary>
+        /// <param name="a_start"></param>
+        /// <param name="a_end"></param>
+        [Authorize]
+        [HttpGet, Route("transactions/{a_start}/{a_end}")]
+        public IEnumerable<SaleItem> GetSalesAsync(DateTime a_start, DateTime a_end)
+        {
+            return m_salesService.GetTransactions(a_start, a_end);
+        }
+        /// <summary>
+        /// Endpoint to return Sales using the specified transaction id
+        /// </summary>
+        [Authorize]
+        [HttpGet, Route("transactions/lookup/{a_receipt}")]
+        public IEnumerable<SaleItem> GetSaleAsync(string a_receipt)
+        {
+            return m_salesService.GetReceipt(a_receipt);
+        }
+        /// <summary>
+        /// Endpoint to return receipt details
+        /// </summary>
+        [Authorize]
+        [HttpGet, Route("receipt/lookup/{a_receipt}")]
+        public IEnumerable<Tblcart> GetReceiptAsync(string a_receipt)
+        {
+            return m_salesService.GetReceiptDetail(a_receipt).Result.ToList();
+        }
+    }
+}
diff --git a/Server/Program.cs b/Server/Program.cs
index 7e20b15..fb05e8e 100644
--- a/Server/Program.cs
+++ b/Server/Program.cs
@@ -1,5 +1,4 @@
 using Microsoft.AspNetCore.Authentication.JwtBearer;
-using Microsoft.AspNetCore.ResponseCompression;
 using Microsoft.EntityFrameworkCore;
 using Microsoft.IdentityModel.Tokens;
 using Microsoft.OpenApi.Models;
@@ -24,10 +23,13 @@ builder.Services.AddEntityFrameworkMySql().AddDbContext<BiskilogContext>(options
 });
 builder.Services.AddSingleton<IHttpContextAccessor, HttpContextAccessor>();
 builder.Services.AddDbContext<BiskAcdbContext>();
+builder.Services.AddScoped<ICompanyInfo, CompanyService>();
 builder.Services.AddScoped<IAuthService, AuthenticationService>();
 builder.Services.AddScoped<ITokenService, TokenService>();
 builder.Services.AddScoped<IConnectionService, ConnectionService>();
 builder.Services.AddScoped<IAnalytics, AnalyticalService>();
+builder.Services.AddScoped<IProduct, ProductRepo>();
+builder.Services.AddScoped<ISalesInterface, SalesService>();
 
 builder.Services.AddCors(options =>
 {
diff --git a/Server/Services/AnalyticalService.cs b/Server/Services/AnalyticalService.cs
index 3140718..5608385 100644
--- a/Server/Services/AnalyticalService.cs
+++ b/Server/Services/AnalyticalService.cs
@@ -323,6 +323,37 @@ namespace Biskilog_Accounting.Server.Services
             return new TradeSummary();
         }
 
+        public IEnumerable<WeeklyCategorySummary> GetWeeklySalesCategoryTransaction(int a_limit)
+        {
+            string token = m_httpContext.Request.Headers[HeaderNames.Authorization]!;
+
+            if (AuthEnums.Valid == m_tokenService.ValidateToken(token))
+            {
+                IEnumerable<string> accessiblebranches = m_tokenService.BranchIds(token);
+
+                using (var command = m_context.Database.GetDbConnection().CreateCommand())
+                {
+                    command.CommandText = "CALL GetCategoryTradeSummary(@p0,@p1)";
+                    command.Parameters.Add(new MySqlParameter("@p1", a_limit));
+                    command.Parameters.Add(new MySqlParameter("@p0", string.Join(", ", accessiblebranches.ToArray())));
+
+                    m_context.Database.OpenConnection();
+
+                    using (var reader = command.ExecuteReader())
+                    {
+                        while (reader.Read())
+                        {
+                            yield return new WeeklyCategorySummary
+                            {
+                                Category = reader.GetString(0),
+                                Total = reader.GetDecimal(1),
+                            };
+                        }
+                    }
+                }
+            }
+        }
+
         public IEnumerable<WeeklySaleItem> GetWeeklySalesTransaction()
         {
             string token = m_httpContext.Request.Headers[HeaderNames.Authorization]!;
diff --git a/Server/Services/CompanyService.cs b/Server/Services/CompanyService.cs
new file mode 100644
index 0000000..eb6bae9
--- /dev/null
+++ b/Server/Services/CompanyService.cs
@@ -0,0 +1,53 @@
+using Biskilog_Accounting.Server.POSModels;
+using Biskilog_Accounting.Shared.Interfaces;
+using Biskilog_Accounting.Shared.POSModels;
+
+namespace Biskilog_Accounting.Server.Services
+{
+    public class CompanyService : ICompanyInfo
+    {
+        private readonly BiskAcdbContext m_context;
+        private readonly ITokenService m_tokenService;
+        private readonly HttpContext m_httpContext;
+
+        private Tblcompanydetail m_companyInfo { get; set; }
+        private IEnumerable<Tblbranch> m_companyBranches { get; set; }
+        public CompanyService(BiskAcdbContext a_context, ITokenService a_tokenService, IHttpContextAccessor a_httpContextAccessor)
+        {
+            m_context = a_context;
+            m_tokenService = a_tokenService;
+            m_httpContext = a_httpContextAccessor?.HttpContext;
+            m_companyInfo = new Tblcompanydetail();
+            m_companyBranches = new List<Tblbranch>();
+            
+            GetCompanyInfoAsync();
+            GetBranches();
+        }
+        public IEnumerable<Tblbranch> FetchBranches()
+        {
+            return m_companyBranches;
+        }
+
+        public async Task<IEnumerable<Tblbranch>> GetBranches()
+        {
+            m_companyBranches = m_context.Tblbranches;
+            return await Task.FromResult(m_companyBranches);
+        }
+
+        public string GetBranchName(string a_branchId)
+        {
+            return m_companyBranches.FirstOrDefault(b => b.BranchId == a_branchId).BranchName;
+        }
+
+        public Task<Tblcompanydetail> GetCompanyInfoAsync()
+        {
+            m_companyInfo = m_context.Tblcompanydetails.First();
+            return Task.FromResult(m_companyInfo);
+        }
+
+        public string GetCompanyName()
+        {
+            return m_companyInfo.CompanyName;
+        }
+    }
+}
diff --git a/Server/Services/ProductRepo.cs b/Server/Services/ProductRepo.cs
new file mode 100644
index 0000000..0e4c916
--- /dev/null
+++ b/Server/Services/ProductRepo.cs
@@ -0,0 +1,200 @@
+using Biskilog_Accounting.Server.POSModels;
+using Biskilog_Accounting.Shared.CustomModels;
+using Biskilog_Accounting.Shared.Enums;
+using Biskilog_Accounting.Shared.Interfaces;
+using Biskilog_Accounting.Shared.POSModels;
+using Microsoft.EntityFrameworkCore;
+using Microsoft.Net.Http.Headers;
+using MySqlConnector;
+using System.Data;
+using System.Data.Common;
+
+namespace Biskilog_Accounting.Server.Services
+{
+    public class ProductRepo : IProduct
+    {
+        private readonly BiskAcdbContext m_context;
+        private readonly ITokenService m_tokenService;
+        private readonly HttpContext m_httpContext;
+
+        public event EventHandler ProductsChanged;
+        public event EventHandler UnitsChanged;
+        public event EventHandler BrandsChanged;
+        public event EventHandler CategoriesChanged;
+
+        public ProductRepo(BiskAcdbContext a_context, ITokenService a_tokenService, IHttpContextAccessor a_httpContextAccessor)
+        {
+            m_context = a_context;
+            m_tokenService = a_tokenService;
+            m_httpContext = a_httpContextAccessor?.HttpContext;
+        }
+        /// <summary>
+        /// Gets all products from the server
+        /// </summary>
+        /// <returns></returns>
+        public IEnumerable<ProductItem> GetProducts(string a_productKey = "")
+        {
+            string token = m_httpContext.Request.Headers[HeaderNames.Authorization]!;
+
+            if (AuthEnums.Valid == m_tokenService.ValidateToken(token))
+            {
+                IEnumerable<string> accessiblebranches = m_tokenService.BranchIds(token);
+
+                using (var command = m_context.Database.GetDbConnection().CreateCommand())
+                {
+                    command.CommandText = "CALL GetProducts(@p0)";
+                    command.Parameters.Add(new MySqlParameter("@p0", string.Join(", ", accessiblebranches.ToArray())));
+
+                    m_context.Database.OpenConnection();
+
+                    using (var reader = command.ExecuteReader())
+                    {
+                        while (reader.Read())
+                        {
+                            List<ProductUnits> pUnits = new List<ProductUnits>();
+
+                            yield return new ProductItem
+                            {
+                                Product = new Tblproduct
+                                {
+                                    Pcode = reader.GetString(0),
+                                    ProductName = reader.GetString(1),
+                                    Pdesc = reader.GetString(2),
+                                    BaseUnit = reader.GetString(3),
+                                    Costprice = reader.GetDecimal(4),
+                                    Status = reader.GetString(5),
+                                    Price = reader.GetDecimal(6),
+                                    BranchId = reader.GetString(7),
+                                },
+                                BaseUnit = reader.GetString(3),
+                                Stock = new Tblinventory
+                                {
+                                    Quantity = reader.GetInt32(8)
+                                },
+                                Restocklevel = new Restocklevel
+                                {
+                                    WarnLevel = reader.GetInt32(9),
+                                    Unit = reader.GetString(10),
+                                },
+                                Units = GetAltUnits(reader)
+                            };
+                        }
+                    }
+                }
+            }
+        }
+        private List<ProductUnits> GetAltUnits(DbDataReader a_reader)
+        {
+            List<ProductUnits> pUnits = new List<ProductUnits>();
+            for (int i = 1; i < 5; i++)
+            {
+                if (!a_reader.IsDBNull(a_reader.GetOrdinal($"AltUnit{i}")))
+                {
+                    pUnits.Add(new ProductUnits
+                    {
+                        UnitCode = a_reader.GetFieldValue<string>($"AltUnit{i}"),
+                        QuantityUnit = a_reader.GetFieldValue<int>($"AltUnit{i}QTY"),
+                        PriceUnit = a_reader.GetFieldValue<decimal>($"AltUnit{i}Price"),
+                        DistinctiveCode = a_reader.GetFieldValue<string>($"AltUnit{i}distinctiveCode")
+                    });
+                }
+                else
+                {
+                    return pUnits;
+                }
+            }
+            return pUnits;
+        }
+
+        public IEnumerable<Unitofmeasure> GetUnitofmeasures()
+        {
+            string token = m_httpContext.Request.Headers[HeaderNames.Authorization]!;
+
+            if (AuthEnums.Valid == m_tokenService.ValidateToken(token))
+            {
+                IEnumerable<string> accessiblebranches = m_tokenService.BranchIds(token);
+
+                return m_context.Unitofmeasures.Where(b => accessiblebranches.Contains(b.BranchId));
+            }
+            return new List<Unitofmeasure>();
+        }
+
+
+
+        public IEnumerable<Tblbrand> GetBrands(string a_brandKey = "")
+        {
+            string token = m_httpContext.Request.Headers[HeaderNames.Authorization]!;
+
+            if (AuthEnums.Valid == m_tokenService.ValidateToken(token))
+            {
+                IEnumerable<string> accessiblebranches = m_tokenService.BranchIds(token);
+
+                return m_context.Tblbrands.Where(b => accessiblebranches.Contains(b.BranchId));
+            }
+            return new List<Tblbrand>();
+        }
+
+        public IEnumerable<Tblcategory> GetCategories(string a_categoryKey = "")
+        {
+            string token = m_httpContext.Request.Headers[HeaderNames.Authorization]!;
+
+            if (AuthEnums.Valid == m_tokenService.ValidateToken(token))
+            {
+                IEnumerable<string> accessiblebranches = m_tokenService.BranchIds(token);
+
+                return m_context.Tblcategories.Where(b => accessiblebranches.Contains(b.BranchId));
+            }
+            return new List<Tblcategory>();
+        }
+
+        #region Only Need to implement in the client Side
+        public Task FetchUnits()
+        {
+            throw new NotImplementedException();
+        }
+        public Task FetchProducts()
+        {
+            throw new NotImplementedException();
+        }
+
+        public ProductItem GetProductById(string a_id)
+        {
+            throw new NotImplementedException();
+        }
+
+        public ProductItem GetProductByName(string name)
+        {
+            throw new NotImplementedException();
+        }
+
+        public void RefreshList()
+        {
+            throw new NotImplementedException();
+        }
+
+        public string GetUnitName(string a_unitCode)
+        {
+            throw new NotImplementedException();
+        }
+        public Task FetchBrands()
+        {
+            throw new NotImplementedException();
+        }
+
+        public Task FetchCategories()
+        {
+            throw new NotImplementedException();
+        }
+
+        public IEnumerable<ProductItem> GetLowstockItems()
+        {
+            throw new NotImplementedException();
+        }
+
+        public Task FetchLowStockProducts()
+        {
+            throw new NotImplementedException();
+        }
+    }
+    #endregion
+}
diff --git a/Server/Services/SalesService.cs b/Server/Services/SalesService.cs
new file mode 100644
index 0000000..0ba0722
--- /dev/null
+++ b/Server/Services/SalesService.cs
@@ -0,0 +1,169 @@
+using Biskilog_Accounting.Server.POSModels;
+using Biskilog_Accounting.Shared.CustomModels;
+using Biskilog_Accounting.Shared.Enums;
+using Biskilog_Accounting.Shared.Interfaces;
+using Biskilog_Accounting.Shared.POSModels;
+using Microsoft.EntityFrameworkCore;
+using Microsoft.Net.Http.Headers;
+using MySqlConnector;
+using System.Drawing.Drawing2D;
+
+namespace Biskilog_Accounting.Server.Services
+{
+    public class SalesService : ISalesInterface
+    {
+        private readonly BiskAcdbContext m_context;
+        private readonly ITokenService m_tokenService;
+        private readonly HttpContext m_httpContext;
+
+        public event EventHandler TransactionsChanged;
+        public event EventHandler FetchComplete;
+        public event EventHandler FetchStart;
+
+        public SalesService(BiskAcdbContext a_context, ITokenService a_tokenService, IHttpContextAccessor a_httpContextAccessor)
+        {
+            m_context = a_context;
+            m_tokenService = a_tokenService;
+            m_httpContext = a_httpContextAccessor?.HttpContext;
+        }
+
+        public Task FetchRecentTransaction(int a_limit)
+        {
+            throw new NotImplementedException();
+        }
+
+        public IEnumerable<SaleItem> GetRecentTransaction()
+        {
+            throw new NotImplementedException();
+        }
+
+        public IEnumerable<SaleItem> GetTransactions(DateTime a_start, DateTime a_end)
+        {
+            string token = m_httpContext.Request.Headers[HeaderNames.Authorization]!;
+
+            if (AuthEnums.Valid == m_tokenService.ValidateToken(token))
+            {
+                IEnumerable<string> accessiblebranches = m_tokenService.BranchIds(token);
+
+                using (var command = m_context.Database.GetDbConnection().CreateCommand())
+                {
+                    command.CommandText = "CALL GetTransactionsByDate(@p0,@p1,@p2)";
+                    command.Parameters.Add(new MySqlParameter("@p0", a_start.ToString("yyyy-MM-dd")));
+                    command.Parameters.Add(new MySqlParameter("@p1", a_end.ToString("yyyy-MM-dd")));
+                    command.Parameters.Add(new MySqlParameter("@p2", string.Join(", ", accessiblebranches.ToArray())));
+
+                    m_context.Database.OpenConnection();
+
+                    using (var reader = command.ExecuteReader())
+                    {
+                        while (reader.Read())
+                        {
+                            yield return new SaleItem
+                            {
+                                Transno = reader.GetString(0),
+                                Total = (decimal)reader.GetDouble(1),
+                                Date = reader.GetDateTime(2),
+                                Cashier = reader.GetString(3),
+                                BranchId = reader.GetString(4),
+                                Customer = reader.GetString(5),
+                                Status = reader.GetString(6),
+                            };
+                        }
+                    }
+                }
+            }
+        }
+
+        public Task FetchTransaction(DateTime a_start, DateTime a_end)
+        {
+            throw new NotImplementedException();
+        }
+
+        public Task FetchReceipt(string a_receiptId)
+        {
+            throw new NotImplementedException();
+        }
+
+        public IEnumerable<SaleItem> GetReceipt(string a_receiptId)
+        {
+            string token = m_httpContext.Request.Headers[HeaderNames.Authorization]!;
+
+            if (AuthEnums.Valid == m_tokenService.ValidateToken(token))
+            {
+                IEnumerable<string> accessiblebranches = m_tokenService.BranchIds(token);
+
+                using (var command = m_context.Database.GetDbConnection().CreateCommand())
+                {
+                    command.CommandText = "CALL GetTransactionsById(@p0,@p1)";
+                    command.Parameters.Add(new MySqlParameter("@p0", a_receiptId));
+                    command.Parameters.Add(new MySqlParameter("@p1", string.Join(", ", accessiblebranches.ToArray())));
+
+                    m_context.Database.OpenConnection();
+
+                    using (var reader = command.ExecuteReader())
+                    {
+                        while (reader.Read())
+                        {
+                            yield return new SaleItem
+                            {
+                                Transno = reader.GetString(0),
+                                Total = (decimal)reader.GetDouble(1),
+                                Date = reader.GetDateTime(2),
+                                Cashier = reader.GetString(3),
+                                BranchId = reader.GetString(4),
+                                Customer = reader.GetString(5),
+                                Status = reader.GetString(6),
+                            };
+                        }
+                    }
+                }
+            }
+        }
+
+        public Task<IEnumerable<Tblcart>> GetReceiptDetail(string a_receiptId)
+        {
+            List<Tblcart> details = new List<Tblcart>();
+            string token = m_httpContext.Request.Headers[HeaderNames.Authorization]!;
+
+            if (AuthEnums.Valid == m_tokenService.ValidateToken(token))
+            {
+                IEnumerable<string> accessiblebranches = m_tokenService.BranchIds(token);
+
+                using (var command = m_context.Database.GetDbConnection().CreateCommand())
+                {
+                    command.CommandText = "CALL GetReceiptDetails(@p0,@p1)";
+                    command.Parameters.Add(new MySqlParameter("@p0", a_receiptId));
+                    command.Parameters.Add(new MySqlParameter("@p1", string.Join(", ", accessiblebranches.ToArray())));
+
+                    m_context.Database.OpenConnection();
+
+                    using (var reader = command.ExecuteReader())
+                    {
+                        while (reader.Read())
+                        {
+                            details.Add(new Tblcart
+                            {
+                                Transno = a_receiptId,
+                                Id = reader.GetString(0),
+                                Quantity = reader.GetInt32(1),
+                                Date = reader.GetDateTime(2),
+                                Price = reader.GetDecimal(3),
+                                Cashier = reader.GetString(4),
+                                Status = reader.GetString(5),
+                                Total = (decimal)reader.GetDouble(6),
+                                Unit = reader.GetString(7),
+                                Costprice = reader.GetDecimal(8),
+                                BranchId = reader.GetString(9),
+                                CountId = reader.GetString(10),
+                                Tendered = reader.GetDecimal(11),
+                                Balance = reader.GetDecimal(12),
+                                ValueAddTax = reader.GetDecimal(13)
+                            });
+                        }
+                    }
+                }
+            }
+            return Task.FromResult(details.AsEnumerable());
+        }
+    }
+}
diff --git a/Shared/CustomModels/ProductItem.cs b/Shared/CustomModels/ProductItem.cs
index 26dc93a..ccc901a 100644
--- a/Shared/CustomModels/ProductItem.cs
+++ b/Shared/CustomModels/ProductItem.cs
@@ -11,6 +11,8 @@ namespace Biskilog_Accounting.Shared.CustomModels
     {
         public Tblproduct? Product { get; set; }
         public Tblinventory? Stock { get; set; }
-        public string BaseUnit { get;set; } = string.Empty;
+        public Restocklevel? Restocklevel { get; set; }
+        public List<ProductUnits> Units { get; set; } = new List<ProductUnits>();
+        public string BaseUnit { get; set; } = string.Empty;
     }
 }
diff --git a/Shared/CustomModels/ProductUnits.cs b/Shared/CustomModels/ProductUnits.cs
new file mode 100644
index 0000000..8deac07
--- /dev/null
+++ b/Shared/CustomModels/ProductUnits.cs
@@ -0,0 +1,26 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Biskilog_Accounting.Shared.CustomModels
+{
+    public class ProductUnits
+    {
+        public string? Pcode { get; set; }
+
+        public string? UnitCode { get; set; }
+        public string? UnitName { get; set; }
+
+        public string? UnitBarcode { get; set; }
+
+        public decimal? PriceUnit { get; set; }
+
+        public int? QuantityUnit { get; set; }
+
+        public string DistinctiveCode { get; set; } = null!;
+
+        public string BranchId { get; set; } = null!;
+    }
+}
diff --git a/Shared/CustomModels/WeeklySaleItem.cs b/Shared/CustomModels/WeeklySaleItem.cs
index 168d7a4..4ed531c 100644
--- a/Shared/CustomModels/WeeklySaleItem.cs
+++ b/Shared/CustomModels/WeeklySaleItem.cs
@@ -12,4 +12,10 @@ namespace Biskilog_Accounting.Shared.CustomModels
         public decimal? Total { get; set; }
         public string BranchId { get; set; } = null!;
     }
+
+    public class WeeklyCategorySummary
+    {
+        public decimal? Total { get; set; }
+        public string Category { get; set; } = string.Empty!;
+    }
 }
diff --git a/Shared/Interfaces/IAnalytics.cs b/Shared/Interfaces/IAnalytics.cs
index 913a9bc..d5ed764 100644
--- a/Shared/Interfaces/IAnalytics.cs
+++ b/Shared/Interfaces/IAnalytics.cs
@@ -77,5 +77,10 @@ namespace Biskilog_Accounting.Shared.Interfaces
         /// <param name="a_limit">the number of products to fetch history</param>
         /// <returns></returns>
         IEnumerable<ProductPriceChange> GetProductPriceChangeHistory(int a_limit);
+        /// <summary>
+        /// Fetches a collection of sales transaction grouped by category made within a one week period
+        /// </summary>
+        /// <returns></returns>
+        IEnumerable<WeeklyCategorySummary> GetWeeklySalesCategoryTransaction(int a_limit);
     }
 }
diff --git a/Shared/Interfaces/ICompanyInfo.cs b/Shared/Interfaces/ICompanyInfo.cs
new file mode 100644
index 0000000..66fb19b
--- /dev/null
+++ b/Shared/Interfaces/ICompanyInfo.cs
@@ -0,0 +1,18 @@
+using Biskilog_Accounting.Shared.POSModels;
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Biskilog_Accounting.Shared.Interfaces
+{
+    public interface ICompanyInfo
+    {
+        IEnumerable<Tblbranch> FetchBranches();
+        Task<Tblcompanydetail> GetCompanyInfoAsync();
+        Task<IEnumerable<Tblbranch>> GetBranches();
+        string GetCompanyName();
+        string GetBranchName(string a_branchId);
+    }
+}
diff --git a/Shared/Interfaces/IMainInterface.cs b/Shared/Interfaces/IMainInterface.cs
new file mode 100644
index 0000000..5fe4b98
--- /dev/null
+++ b/Shared/Interfaces/IMainInterface.cs
@@ -0,0 +1,15 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Biskilog_Accounting.Shared.Interfaces
+{
+    public interface IMainInterface
+    {
+        void ShowReceipt(string a_receipt);
+        DateOnly CurrentTradeDate();
+        DateOnly PreviousTradeDate();
+    }
+}
diff --git a/Shared/Interfaces/IProducts.cs b/Shared/Interfaces/IProducts.cs
new file mode 100644
index 0000000..b5f5aa7
--- /dev/null
+++ b/Shared/Interfaces/IProducts.cs
@@ -0,0 +1,32 @@
+using Biskilog_Accounting.Shared.CustomModels;
+using Biskilog_Accounting.Shared.POSModels;
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Biskilog_Accounting.Shared.Interfaces
+{
+    public interface IProduct
+    {
+        IEnumerable<Unitofmeasure> GetUnitofmeasures();
+        IEnumerable<ProductItem> GetProducts(string a_productKey = "");
+        IEnumerable<Tblbrand> GetBrands(string a_brandKey = "");
+        IEnumerable<Tblcategory> GetCategories(string a_categoryKey = "");
+        IEnumerable<ProductItem> GetLowstockItems();
+        Task FetchProducts();
+        Task FetchLowStockProducts();
+        Task FetchUnits();
+        Task FetchBrands();
+        Task FetchCategories();
+        void RefreshList();
+        ProductItem GetProductById(string a_id);
+        ProductItem GetProductByName(string name);
+        string GetUnitName(string a_unitCode);
+        event EventHandler ProductsChanged;
+        event EventHandler UnitsChanged;
+        event EventHandler BrandsChanged;
+        event EventHandler CategoriesChanged;
+    }
+}
diff --git a/Shared/Interfaces/ISalesInterface.cs b/Shared/Interfaces/ISalesInterface.cs
new file mode 100644
index 0000000..03801c4
--- /dev/null
+++ b/Shared/Interfaces/ISalesInterface.cs
@@ -0,0 +1,24 @@
+using Biskilog_Accounting.Shared.CustomModels;
+using Biskilog_Accounting.Shared.POSModels;
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Biskilog_Accounting.Shared.Interfaces
+{
+    public interface ISalesInterface
+    {
+        Task FetchRecentTransaction(int a_limit);
+        Task FetchTransaction(DateTime a_start, DateTime a_end);
+        IEnumerable<SaleItem> GetTransactions(DateTime a_start, DateTime a_end);
+        IEnumerable<SaleItem> GetRecentTransaction();
+        Task FetchReceipt(string a_receiptId);
+        IEnumerable<SaleItem> GetReceipt(string a_receiptId);
+        Task<IEnumerable<Tblcart>> GetReceiptDetail(string a_receiptId);
+        event EventHandler TransactionsChanged;
+        event EventHandler FetchComplete;
+        event EventHandler FetchStart;
+    }
+}
diff --git a/Shared/Interfaces/ISearchService.cs b/Shared/Interfaces/ISearchService.cs
new file mode 100644
index 0000000..5d048bd
--- /dev/null
+++ b/Shared/Interfaces/ISearchService.cs
@@ -0,0 +1,16 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Biskilog_Accounting.Shared.Interfaces
+{
+    public interface ISearchService
+    {
+        public event Action<string> SearchValueChanged;
+        public event Action ClearTextBox;
+        void PerformSearch(string a_searchKey);
+        void Clear();
+    }
+}
diff --git a/Shared/POSModels/Tblcart.cs b/Shared/POSModels/Tblcart.cs
index 8990d2a..1e2f904 100644
--- a/Shared/POSModels/Tblcart.cs
+++ b/Shared/POSModels/Tblcart.cs
@@ -22,6 +22,10 @@ public partial class Tblcart
     public decimal? Total { get; set; }
 
     public string? Unit { get; set; }
+    public decimal? Tendered { get; set; }
+    public decimal? Balance { get; set; }
+    public decimal? ValueAddTax { get; set; }
+    public decimal? Discount { get; set; } = 0;
 
     public decimal? Costprice { get; set; }
 
diff --git a/Shared/ServiceRepo/SearchService.cs b/Shared/ServiceRepo/SearchService.cs
new file mode 100644
index 0000000..d27fab0
--- /dev/null
+++ b/Shared/ServiceRepo/SearchService.cs
@@ -0,0 +1,33 @@
+using Biskilog_Accounting.Shared.Interfaces;
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Biskilog_Accounting.Shared.ServiceRepo
+{
+    public class SearchService : ISearchService
+    {
+        public event Action<string> SearchValueChanged;
+        public event Action ClearTextBox;
+
+        // Method that raises the event
+        protected virtual void OnSearchValueChanged(string a_searchKey)
+        {
+            SearchValueChanged?.Invoke(a_searchKey);
+        }
+
+        // Method that triggers the event
+        public void PerformSearch(string a_searchKey)
+        {
+            OnSearchValueChanged(a_searchKey);
+        }
+
+        public void Clear()
+        {
+            ClearTextBox?.Invoke();
+        }
+    }
+
+}