Order List UI added in Admin Area

BulkyWeb/Areas/Admin/Controllers/OrderController.cs

@@ -2,7 +2,6 @@
 using BookBazaar.Models;
 using BookBazaar.Utility;
 using Microsoft.AspNetCore.Authorization;
-using Microsoft.AspNetCore.Hosting;
 using Microsoft.AspNetCore.Mvc;
 
 namespace BookBazaar.Areas.Admin.Controllers

BulkyWeb/Areas/Admin/Views/Order/Index.cshtml

@@ -0,0 +1,28 @@
+<div class="card shadow border-0 my-4">
+    <div class="card-header bg-secondary bg-gradient ml-0 py-3">
+        <div class="row">
+            <div class="col-12 text-center">
+                <h2 class="text-white py-2">Order List</h2>
+            </div>
+        </div>
+    </div>
+    <div class="card-body p-4">
+        <table id="tblData" class="table table-bordered table-striped" style="width:100%">
+            <thead>
+                <tr>
+                    <th>Id</th>
+                    <th>Name</th>
+                    <th>Phone Number</th>
+                    <th>Email</th>
+                    <th>Status</th>
+                    <th>Total</th>
+                    <th></th>
+                </tr>
+            </thead>
+        </table>
+    </div>
+</div>
+
+@section Scripts {
+    <script src="~/js/order.js"></script>
+}

BulkyWeb/Views/Shared/_Layout.cshtml

@@ -27,7 +27,7 @@
                             <a class="nav-link" asp-area="Customer" asp-controller="Home" asp-action="Index">Home</a>
                         </li>
                         <li class="nav-item">
-                            <a class="nav-link" asp-area="Customer" asp-controller="Home" asp-action="Privacy">Privacy</a>
+                            <a class="nav-link" asp-area="Admin" asp-controller="Order" asp-action="Index">Order Management</a>
                         </li>
                         @if (User.IsInRole(SD.Role_Admin))
                         {

BulkyWeb/wwwroot/js/order.js

@@ -0,0 +1,27 @@
+var dataTable;
+$(document).ready(function () {
+    loadDataTable();
+});
+
+function loadDataTable() {
+    dataTable = $('#tblData').DataTable({
+        "ajax": { url: '/admin/order/getall' },
+        "columns": [
+            { data: 'id', width: '5%' },
+            { data: 'name', width: '15%' },
+            { data: 'phoneNumber', width: '20%' },
+            { data: 'applicationUser.email', width: '15%' },
+            { data: 'orderStatus', width: '10%' },
+            { data: 'orderTotal', width: '10%' },
+            {
+                data: 'id',
+                "render": function (data) {
+                    return `<div class="w-75 btn-group" role="group">
+                    <a href="/admin/order/details?id=${data}" class="btn btn-primary mx-2"><i class="bi bi-pencil-square"></i></a>
+                    </div>`
+                },
+                width: '25%'
+            }
+        ]
+    });
+}