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>
195 lines
9.1 KiB
Plaintext
195 lines
9.1 KiB
Plaintext
@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> |