littleshop/LittleShop/Areas/Admin/Views/Orders/Details.cshtml
sysadmin a281bb2896 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>
2025-08-20 17:37:24 +01:00

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>