Để thêm chức năng xác nhận đơn hàng thành công khi được xác nhận từ admin, chúng ta cần làm cho mã nguồn có cấu trúc để quản lý trạng thái đơn hàng và cho phép admin xác nhận.
Dưới đây là phiên bản đã cập nhật của mã HTML, trong đó tích hợp chức năng xác nhận từ admin:
```html
Mua Bán Sản Phẩm
Đăng Nhập
Sản Phẩm
Tên sản phẩm
Giá
Hành động
Sản phẩm A
100.000 VNĐ
Sản phẩm B
200.000 VNĐ
Sản phẩm C
300.000 VNĐ
Sản phẩm D
400.000 VNĐ
Thông Báo Thanh Toán
Thanh toán qua Momo: 0326261993
Thanh toán qua Vietcombank: 1022169123
Liên hệ: 0326261993
Quản Lý Đơn Hàng
Tên sản phẩm
Trạng thái
Hành động
Thanh Toán Thành Công
Cảm ơn bạn đã thanh toán! Đơn hàng của bạn đã được ghi nhận.
Xác Nhận Đơn Hàng
Tên sản phẩm
Trạng thái
Hành động
```
### Giải thích mã nguồn:
1. **Quản lý Admin**:
- Thêm trường hợp kiểm tra mật khẩu `admin` trong hàm `login()` để cho phép admin truy cập vào bảng quản lý đơn hàng.
- Khi đăng nhập với tài khoản admin, màn hình quản lý đơn hàng sẽ hiển thị.
2. **Xác nhận đơn hàng**:
- Trong bảng đơn hàng, một nút "Xác nhận" sẽ xuất hiện cho mỗi đơn hàng có trạng thái "Chờ xác nhận".
- Khi admin nhấn "Xác nhận", hàm `adminConfirmOrder(productName)` sẽ được gọi, cập nhật trạng thái của đơn hàng thành "Hoàn thành" và cập nhật lại bảng đơn hàng trong giao diện admin.
3. **Quản lý đơn hàng**:
- Bảng đơn hàng sẽ được cập nhật lại với trạng thái mới sau khi xác nhận.
- Tất cả các đơn hàng sẽ được liệt kê cả trong giao diện người dùng (cliênt) và admin.
### Hướng dẫn sử dụng:
1. Sao chép mã nguồn vào một tệp có đuôi `.html` (ví dụ: `muaban_admin_confirmation.html`).
2. Mở tệp trong trình duyệt.
3. Nhập mật khẩu `123456` để truy cập vào phần sản phẩm.
4. Nhập mã giảm giá `SALE20` và nhấn nút để điều chỉnh giá.
5. Nhấn vào nút "Thanh toán" để tạo đơn hàng, và sau đó nhấn nút "Xác Nhận Thanh Toán" để xác nhận rằng đơn hàng đang chờ được kiểm duyệt từ admin.
6. Đăng nhập bằng tài khoản admin với mật khẩu là `admin` để xác nhận đơn hàng.
Bạn có thể tùy chỉnh thêm các tính năng và giao diện theo nhu cầu của bạn!