update

template/login/home.html

@@ -0,0 +1,48 @@
+<div class="page-login h-screen">
+
+    <a href="/" class="block m-[30px] ">
+        <img src="../../assets/images/logo-xstore-white.png" class="block w-[70px] object-contain" width="100%"
+            height="100%" alt="logo">
+    </a>
+
+    <div class="content-login mt-[70px]  w-[480px] mx-auto bg-white rounded-[12px] px-[30px] py-[45px]">
+        <h2 class="text-[24px] font-bold mb-[5px] ">Bắt đầu dùng thử miễn phí</h2>
+        <p class="text-[15px] text-[#616161] mb-[40px] ">Dùng thử 3 ngày miễn phí, sau khi dùng thử sẽ tính phí theo tuỳ
+            gói</p>
+
+
+        <div class="form-check mb-[10px]">
+            <label class="mb-[7px] block font-[500] ">Email</label>
+            <input type="email" id="email" class="w-full border rounded p-2">
+        </div>
+        <div class="form-check relative">
+            <label class="mb-[7px] block font-[500] ">Mật khẩu</label>
+            <input id="password" type="password" class="w-full border rounded p-2">
+            <button type="button" id="togglePassword"
+                class="absolute inset-y-0 right-0 top-[30px] px-3 flex items-center text-gray-500"><i
+                    class="fa-regular fa-eye"></i></button>
+        </div>
+
+        <div id="check-pass" class="hidden">
+            <div class="h-1 bg-gray-200 mt-2 rounded">
+                <div id="strengthBar" class="h-1 w-0 rounded"></div>
+            </div>
+            <b id="strengthText" class="text-sm mt-1">Độ mạnh của mật khẩu: —</b>
+        </div>
+
+
+        <div class="note mt-[10px] italic text-gray-500 text-[13px]">
+            <p>Gợi ý: Mật khẩu mạnh</p>
+            <p>- Có Ký tự viết hoa</p>
+            <p>- Có ký tự đặc biệt</p>
+            <p>- Độ dài hơn 8 ký tự</p>
+        </div>
+
+        <button id="submitButton"
+            class="w-full bg-black text-white rounded py-3 mt-4 disabled:opacity-40 disabled:cursor-not-allowed">
+            Tạo tài khoản xStore
+        </button>
+
+    </div>
+
+</div>