28/02

src/app/(main)/quen-mat-khau/page.tsx

@@ -0,0 +1,13 @@
+
+import ForgotPassword from "@/components/customer/ForgotPassword";
+import type { Metadata } from "next";
+export const metadata: Metadata = {
+    title: "Quên mật khẩu",
+    description: "",
+};
+
+export default function Home() {
+    return (
+        <ForgotPassword />
+    )
+}

src/app/(main)/taikhoan/page.tsx

@@ -0,0 +1,14 @@
+
+
+import Layout from "@/components/account";
+import type { Metadata } from "next";
+export const metadata: Metadata = {
+    title: "Tài khoản của tôi",
+    description: "Thông tin tài khoản người dùng",
+};    
+
+export default function Home() {
+    return (
+        <Layout />
+    )
+}

src/components/account/index.tsx

@@ -0,0 +1,63 @@
+'use client';
+import Link from "next/link";
+import { CustomerInfo } from "@/data/customers"
+
+export default function AccountPage() {
+
+    return (
+        <div className="account-page">
+            <div className="container">
+                <div className="account-col-left">
+                    <div className="box-info">
+                        <p> 
+                            Tài khoản của, 
+                            <b> {CustomerInfo[0]?.name} </b> 
+                        </p>
+                    </div>
+
+                    <div className="box-direction font-500 text-16">
+                        <Link href="/taikhoan?view=change-info">
+                            <i className="bx bx-user text-20" />
+                            <span>Thông tin tài khoản</span>
+                        </Link>
+
+                        <Link href="/taikhoan?view=order">
+                            <i className="bx bx-list-ul-square text-20" />
+                            <span>Danh sách đơn hàng</span>
+                        </Link>
+
+                        <Link href="/taikhoan?view=product-review">
+                            <i className="bxr bx-star text-20" />
+                            <span>Đánh giá của tôi</span>
+                        </Link>
+
+                        <Link href="/taikhoan?view=product-comment">
+                            <i className="bxr bx-message-dots text-20" />
+                            <span>Bình luận của tôi</span>
+                        </Link>
+
+                        <Link href="/taikhoan?view=change-pass">
+                            <i className="bx bx-lock text-20" />
+                            <span>Thay đổi mật khẩu</span>
+                        </Link>
+                        
+                        <Link href="/san-pham-da-xem">
+                            <i className="bx bx-eye text-20" />
+                            <span>Sản phẩm đã xem</span>
+                        </Link>                        
+
+                        <Link href="/logout.php">
+                            <i className="bx bx-arrow-out-right-square-half text-20" />
+                            <span>Đăng xuất</span>
+                        </Link>
+                    </div>
+                </div>
+
+                <div className="account-col-right">
+                    <p> Bạn đang ở trang tài khoản. Vui lòng chọn các mục bên trái để xem thông tin. </p>
+                </div>
+            </div>
+        </div>
+
+    )
+}

src/components/customer/ForgotPassword.tsx

@@ -0,0 +1,40 @@
+export default function ForgotPasswordPage() {
+    return (
+        <div className="customer-page p-10 container">
+            <div className="p-10" style={{ padding: '20px 0' }}>
+                <form action="" method="post" encType="multipart/form-data">
+                    <h2 className="text-20 font-600">Bạn quên mật khẩu vào tài khoản?</h2>
+                    <p>Vui lòng nhập địa chỉ email đã đăng ký với chúng tôi để tạo mật khẩu mới. Chúng tôi sẽ gửi 1 email vào địa chỉ email cung cấp và yêu cầu xác minh trước khi có thể tạo mật khẩu mới</p>
+                    <table>
+                        <tbody>
+                            <tr>
+                                <td>Nhập địa chỉ email đăng ký</td>
+                                <td>
+                                    <input 
+                                        type="text" 
+                                        size={40} 
+                                        name="email"
+                                        className="bg-white w-full block h-9 rounded-[4px] px-3" 
+                                    />
+                                    <span className="red d-block"></span>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td />
+                                <td>
+                                    <input 
+                                        type="button" 
+                                        className="btn-regis text-uppercase bold px-9" 
+                                        style={{ width: 'auto' }}
+                                        defaultValue="Lấy mật khẩu" 
+                                    />
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </form>
+            </div>
+        </div>
+
+    )
+}