Implement complete e-commerce functionality with shipping and order management
Features Added: - Standard e-commerce properties (Price, Weight, shipping fields) - Order management with Create/Edit views and shipping information - ShippingRates system for weight-based shipping calculations - Comprehensive test coverage with JWT authentication tests - Sample data seeder with 5 orders demonstrating full workflow - Photo upload functionality for products - Multi-cryptocurrency payment support (BTC, XMR, USDT, etc.) Database Changes: - Added ShippingRates table - Added shipping fields to Orders (Name, Address, City, PostCode, Country) - Renamed properties to standard names (BasePrice to Price, ProductWeight to Weight) - Added UpdatedAt timestamps to models UI Improvements: - Added Create/Edit views for Orders - Added ShippingRates management UI - Updated navigation menu with Shipping option - Enhanced Order Details view with shipping information Sample Data: - 3 Categories (Electronics, Clothing, Books) - 5 Products with various prices - 5 Shipping rates (Royal Mail options) - 5 Orders in different statuses (Pending to Delivered) - 3 Crypto payments demonstrating payment flow Security: - All API endpoints secured with JWT authentication - No public endpoints - client apps must authenticate - Privacy-focused design with minimal data collection Generated with Claude Code Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
sysadmin
106
LittleShop/Areas/Admin/Views/Orders/Create.cshtml
Normal file
106
LittleShop/Areas/Admin/Views/Orders/Create.cshtml
Normal file
@@ -0,0 +1,106 @@
|
||||
@model LittleShop.DTOs.CreateOrderDto
|
||||
|
||||
@{
|
||||
ViewData["Title"] = "Create Order";
|
||||
}
|
||||
|
||||
<div class="row mb-4">
|
||||
<div class="col">
|
||||
<h1><i class="fas fa-plus"></i> Create Order</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5><i class="fas fa-user"></i> Customer Information</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form method="post" asp-area="Admin" asp-controller="Orders" asp-action="Create">
|
||||
@Html.AntiForgeryToken()
|
||||
@if (ViewData.ModelState[""] != null && ViewData.ModelState[""].Errors.Count > 0)
|
||||
{
|
||||
<div class="alert alert-danger" role="alert">
|
||||
@foreach (var error in ViewData.ModelState[""].Errors)
|
||||
{
|
||||
<div>@error.ErrorMessage</div>
|
||||
}
|
||||
</div>
|
||||
}
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="IdentityReference" class="form-label">Customer Reference</label>
|
||||
<input name="IdentityReference" id="IdentityReference" class="form-control" required
|
||||
placeholder="Customer ID or reference" />
|
||||
<small class="text-muted">Anonymous identifier for the customer</small>
|
||||
</div>
|
||||
|
||||
<h6 class="mt-4 mb-3">Shipping Information</h6>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="ShippingName" class="form-label">Recipient Name</label>
|
||||
<input name="ShippingName" id="ShippingName" class="form-control" required />
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="ShippingAddress" class="form-label">Shipping Address</label>
|
||||
<textarea name="ShippingAddress" id="ShippingAddress" class="form-control" rows="2" required></textarea>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="mb-3">
|
||||
<label for="ShippingCity" class="form-label">City</label>
|
||||
<input name="ShippingCity" id="ShippingCity" class="form-control" required />
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="mb-3">
|
||||
<label for="ShippingPostCode" class="form-label">Post Code</label>
|
||||
<input name="ShippingPostCode" id="ShippingPostCode" class="form-control" required />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="ShippingCountry" class="form-label">Country</label>
|
||||
<input name="ShippingCountry" id="ShippingCountry" class="form-control" value="United Kingdom" required />
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="Notes" class="form-label">Order Notes (Optional)</label>
|
||||
<textarea name="Notes" id="Notes" class="form-control" rows="3"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="d-flex justify-content-between">
|
||||
<a href="@Url.Action("Index")" class="btn btn-secondary">
|
||||
<i class="fas fa-arrow-left"></i> Back to Orders
|
||||
</a>
|
||||
<button type="submit" class="btn btn-primary">
|
||||
<i class="fas fa-save"></i> Create Order
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5><i class="fas fa-info-circle"></i> Order Information</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p>Create a new order manually for phone or email orders.</p>
|
||||
<ul class="list-unstyled">
|
||||
<li><strong>Customer Reference:</strong> Anonymous identifier</li>
|
||||
<li><strong>Shipping Details:</strong> Required for delivery</li>
|
||||
<li><strong>Payment:</strong> Add after order creation</li>
|
||||
<li><strong>Products:</strong> Add items after creation</li>
|
||||
</ul>
|
||||
<small class="text-muted">Orders created here will appear in the orders list with PendingPayment status.</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
195
LittleShop/Areas/Admin/Views/Orders/Details.cshtml
Normal file
195
LittleShop/Areas/Admin/Views/Orders/Details.cshtml
Normal file
@@ -0,0 +1,195 @@
|
||||
@model LittleShop.DTOs.OrderDto
|
||||
|
||||
@{
|
||||
ViewData["Title"] = $"Order #{Model.Id.ToString().Substring(0, 8)}";
|
||||
}
|
||||
|
||||
<div class="row mb-4">
|
||||
<div class="col">
|
||||
<h1><i class="fas fa-shopping-cart"></i> Order Details</h1>
|
||||
<p class="text-muted">Order ID: @Model.Id</p>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<a href="@Url.Action("Edit", new { id = Model.Id })" class="btn btn-primary">
|
||||
<i class="fas fa-edit"></i> Edit Order
|
||||
</a>
|
||||
<a href="@Url.Action("Index")" class="btn btn-secondary">
|
||||
<i class="fas fa-arrow-left"></i> Back to Orders
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
<div class="card mb-4">
|
||||
<div class="card-header">
|
||||
<h5><i class="fas fa-info-circle"></i> Order Information</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<p><strong>Identity Reference:</strong> @Model.IdentityReference</p>
|
||||
<p><strong>Status:</strong>
|
||||
@{
|
||||
var badgeClass = Model.Status switch
|
||||
{
|
||||
LittleShop.Enums.OrderStatus.PendingPayment => "bg-warning",
|
||||
LittleShop.Enums.OrderStatus.PaymentReceived => "bg-success",
|
||||
LittleShop.Enums.OrderStatus.Processing => "bg-info",
|
||||
LittleShop.Enums.OrderStatus.Shipped => "bg-primary",
|
||||
LittleShop.Enums.OrderStatus.Delivered => "bg-success",
|
||||
LittleShop.Enums.OrderStatus.Cancelled => "bg-danger",
|
||||
_ => "bg-secondary"
|
||||
};
|
||||
}
|
||||
<span class="badge @badgeClass">@Model.Status</span>
|
||||
</p>
|
||||
<p><strong>Total Amount:</strong> £@Model.TotalAmount</p>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<p><strong>Created:</strong> @Model.CreatedAt.ToString("MMM dd, yyyy HH:mm")</p>
|
||||
@if (Model.PaidAt.HasValue)
|
||||
{
|
||||
<p><strong>Paid:</strong> @Model.PaidAt.Value.ToString("MMM dd, yyyy HH:mm")</p>
|
||||
}
|
||||
@if (Model.ShippedAt.HasValue)
|
||||
{
|
||||
<p><strong>Shipped:</strong> @Model.ShippedAt.Value.ToString("MMM dd, yyyy HH:mm")</p>
|
||||
}
|
||||
@if (!string.IsNullOrEmpty(Model.TrackingNumber))
|
||||
{
|
||||
<p><strong>Tracking:</strong> @Model.TrackingNumber</p>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
@if (!string.IsNullOrEmpty(Model.Notes))
|
||||
{
|
||||
<div class="mt-3">
|
||||
<strong>Notes:</strong>
|
||||
<p class="text-muted">@Model.Notes</p>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card mb-4">
|
||||
<div class="card-header">
|
||||
<h5><i class="fas fa-truck"></i> Shipping Information</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<p><strong>Name:</strong> @Model.ShippingName</p>
|
||||
<p><strong>Address:</strong> @Model.ShippingAddress</p>
|
||||
<p><strong>City:</strong> @Model.ShippingCity</p>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<p><strong>Post Code:</strong> @Model.ShippingPostCode</p>
|
||||
<p><strong>Country:</strong> @Model.ShippingCountry</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card mb-4">
|
||||
<div class="card-header">
|
||||
<h5><i class="fas fa-list"></i> Order Items</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Product</th>
|
||||
<th>Quantity</th>
|
||||
<th>Unit Price</th>
|
||||
<th>Total</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach (var item in Model.Items)
|
||||
{
|
||||
<tr>
|
||||
<td>@item.ProductName</td>
|
||||
<td>@item.Quantity</td>
|
||||
<td>£@item.UnitPrice</td>
|
||||
<td><strong>£@item.TotalPrice</strong></td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<th colspan="3">Total</th>
|
||||
<th>£@Model.TotalAmount</th>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="card mb-4">
|
||||
<div class="card-header">
|
||||
<h5><i class="fas fa-edit"></i> Update Status</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form method="post" action="@Url.Action("UpdateStatus", new { id = Model.Id })">
|
||||
<div class="mb-3">
|
||||
<label for="Status" class="form-label">Status</label>
|
||||
<select name="Status" class="form-select">
|
||||
<option value="0" selected="@(Model.Status == LittleShop.Enums.OrderStatus.PendingPayment)">Pending Payment</option>
|
||||
<option value="1" selected="@(Model.Status == LittleShop.Enums.OrderStatus.PaymentReceived)">Payment Received</option>
|
||||
<option value="2" selected="@(Model.Status == LittleShop.Enums.OrderStatus.Processing)">Processing</option>
|
||||
<option value="3" selected="@(Model.Status == LittleShop.Enums.OrderStatus.PickingAndPacking)">Picking & Packing</option>
|
||||
<option value="4" selected="@(Model.Status == LittleShop.Enums.OrderStatus.Shipped)">Shipped</option>
|
||||
<option value="5" selected="@(Model.Status == LittleShop.Enums.OrderStatus.Delivered)">Delivered</option>
|
||||
<option value="6" selected="@(Model.Status == LittleShop.Enums.OrderStatus.Cancelled)">Cancelled</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="TrackingNumber" class="form-label">Tracking Number</label>
|
||||
<input name="TrackingNumber" value="@Model.TrackingNumber" class="form-control" placeholder="Royal Mail tracking number" />
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="Notes" class="form-label">Notes</label>
|
||||
<textarea name="Notes" class="form-control" rows="3" placeholder="Additional notes">@Model.Notes</textarea>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn btn-primary">
|
||||
<i class="fas fa-save"></i> Update Order
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if (Model.Payments.Any())
|
||||
{
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5><i class="fas fa-coins"></i> Crypto Payments</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
@foreach (var payment in Model.Payments)
|
||||
{
|
||||
<div class="mb-3 p-2 border rounded">
|
||||
<div class="d-flex justify-content-between">
|
||||
<strong>@payment.Currency</strong>
|
||||
<span class="badge bg-info">@payment.Status</span>
|
||||
</div>
|
||||
<small class="text-muted d-block">Required: @payment.RequiredAmount @payment.Currency</small>
|
||||
<small class="text-muted d-block">Paid: @payment.PaidAmount @payment.Currency</small>
|
||||
@if (!string.IsNullOrEmpty(payment.WalletAddress))
|
||||
{
|
||||
<small class="text-muted d-block">Address: @payment.WalletAddress.Substring(0, 10)...</small>
|
||||
}
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
218
LittleShop/Areas/Admin/Views/Orders/Edit.cshtml
Normal file
218
LittleShop/Areas/Admin/Views/Orders/Edit.cshtml
Normal file
@@ -0,0 +1,218 @@
|
||||
@model LittleShop.DTOs.OrderDto
|
||||
|
||||
@{
|
||||
ViewData["Title"] = "Edit Order";
|
||||
}
|
||||
|
||||
<div class="row mb-4">
|
||||
<div class="col">
|
||||
<h1><i class="fas fa-edit"></i> Edit Order #@Model?.Id</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5><i class="fas fa-user"></i> Order Information</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form method="post" asp-area="Admin" asp-controller="Orders" asp-action="Edit" asp-route-id="@Model?.Id">
|
||||
@Html.AntiForgeryToken()
|
||||
@if (ViewData.ModelState[""] != null && ViewData.ModelState[""].Errors.Count > 0)
|
||||
{
|
||||
<div class="alert alert-danger" role="alert">
|
||||
@foreach (var error in ViewData.ModelState[""].Errors)
|
||||
{
|
||||
<div>@error.ErrorMessage</div>
|
||||
}
|
||||
</div>
|
||||
}
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Order ID</label>
|
||||
<input class="form-control" value="@Model?.Id" readonly />
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Customer Reference</label>
|
||||
<input class="form-control" value="@Model?.IdentityReference" readonly />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h6 class="mt-4 mb-3">Shipping Information</h6>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="ShippingName" class="form-label">Recipient Name</label>
|
||||
<input name="ShippingName" id="ShippingName" value="@Model?.ShippingName" class="form-control" required />
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="ShippingAddress" class="form-label">Shipping Address</label>
|
||||
<textarea name="ShippingAddress" id="ShippingAddress" class="form-control" rows="2" required>@Model?.ShippingAddress</textarea>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="mb-3">
|
||||
<label for="ShippingCity" class="form-label">City</label>
|
||||
<input name="ShippingCity" id="ShippingCity" value="@Model?.ShippingCity" class="form-control" required />
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="mb-3">
|
||||
<label for="ShippingPostCode" class="form-label">Post Code</label>
|
||||
<input name="ShippingPostCode" id="ShippingPostCode" value="@Model?.ShippingPostCode" class="form-control" required />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="ShippingCountry" class="form-label">Country</label>
|
||||
<input name="ShippingCountry" id="ShippingCountry" value="@Model?.ShippingCountry" class="form-control" required />
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="mb-3">
|
||||
<label for="Status" class="form-label">Order Status</label>
|
||||
<select name="Status" id="Status" class="form-select">
|
||||
<option value="0" selected="@(Model?.Status == LittleShop.Enums.OrderStatus.PendingPayment)">Pending Payment</option>
|
||||
<option value="1" selected="@(Model?.Status == LittleShop.Enums.OrderStatus.PaymentReceived)">Payment Received</option>
|
||||
<option value="2" selected="@(Model?.Status == LittleShop.Enums.OrderStatus.Processing)">Processing</option>
|
||||
<option value="3" selected="@(Model?.Status == LittleShop.Enums.OrderStatus.Shipped)">Shipped</option>
|
||||
<option value="4" selected="@(Model?.Status == LittleShop.Enums.OrderStatus.Delivered)">Delivered</option>
|
||||
<option value="5" selected="@(Model?.Status == LittleShop.Enums.OrderStatus.Cancelled)">Cancelled</option>
|
||||
<option value="6" selected="@(Model?.Status == LittleShop.Enums.OrderStatus.Refunded)">Refunded</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="mb-3">
|
||||
<label for="TrackingNumber" class="form-label">Tracking Number</label>
|
||||
<input name="TrackingNumber" id="TrackingNumber" value="@Model?.TrackingNumber" class="form-control" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="Notes" class="form-label">Order Notes</label>
|
||||
<textarea name="Notes" id="Notes" class="form-control" rows="3">@Model?.Notes</textarea>
|
||||
</div>
|
||||
|
||||
<div class="d-flex justify-content-between">
|
||||
<a href="@Url.Action("Details", new { id = Model?.Id })" class="btn btn-secondary">
|
||||
<i class="fas fa-arrow-left"></i> Back to Details
|
||||
</a>
|
||||
<button type="submit" class="btn btn-primary">
|
||||
<i class="fas fa-save"></i> Save Changes
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Order Items -->
|
||||
<div class="card mt-4">
|
||||
<div class="card-header">
|
||||
<h5><i class="fas fa-shopping-cart"></i> Order Items</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
@if (Model?.Items?.Any() == true)
|
||||
{
|
||||
<div class="table-responsive">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Product</th>
|
||||
<th>Quantity</th>
|
||||
<th>Unit Price</th>
|
||||
<th>Total</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach (var item in Model.Items)
|
||||
{
|
||||
<tr>
|
||||
<td>@item.ProductName</td>
|
||||
<td>@item.Quantity</td>
|
||||
<td>£@item.UnitPrice</td>
|
||||
<td>£@item.TotalPrice</td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<th colspan="3">Total Amount</th>
|
||||
<th>£@Model.TotalAmount</th>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
}
|
||||
else
|
||||
{
|
||||
<p class="text-muted">No items in this order.</p>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5><i class="fas fa-info-circle"></i> Order Summary</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<dl>
|
||||
<dt>Created</dt>
|
||||
<dd>@Model?.CreatedAt.ToString("dd/MM/yyyy HH:mm")</dd>
|
||||
|
||||
<dt>Updated</dt>
|
||||
<dd>@Model?.UpdatedAt.ToString("dd/MM/yyyy HH:mm")</dd>
|
||||
|
||||
@if (Model?.PaidAt != null)
|
||||
{
|
||||
<dt>Paid</dt>
|
||||
<dd>@Model.PaidAt.Value.ToString("dd/MM/yyyy HH:mm")</dd>
|
||||
}
|
||||
|
||||
@if (Model?.ShippedAt != null)
|
||||
{
|
||||
<dt>Shipped</dt>
|
||||
<dd>@Model.ShippedAt.Value.ToString("dd/MM/yyyy HH:mm")</dd>
|
||||
}
|
||||
|
||||
<dt>Total Amount</dt>
|
||||
<dd class="h5">£@Model?.TotalAmount</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Payment Information -->
|
||||
@if (Model?.Payments?.Any() == true)
|
||||
{
|
||||
<div class="card mt-3">
|
||||
<div class="card-header">
|
||||
<h5><i class="fas fa-credit-card"></i> Payments</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
@foreach (var payment in Model.Payments)
|
||||
{
|
||||
<div class="mb-2">
|
||||
<span class="badge bg-info">@payment.Currency</span>
|
||||
<span class="badge @(payment.Status == LittleShop.Enums.PaymentStatus.Paid ? "bg-success" : "bg-warning")">
|
||||
@payment.Status
|
||||
</span>
|
||||
<small class="d-block mt-1">Amount: @payment.RequiredAmount</small>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
78
LittleShop/Areas/Admin/Views/Orders/Index.cshtml
Normal file
78
LittleShop/Areas/Admin/Views/Orders/Index.cshtml
Normal file
@@ -0,0 +1,78 @@
|
||||
@model IEnumerable<LittleShop.DTOs.OrderDto>
|
||||
|
||||
@{
|
||||
ViewData["Title"] = "Orders";
|
||||
}
|
||||
|
||||
<div class="row mb-4">
|
||||
<div class="col">
|
||||
<h1><i class="fas fa-shopping-cart"></i> Orders</h1>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<a href="@Url.Action("Create")" class="btn btn-primary">
|
||||
<i class="fas fa-plus"></i> Create Order
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
@if (Model.Any())
|
||||
{
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Order ID</th>
|
||||
<th>Customer</th>
|
||||
<th>Shipping To</th>
|
||||
<th>Status</th>
|
||||
<th>Total</th>
|
||||
<th>Created</th>
|
||||
<th>Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach (var order in Model)
|
||||
{
|
||||
<tr>
|
||||
<td><code>@order.Id.ToString().Substring(0, 8)...</code></td>
|
||||
<td>@order.ShippingName</td>
|
||||
<td>@order.ShippingCity, @order.ShippingCountry</td>
|
||||
<td>
|
||||
@{
|
||||
var badgeClass = order.Status switch
|
||||
{
|
||||
LittleShop.Enums.OrderStatus.PendingPayment => "bg-warning",
|
||||
LittleShop.Enums.OrderStatus.PaymentReceived => "bg-success",
|
||||
LittleShop.Enums.OrderStatus.Processing => "bg-info",
|
||||
LittleShop.Enums.OrderStatus.Shipped => "bg-primary",
|
||||
LittleShop.Enums.OrderStatus.Delivered => "bg-success",
|
||||
LittleShop.Enums.OrderStatus.Cancelled => "bg-danger",
|
||||
_ => "bg-secondary"
|
||||
};
|
||||
}
|
||||
<span class="badge @badgeClass">@order.Status</span>
|
||||
</td>
|
||||
<td><strong>£@order.TotalAmount</strong></td>
|
||||
<td>@order.CreatedAt.ToString("MMM dd, yyyy HH:mm")</td>
|
||||
<td>
|
||||
<a href="@Url.Action("Details", new { id = order.Id })" class="btn btn-sm btn-outline-primary">
|
||||
<i class="fas fa-eye"></i> View
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
}
|
||||
else
|
||||
{
|
||||
<div class="text-center py-4">
|
||||
<i class="fas fa-shopping-cart fa-3x text-muted mb-3"></i>
|
||||
<p class="text-muted">No orders found yet.</p>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user