Xây dựng fontend cho giao diện cho phần order ( giao diện sau khi người dùng nhấn thanh toán ở giỏ hàng )

[tritam593]

Phần này Tài làm nhá

[tritam593]

cái này kiểu giống cái phần đơn hàng đã giao của shoppe ý

[tritam593]

data server trả về sẽ như sau

{
    "ID": "53760357-8add-46aa-ba73-33150047e31b",
    "UserID": "d663fcd1-63a0-4a3a-96fc-189b128ef8a3",
    "User": {
        "ID": "d663fcd1-63a0-4a3a-96fc-189b128ef8a3",
        "Address": "123 abbcd",
        "Carts": null,
        "FirstName": "tamqweqwe",
        "LastName": "tri",
        "Email": "aaa@a.a",
        "Password": "",
        "RememberToken": "",
        "CreatedAt": "2023-12-24T18:03:57.118+07:00",
        "UpdatedAt": "2023-12-24T18:03:57.118+07:00",
        "DeletedAt": null
    },
    "OrderItems": [
        {
            "ID": "73fb2f63-7d62-4eb2-a5d2-60e841f7b7c7",
            "OrderID": "53760357-8add-46aa-ba73-33150047e31b",
            "Product": {
                "ID": "df64bd0d-809a-4321-93b9-8551552d17b4",
                "CategoryID": "mouse-123",
                "ProductImages": [
                    {
                        "ID": "7395ee10-20c0-44c8-862d-7a99fbd05ff9",
                        "ProductID": "df64bd0d-809a-4321-93b9-8551552d17b4",
                        "Path": "./data/images/keyboard/mouse1/mouse_1_1.jpg",
                        "CreatedAt": "2023-12-24T18:04:13.352+07:00",
                        "UpdatedAt": "2023-12-24T18:04:13.352+07:00"
                    },
                    {
                        "ID": "d9370dc8-77e8-48d3-9005-f53722614071",
                        "ProductID": "df64bd0d-809a-4321-93b9-8551552d17b4",
                        "Path": "./data/images/keyboard/mouse1/mouse_1_2.jpg",
                        "CreatedAt": "2023-12-24T18:04:13.352+07:00",
                        "UpdatedAt": "2023-12-24T18:04:13.352+07:00"
                    }
                ],
                "Category": {
                    "ID": "mouse-123",
                    "Products": null,
                    "Name": "Mouse",
                    "Slug": "",
                    "CreatedAt": "2023-12-24T18:04:12.539+07:00",
                    "UpdatedAt": "2023-12-24T18:04:12.539+07:00"
                },
                "Cartitems": null,
                "OrderItems": null,
                "Sku": "",
                "Name": "mouse 1",
                "Price": "300",
                "Stock": 0,
                "Weight": "0.1",
                "Description": "A high-quality mouse for people.",
                "Status": 1,
                "CreatedAt": "2023-12-24T18:04:13.35+07:00",
                "UpdatedAt": "2023-12-24T18:04:13.35+07:00",
                "DeletedAt": null
            },
            "ProductID": "df64bd0d-809a-4321-93b9-8551552d17b4",
            "Qty": 10,
            "BasePrice": "300",
            "BaseTotal": "3000",
            "CreatedAt": "2023-12-24T18:04:13.787+07:00",
            "UpdatedAt": "2023-12-24T18:04:13.787+07:00"
        }
    ],
    "OrderCustomer": null,
    "Code": "1/ORDER/XII/2023",
    "Status": 1,
    "OrderDate": "2023-12-24T18:04:13.782+07:00",
    "PaymentDue": "2023-12-31T18:04:13.782+07:00",
    "PaymentStatus": "",
    "PaymentToken": {
        "String": "",
        "Valid": false
    },
    "BaseTotalPrice": "3000",
    "ShippingCost": "100",
    "Note": "hello",
    "CancelledBy": {
        "String": "",
        "Valid": false
    },
    "CancelledAt": {
        "Time": "0001-01-01T00:00:00Z",
        "Valid": false
    },
    "CancellationNote": {
        "String": "",
        "Valid": false
    },
    "CreatedAt": "2023-12-24T18:04:13.784+07:00",
    "UpdatedAt": "2023-12-24T18:04:13.784+07:00",
    "DeletedAt": null
}