2024-01-08 09:26:16 +07:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
|
|
<title> Admin Hura Pc </title>
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
|
|
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
|
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
|
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap"
|
|
|
|
|
rel="stylesheet">
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" media="screen" href="scss/pc_style.css" />
|
|
|
|
|
<script src="js/tailwindcss.js"></script>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<div class="admin-global-container">
|
|
|
|
|
|
|
|
|
|
<!-- Menu cũ -->
|
|
|
|
|
<div class="admin-menu-container sticky top-0 bottom-0 h-[100vh]" style="display: none;">
|
|
|
|
|
<a href="" class="menu-logo">
|
|
|
|
|
<img src="images/logo.png" />
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
<div class="menu-list">
|
|
|
|
|
<a href="" class="item">
|
|
|
|
|
<i class="icons icon-home"></i>
|
|
|
|
|
<span class="title"> Home </span>
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
<details>
|
|
|
|
|
<summary>
|
|
|
|
|
<a href="">
|
|
|
|
|
<i class="icons icon-sell"></i>
|
|
|
|
|
<span class="title"> Bán hàng </span>
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none">
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
|
|
|
d="M0.646447 11.3536C0.451184 11.1583 0.451184 10.8417 0.646447 10.6464L5.29289 6L0.646446 1.35355C0.451184 1.15829 0.451184 0.841709 0.646446 0.646446C0.841708 0.451184 1.15829 0.451184 1.35355 0.646446L6.35355 5.64645C6.54882 5.84171 6.54882 6.15829 6.35355 6.35355L1.35355 11.3536C1.15829 11.5488 0.841709 11.5488 0.646447 11.3536Z"
|
|
|
|
|
fill="white" />
|
|
|
|
|
</svg>
|
|
|
|
|
</summary>
|
|
|
|
|
|
|
|
|
|
<div class="sub-menu">
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
</div>
|
|
|
|
|
</details>
|
|
|
|
|
|
|
|
|
|
<details>
|
|
|
|
|
<summary>
|
|
|
|
|
<a href="">
|
|
|
|
|
<i class="icons icon-product"></i>
|
|
|
|
|
|
|
|
|
|
<span class="title"> Sản phẩm </span>
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none">
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
|
|
|
d="M0.646447 11.3536C0.451184 11.1583 0.451184 10.8417 0.646447 10.6464L5.29289 6L0.646446 1.35355C0.451184 1.15829 0.451184 0.841709 0.646446 0.646446C0.841708 0.451184 1.15829 0.451184 1.35355 0.646446L6.35355 5.64645C6.54882 5.84171 6.54882 6.15829 6.35355 6.35355L1.35355 11.3536C1.15829 11.5488 0.841709 11.5488 0.646447 11.3536Z"
|
|
|
|
|
fill="white" />
|
|
|
|
|
</svg>
|
|
|
|
|
</summary>
|
|
|
|
|
|
|
|
|
|
<div class="sub-menu">
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
</div>
|
|
|
|
|
</details>
|
|
|
|
|
|
|
|
|
|
<details>
|
|
|
|
|
<summary>
|
|
|
|
|
<a href="">
|
|
|
|
|
<i class="icons icon-user"></i>
|
|
|
|
|
|
|
|
|
|
<span class="title"> Khách hàng </span>
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none">
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
|
|
|
d="M0.646447 11.3536C0.451184 11.1583 0.451184 10.8417 0.646447 10.6464L5.29289 6L0.646446 1.35355C0.451184 1.15829 0.451184 0.841709 0.646446 0.646446C0.841708 0.451184 1.15829 0.451184 1.35355 0.646446L6.35355 5.64645C6.54882 5.84171 6.54882 6.15829 6.35355 6.35355L1.35355 11.3536C1.15829 11.5488 0.841709 11.5488 0.646447 11.3536Z"
|
|
|
|
|
fill="white" />
|
|
|
|
|
</svg>
|
|
|
|
|
</summary>
|
|
|
|
|
|
|
|
|
|
<div class="sub-menu">
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
</div>
|
|
|
|
|
</details>
|
|
|
|
|
|
|
|
|
|
<details>
|
|
|
|
|
<summary>
|
|
|
|
|
<a href="">
|
|
|
|
|
<i class="icons icon-marketing"></i>
|
|
|
|
|
|
|
|
|
|
<span class="title"> Marketing </span>
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none">
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
|
|
|
d="M0.646447 11.3536C0.451184 11.1583 0.451184 10.8417 0.646447 10.6464L5.29289 6L0.646446 1.35355C0.451184 1.15829 0.451184 0.841709 0.646446 0.646446C0.841708 0.451184 1.15829 0.451184 1.35355 0.646446L6.35355 5.64645C6.54882 5.84171 6.54882 6.15829 6.35355 6.35355L1.35355 11.3536C1.15829 11.5488 0.841709 11.5488 0.646447 11.3536Z"
|
|
|
|
|
fill="white" />
|
|
|
|
|
</svg>
|
|
|
|
|
</summary>
|
|
|
|
|
|
|
|
|
|
<div class="sub-menu">
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
</div>
|
|
|
|
|
</details>
|
|
|
|
|
|
|
|
|
|
<details>
|
|
|
|
|
<summary>
|
|
|
|
|
<a href="">
|
|
|
|
|
<i class="icons icon-content"></i>
|
|
|
|
|
|
|
|
|
|
<span class="title"> Nội dung </span>
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none">
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
|
|
|
d="M0.646447 11.3536C0.451184 11.1583 0.451184 10.8417 0.646447 10.6464L5.29289 6L0.646446 1.35355C0.451184 1.15829 0.451184 0.841709 0.646446 0.646446C0.841708 0.451184 1.15829 0.451184 1.35355 0.646446L6.35355 5.64645C6.54882 5.84171 6.54882 6.15829 6.35355 6.35355L1.35355 11.3536C1.15829 11.5488 0.841709 11.5488 0.646447 11.3536Z"
|
|
|
|
|
fill="white" />
|
|
|
|
|
</svg>
|
|
|
|
|
</summary>
|
|
|
|
|
|
|
|
|
|
<div class="sub-menu">
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
</div>
|
|
|
|
|
</details>
|
|
|
|
|
|
|
|
|
|
<details>
|
|
|
|
|
<summary>
|
|
|
|
|
<a href="">
|
|
|
|
|
<i class="icons icon-stats"></i>
|
|
|
|
|
|
|
|
|
|
<span class="title"> Thống kê </span>
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none">
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
|
|
|
d="M0.646447 11.3536C0.451184 11.1583 0.451184 10.8417 0.646447 10.6464L5.29289 6L0.646446 1.35355C0.451184 1.15829 0.451184 0.841709 0.646446 0.646446C0.841708 0.451184 1.15829 0.451184 1.35355 0.646446L6.35355 5.64645C6.54882 5.84171 6.54882 6.15829 6.35355 6.35355L1.35355 11.3536C1.15829 11.5488 0.841709 11.5488 0.646447 11.3536Z"
|
|
|
|
|
fill="white" />
|
|
|
|
|
</svg>
|
|
|
|
|
</summary>
|
|
|
|
|
|
|
|
|
|
<div class="sub-menu">
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
</div>
|
|
|
|
|
</details>
|
|
|
|
|
|
|
|
|
|
<details>
|
|
|
|
|
<summary>
|
|
|
|
|
<a href="">
|
|
|
|
|
<i class="icons icon-system"></i>
|
|
|
|
|
|
|
|
|
|
<span class="title"> Hệ thống </span>
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none">
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
|
|
|
d="M0.646447 11.3536C0.451184 11.1583 0.451184 10.8417 0.646447 10.6464L5.29289 6L0.646446 1.35355C0.451184 1.15829 0.451184 0.841709 0.646446 0.646446C0.841708 0.451184 1.15829 0.451184 1.35355 0.646446L6.35355 5.64645C6.54882 5.84171 6.54882 6.15829 6.35355 6.35355L1.35355 11.3536C1.15829 11.5488 0.841709 11.5488 0.646447 11.3536Z"
|
|
|
|
|
fill="white" />
|
|
|
|
|
</svg>
|
|
|
|
|
</summary>
|
|
|
|
|
|
|
|
|
|
<div class="sub-menu">
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
</div>
|
|
|
|
|
</details>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="menu-list">
|
|
|
|
|
<p style="color: #81B5E4;margin: 0 0 10px;font-weight: 700;padding: 0 16px;">TÀI KHOẢN</p>
|
|
|
|
|
|
|
|
|
|
<a href="" class="item">
|
|
|
|
|
<i class="icons icon-settings"></i>
|
|
|
|
|
<span class="title"> Cài đặt </span>
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
<a href="" class="item">
|
|
|
|
|
<i class="icons icon-support"></i>
|
|
|
|
|
<span class="title"> Hỗ trợ </span>
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
<a href="" class="item">
|
|
|
|
|
<i class="icons icon-account"></i>
|
|
|
|
|
<span class="title"> Quản lý tài khoản </span>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<a href="" class="item">
|
|
|
|
|
<i class="icons icon-logout"></i>
|
|
|
|
|
<span class="title"> Thoát quản trị </span>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Menu mới -->
|
|
|
|
|
<div class="admin-menu sticky top-0 bottom-0 h-[100vh] bg-[#004E99] flex flex-col justify-between">
|
|
|
|
|
<div
|
|
|
|
|
class="item items-center justify-center border-[rgba(255,255,255,0.15)] border-b p-[20px_0_38px_!important]">
|
|
|
|
|
<a href="">
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="21" viewBox="0 0 35 21" fill="none">
|
|
|
|
|
<path
|
|
|
|
|
d="M28.5184 7.75141C28.4928 10.6955 27.8993 11.3464 27.8993 11.3464C29.065 3.56585 22.8312 0.686397 22.8312 0.686397C14.1636 -2.28358 11.3328 5.34611 11.3328 5.34611C5.84614 4.92368 4.24499 10.0963 4.24499 10.0963C10.9656 11.1611 9.15091 16.8812 9.15091 16.8812C9.36867 12.5146 6.78975 11.4887 6.78975 11.4887C2.42608 9.30752 0.355256 13.7302 0.355256 13.7302C-1.31421 19.2347 3.44228 20.4891 3.44228 20.4891H28.9967C35.0725 19.6098 34.748 14.1052 34.748 14.1052C34.1246 7.61347 28.5184 7.75141 28.5184 7.75141Z"
|
|
|
|
|
fill="white" />
|
|
|
|
|
</svg>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="item">
|
|
|
|
|
<a href="" class="icons icon-home"> </a>
|
|
|
|
|
|
|
|
|
|
<div class="sub-menu">
|
|
|
|
|
<p class="font-bold"> Home </p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="item">
|
|
|
|
|
<a href="" class="icons icon-sell"> </a>
|
|
|
|
|
|
|
|
|
|
<div class="sub-menu">
|
|
|
|
|
<p class="font-bold"> Bán hàng </p>
|
|
|
|
|
|
|
|
|
|
<div class="menu-list">
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="item">
|
|
|
|
|
<a href="" class="icons icon-product"> </a>
|
|
|
|
|
|
|
|
|
|
<div class="sub-menu">
|
|
|
|
|
<p class="font-bold"> Sản phẩm </p>
|
|
|
|
|
|
|
|
|
|
<div class="menu-list">
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="item">
|
|
|
|
|
<a href="" class="icons icon-user"> </a>
|
|
|
|
|
|
|
|
|
|
<div class="sub-menu">
|
|
|
|
|
<p class="font-bold"> Khách hàng </p>
|
|
|
|
|
|
|
|
|
|
<div class="menu-list">
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="item">
|
|
|
|
|
<a href="" class="icons icon-marketing"> </a>
|
|
|
|
|
|
|
|
|
|
<div class="sub-menu">
|
|
|
|
|
<p class="font-bold"> Marketing </p>
|
|
|
|
|
|
|
|
|
|
<div class="menu-list">
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="item">
|
|
|
|
|
<a href="" class="icons icon-content"> </a>
|
|
|
|
|
|
|
|
|
|
<div class="sub-menu">
|
|
|
|
|
<p class="font-bold"> Nội dung </p>
|
|
|
|
|
|
|
|
|
|
<div class="menu-list">
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="item">
|
|
|
|
|
<a href="" class="icons icon-stats"> </a>
|
|
|
|
|
|
|
|
|
|
<div class="sub-menu">
|
|
|
|
|
<p class="font-bold"> Thống kê </p>
|
|
|
|
|
|
|
|
|
|
<div class="menu-list">
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="item border-[rgba(255,255,255,0.15)] border-b">
|
|
|
|
|
<a href="" class="icons icon-system"> </a>
|
|
|
|
|
|
|
|
|
|
<div class="sub-menu">
|
|
|
|
|
<p class="font-bold"> Hệ thống </p>
|
|
|
|
|
|
|
|
|
|
<div class="menu-list">
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="item">
|
|
|
|
|
<a href="" class="icons icon-settings"> </a>
|
|
|
|
|
|
|
|
|
|
<div class="sub-menu">
|
|
|
|
|
<p class="font-bold"> Cài đặt </p>
|
|
|
|
|
|
|
|
|
|
<div class="menu-list">
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="item">
|
|
|
|
|
<a href="" class="icons icon-support"> </a>
|
|
|
|
|
|
|
|
|
|
<div class="sub-menu">
|
|
|
|
|
<p class="font-bold"> Hỗ trợ </p>
|
|
|
|
|
|
|
|
|
|
<div class="menu-list">
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="item">
|
|
|
|
|
<a href="" class="icons icon-account"> </a>
|
|
|
|
|
|
|
|
|
|
<div class="sub-menu">
|
|
|
|
|
<p class="font-bold"> Quản lý tài khoản </p>
|
|
|
|
|
|
|
|
|
|
<div class="menu-list">
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="item mb-[20px]">
|
|
|
|
|
<a href="" class="icons icon-logout"> </a>
|
|
|
|
|
|
|
|
|
|
<div class="sub-menu">
|
|
|
|
|
<p class="font-bold"> Thoát quản trị </p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="admin-content-container w-[100%]">
|
|
|
|
|
<!-- Header -->
|
2024-01-08 10:03:52 +07:00
|
|
|
<div class="admin-header-container flex items-center justify-between bg-white px-4 py-3">
|
2024-01-08 09:26:16 +07:00
|
|
|
<form class="max-w-[420px] relative w-[100%]">
|
|
|
|
|
<div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
|
|
|
|
|
<svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
|
|
|
|
|
viewBox="0 0 20 20" fill="none">
|
|
|
|
|
<path
|
|
|
|
|
d="M9 17C13.4183 17 17 13.4183 17 9C17 4.58172 13.4183 1 9 1C4.58172 1 1 4.58172 1 9C1 13.4183 4.58172 17 9 17Z"
|
|
|
|
|
stroke="#C5C5C5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
|
|
|
|
|
<path d="M18.9999 19L14.6499 14.65" stroke="#C5C5C5" stroke-width="2" stroke-linecap="round"
|
|
|
|
|
stroke-linejoin="round" />
|
|
|
|
|
</svg>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<input type="search" class="block border h-[36px] ps-10 rounded w-full" placeholder="Tìm kiếm">
|
|
|
|
|
</form>
|
|
|
|
|
|
|
|
|
|
<div class="admin-header-right flex items-center justify-end">
|
|
|
|
|
<a href="" title="Truy cập trung tâm hỗ trợ của Hurasoft">
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" fill="none">
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
|
|
|
d="M14 1.86667C7.29894 1.86667 1.86667 7.29894 1.86667 14C1.86667 20.7011 7.29894 26.1333 14 26.1333C20.7011 26.1333 26.1333 20.7011 26.1333 14C26.1333 7.29894 20.7011 1.86667 14 1.86667ZM0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14Z"
|
|
|
|
|
fill="black" />
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
|
|
|
d="M14.4005 8.43719C13.7054 8.31795 12.9904 8.44859 12.3823 8.80597C11.7742 9.16335 11.3123 9.7244 11.0782 10.3898C10.9071 10.876 10.3743 11.1315 9.88803 10.9605C9.40177 10.7894 9.14625 10.2566 9.3173 9.77032C9.69765 8.68911 10.4484 7.77739 11.4365 7.19665C12.4247 6.61591 13.5864 6.40363 14.7161 6.5974C15.8458 6.79116 16.8704 7.37848 17.6085 8.25532C18.3465 9.13202 18.7505 10.2416 18.7489 11.3875C18.7485 13.1892 17.4095 14.4125 16.3733 15.1033C15.8267 15.4677 15.2868 15.737 14.8872 15.9146C14.686 16.004 14.5171 16.0716 14.3963 16.1176C14.3358 16.1407 14.2872 16.1584 14.2523 16.1708L14.2105 16.1854L14.1978 16.1898L14.1936 16.1912L14.192 16.1917C14.1917 16.1918 14.1908 16.1921 13.8956 15.3067L14.1908 16.1921C13.7017 16.3552 13.1732 16.0909 13.0102 15.6019C12.8473 15.1133 13.111 14.5853 13.5991 14.4217C13.5988 14.4218 13.5993 14.4216 13.5991 14.4217L13.6 14.4214L13.6032 14.4203L13.627 14.412C13.6495 14.404 13.6851 14.3911 13.7318 14.3733C13.8254 14.3376 13.9627 14.2828 14.1291 14.2088C14.4644 14.0598 14.9045 13.8391 15.3379 13.5501C16.2615 12.9344 16.8823 12.1979 16.8823 11.3867L16.8823 11.3853C16.8833 10.68 16.6347 9.99705 16.1805 9.45745C15.7263 8.91786 15.0957 8.55643 14.4005 8.43719Z"
|
|
|
|
|
fill="black" />
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
|
|
|
d="M13.0667 20.5333C13.0667 20.0178 13.4845 19.6 14 19.6H14.0131C14.5285 19.6 14.9464 20.0178 14.9464 20.5333C14.9464 21.0488 14.5285 21.4666 14.0131 21.4666H14C13.4845 21.4666 13.0667 21.0488 13.0667 20.5333Z"
|
|
|
|
|
fill="black" />
|
|
|
|
|
</svg>
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
<div
|
|
|
|
|
class="group relative cursor-pointer ml-[20px] mr-[35px] group [&_summary::-webkit-details-marker]:hidden">
|
|
|
|
|
<div class="relative flex">
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="28" viewBox="0 0 26 28"
|
|
|
|
|
fill="none">
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
|
|
|
d="M12.6752 4.02515C11.6279 4.02515 10.5909 4.23143 9.62329 4.63221C8.65572 5.03299 7.77656 5.62042 7.03601 6.36097C6.29547 7.10152 5.70803 7.98067 5.30725 8.94825C4.90647 9.91582 4.70019 10.9529 4.70019 12.0001C4.70019 16.6158 3.73241 19.3956 2.80371 21.0002H22.5467C21.618 19.3956 20.6502 16.6158 20.6502 12.0001C20.6502 10.9529 20.4439 9.91582 20.0431 8.94825C19.6423 7.98067 19.0549 7.10152 18.3144 6.36097C17.5738 5.62042 16.6947 5.03299 15.7271 4.63221C14.7595 4.23143 13.7225 4.02515 12.6752 4.02515ZM8.85792 2.78445C10.0681 2.28316 11.3653 2.02515 12.6752 2.02515C13.9851 2.02515 15.2822 2.28316 16.4925 2.78445C17.7027 3.28574 18.8023 4.02049 19.7286 4.94676C20.6548 5.87302 21.3896 6.97266 21.8909 8.18288C22.3922 9.3931 22.6502 10.6902 22.6502 12.0001C22.6502 16.3335 23.557 18.7535 24.2781 19.9991L24.2787 20.0001C24.454 20.3037 24.5464 20.6479 24.5467 20.9984C24.547 21.3489 24.4552 21.6933 24.2805 21.9971C24.1058 22.3009 23.8543 22.5535 23.5512 22.7296C23.2482 22.9056 22.9042 22.9989 22.5537 23.0001L22.5502 23.0001H2.80019L2.79667 23.0001C2.4462 22.9989 2.1022 22.9056 1.79914 22.7296C1.49608 22.5535 1.2446 22.3009 1.0699 21.9971C0.895195 21.6933 0.803401 21.3489 0.803712 20.9984C0.804022 20.6479 0.896425 20.3037 1.07167 20.0001L1.07226 19.9991C1.79338 18.7535 2.70019 16.3335 2.70019 12.0001C2.70019 10.6902 2.9582 9.3931 3.45949 8.18288C3.96078 6.97266 4.69554 5.87302 5.6218 4.94676C6.54806 4.02049 7.6477 3.28574 8.85792 2.78445Z"
|
|
|
|
|
fill="black"></path>
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
|
|
|
d="M8.67529 21.0001C9.22758 21.0001 9.67529 21.4478 9.67529 22.0001V23.0001C9.67529 23.7958 9.99136 24.5588 10.554 25.1214C11.1166 25.6841 11.8796 26.0001 12.6753 26.0001C13.4709 26.0001 14.234 25.6841 14.7966 25.1214C15.3592 24.5588 15.6753 23.7958 15.6753 23.0001V22.0001C15.6753 21.4478 16.123 21.0001 16.6753 21.0001C17.2276 21.0001 17.6753 21.4478 17.6753 22.0001V23.0001C17.6753 24.3262 17.1485 25.598 16.2108 26.5357C15.2731 27.4733 14.0014 28.0001 12.6753 28.0001C11.3492 28.0001 10.0774 27.4733 9.13976 26.5357C8.20208 25.598 7.67529 24.3262 7.67529 23.0001V22.0001C7.67529 21.4478 8.12301 21.0001 8.67529 21.0001Z"
|
|
|
|
|
fill="black"></path>
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
|
|
|
d="M18.7546 0.466336C19.0494 -0.000683993 19.667 -0.140291 20.134 0.154515C22.3252 1.5377 24.0937 3.497 25.2459 5.81797C25.4915 6.31265 25.2896 6.91275 24.7949 7.15833C24.3002 7.40391 23.7001 7.20197 23.4545 6.70729C22.4654 4.71495 20.9474 3.03308 19.0664 1.84574C18.5994 1.55094 18.4598 0.933356 18.7546 0.466336Z"
|
|
|
|
|
fill="black"></path>
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
|
|
|
d="M6.59584 0.466336C6.89064 0.933356 6.75103 1.55094 6.28401 1.84574C4.40308 3.03308 2.885 4.71495 1.89592 6.70729C1.65034 7.20197 1.05024 7.40391 0.555559 7.15833C0.0608782 6.91275 -0.141057 6.31265 0.104523 5.81797C1.25675 3.497 3.02523 1.5377 5.21643 0.154515C5.68345 -0.140291 6.30103 -0.000683993 6.59584 0.466336Z"
|
|
|
|
|
fill="black"></path>
|
|
|
|
|
</svg>
|
|
|
|
|
|
|
|
|
|
<span
|
|
|
|
|
class="absolute bg-[#E00000] font-[500] h-[17px] leading-[17px] note right-[-5px] rounded-lg text-[#fff] text-[13px] text-center top-[-3px] w-[17px]">0</span>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div
|
|
|
|
|
class="group-hover:opacity-[1] group-hover:z-[1] opacity-0 absolute bg-white leading-[30px] note-list shadow whitespace-nowrap z-[-1] rounded-[4px] right-[-10px]">
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
<a href=""> Menu title </a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="group relative cursor-pointer group [&_summary::-webkit-details-marker]:hidden">
|
|
|
|
|
<div class="flex items-center">
|
|
|
|
|
<p class="m-0 mr-[10px]"> ducdt@hurasoft.com </p>
|
|
|
|
|
|
|
|
|
|
<img src="https://via.placeholder.com/72x72"
|
|
|
|
|
class="block rounded-[50%] w-[36px] h-[36px] mr-[8px]" />
|
|
|
|
|
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="8" height="6" viewBox="0 0 8 6" fill="none">
|
|
|
|
|
<path
|
|
|
|
|
d="M4.00078 6C3.83058 5.99914 3.66272 5.96041 3.50935 5.88661C3.35599 5.81281 3.22098 5.7058 3.11411 5.57333L0.307445 2.17333C0.143441 1.96865 0.0402359 1.722 0.00958995 1.46151C-0.021056 1.20102 0.0220901 0.937162 0.134112 0.7C0.224965 0.493884 0.373227 0.318276 0.561191 0.194148C0.749155 0.0700212 0.968876 0.00262204 1.19411 0H6.80744C7.03268 0.00262204 7.2524 0.0700212 7.44037 0.194148C7.62833 0.318276 7.77659 0.493884 7.86744 0.7C7.97947 0.937162 8.02261 1.20102 7.99197 1.46151C7.96132 1.722 7.85812 1.96865 7.69411 2.17333L4.88744 5.57333C4.78058 5.7058 4.64557 5.81281 4.4922 5.88661C4.33884 5.96041 4.17097 5.99914 4.00078 6Z"
|
|
|
|
|
fill="#C9C9C9" />
|
|
|
|
|
</svg>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div
|
|
|
|
|
class="group-hover:opacity-[1] group-hover:z-[1] opacity-0 absolute bg-white leading-[30px] note-list shadow whitespace-nowrap z-[-1] rounded-[4px] right-0">
|
|
|
|
|
<a href="">Đổi mật khẩu</a>
|
|
|
|
|
<a href="">Thoát quản trị</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
2024-01-08 10:03:52 +07:00
|
|
|
<!-- Content -->
|
|
|
|
|
<div class="grid w-[100%] ">
|
|
|
|
|
<div class="m-[15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)]">
|
|
|
|
|
<h1 class="text-2xl font-[700] mb-3">Danh sách sản phẩm</h1>
|
|
|
|
|
<form
|
|
|
|
|
class="w-[100%] flex w-[100%] rounded-[10px] p-[15px] border-solid border-[#F6F6F6] border-[1px] shadow-[0_1px_1px_0_rgba(0,0,0,0.1)]">
|
|
|
|
|
<input type="search" class="block border h-[36px] ps-3 rounded w-[375px]"
|
|
|
|
|
placeholder="Tìm sản phẩm">
|
|
|
|
|
<div
|
|
|
|
|
class="w-[100px] rounded-[4px] ml-[9px] bg-[#0041E8] text-white flex leading-[35px] text-center items-center justify-center cursor-pointer">
|
|
|
|
|
Tìm kiếm
|
2024-01-08 09:26:16 +07:00
|
|
|
</div>
|
2024-01-08 10:03:52 +07:00
|
|
|
</form>
|
|
|
|
|
<div class="flex justify-between items-center mt-[20px]">
|
|
|
|
|
<div class="btn-left flex items-center">
|
|
|
|
|
<a href=""
|
|
|
|
|
class="px-[10px] py-[8px] border-[#79B0E2] border-[1px] rounded-[4px] text-[#79B0E2] hover:bg-[#0061ff] hover:text-white mr-[15px]">
|
|
|
|
|
Chọn danh mục để xem
|
|
|
|
|
</a>
|
|
|
|
|
<a href=""
|
|
|
|
|
class="px-[10px] py-[8px] border-[#79B0E2] border-[1px] rounded-[4px] text-[#79B0E2] hover:bg-[#0061ff] hover:text-white mr-[15px]">
|
|
|
|
|
Chọn thương hiệu để xem
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="btn-right flex items-center">
|
|
|
|
|
<a href=""
|
|
|
|
|
class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[15px] font-[500]">
|
|
|
|
|
<span
|
|
|
|
|
class="border-[1px] border-[#0041E8] h-[15px] w-[15px] leading-[12px] text-center rounded-[50%] mr-1">+</span>
|
|
|
|
|
<span>Thêm sản phẩm mới</span>
|
|
|
|
|
</a>
|
|
|
|
|
<a href=""
|
|
|
|
|
class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[15px] hover:stroke-white font-[500]">
|
|
|
|
|
<svg class="hover:fill-white" xmlns="http://www.w3.org/2000/svg" width="14" height="15"
|
|
|
|
|
viewBox="0 0 14 15" fill="none">
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
|
|
|
d="M1.30461 1.30461C1.49965 1.10957 1.76417 1 2.04 1H8.28C8.41791 1 8.55018 1.05479 8.6477 1.1523L12.2877 4.7923C12.3852 4.88982 12.44 5.02209 12.44 5.16V7.76C12.44 8.04719 12.2072 8.28 11.92 8.28C11.6328 8.28 11.4 8.04719 11.4 7.76V5.37539L8.06461 2.04L2.04 2.04L2.04 7.76C2.04 8.04719 1.80719 8.28 1.52 8.28C1.23281 8.28 1 8.04719 1 7.76V2.04C1 1.76417 1.10957 1.49965 1.30461 1.30461Z"
|
|
|
|
|
fill="#0041E8" />
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
|
|
|
d="M8.28 1C8.56719 1 8.8 1.23281 8.8 1.52V4.64H11.92C12.2072 4.64 12.44 4.87281 12.44 5.16C12.44 5.44719 12.2072 5.68 11.92 5.68H8.28C7.99281 5.68 7.76 5.44719 7.76 5.16V1.52C7.76 1.23281 7.99281 1 8.28 1Z"
|
|
|
|
|
fill="#0041E8" />
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
|
|
|
d="M1 10.36C1 10.0728 1.23281 9.84 1.52 9.84H2.56C2.97374 9.84 3.37053 10.0044 3.66309 10.2969C3.95564 10.5895 4.12 10.9863 4.12 11.4C4.12 11.8137 3.95564 12.2105 3.66309 12.5031C3.37053 12.7956 2.97374 12.96 2.56 12.96H2.04V13.48C2.04 13.7672 1.80719 14 1.52 14C1.23281 14 1 13.7672 1 13.48V10.36ZM2.04 11.92H2.56C2.69791 11.92 2.83018 11.8652 2.9277 11.7677C3.02521 11.6702 3.08 11.5379 3.08 11.4C3.08 11.2621 3.02521 11.1298 2.9277 11.0323C2.83018 10.9348 2.69791 10.88 2.56 10.88H2.04V11.92Z"
|
|
|
|
|
fill="#0041E8" />
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
|
|
|
d="M10.1 10.36C10.1 10.0728 10.3328 9.84 10.62 9.84H12.44C12.7272 9.84 12.96 10.0728 12.96 10.36C12.96 10.6472 12.7272 10.88 12.44 10.88H11.14V13.48C11.14 13.7672 10.9072 14 10.62 14C10.3328 14 10.1 13.7672 10.1 13.48V10.36Z"
|
|
|
|
|
fill="#0041E8" />
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
|
|
|
d="M10.1 12.18C10.1 11.8928 10.3328 11.66 10.62 11.66H12.18C12.4672 11.66 12.7 11.8928 12.7 12.18C12.7 12.4672 12.4672 12.7 12.18 12.7H10.62C10.3328 12.7 10.1 12.4672 10.1 12.18Z"
|
|
|
|
|
fill="#0041E8" />
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
|
|
|
d="M5.29 10.36C5.29 10.0728 5.52281 9.84 5.81 9.84H6.72C7.27165 9.84 7.80071 10.0591 8.19078 10.4492C8.58086 10.8393 8.8 11.3683 8.8 11.92C8.8 12.4716 8.58086 13.0007 8.19078 13.3908C7.80071 13.7809 7.27165 14 6.72 14H5.81C5.52281 14 5.29 13.7672 5.29 13.48V10.36ZM6.33 10.88V12.96H6.72C6.99583 12.96 7.26035 12.8504 7.45539 12.6554C7.65043 12.4604 7.76 12.1958 7.76 11.92C7.76 11.6442 7.65043 11.3796 7.45539 11.1846C7.26035 10.9896 6.99583 10.88 6.72 10.88H6.33Z"
|
|
|
|
|
fill="#0041E8" />
|
|
|
|
|
<path
|
|
|
|
|
d="M8.28 1H2.04C1.76417 1 1.49965 1.10957 1.30461 1.30461C1.10957 1.49965 1 1.76417 1 2.04V7.76C1 8.04719 1.23281 8.28 1.52 8.28C1.80719 8.28 2.04 8.04719 2.04 7.76L2.04 2.04L8.06461 2.04L11.4 5.37539V7.76C11.4 8.04719 11.6328 8.28 11.92 8.28C12.2072 8.28 12.44 8.04719 12.44 7.76V5.16M8.28 1C8.41791 1 8.55018 1.05479 8.6477 1.1523L12.2877 4.7923C12.3852 4.88982 12.44 5.02209 12.44 5.16M8.28 1C8.56719 1 8.8 1.23281 8.8 1.52V4.64H11.92C12.2072 4.64 12.44 4.87281 12.44 5.16M8.28 1C7.99281 1 7.76 1.23281 7.76 1.52V5.16C7.76 5.44719 7.99281 5.68 8.28 5.68H11.92C12.2072 5.68 12.44 5.44719 12.44 5.16M1.52 9.84C1.23281 9.84 1 10.0728 1 10.36V13.48C1 13.7672 1.23281 14 1.52 14C1.80719 14 2.04 13.7672 2.04 13.48V12.96H2.56C2.97374 12.96 3.37053 12.7956 3.66309 12.5031C3.95564 12.2105 4.12 11.8137 4.12 11.4C4.12 10.9863 3.95564 10.5895 3.66309 10.2969C3.37053 10.0044 2.97374 9.84 2.56 9.84H1.52ZM2.56 11.92H2.04V10.88H2.56C2.69791 10.88 2.83018 10.9348 2.9277 11.0323C3.02521 11.1298 3.08 11.2621 3.08 11.4C3.08 11.5379 3.02521 11.6702 2.9277 11.7677C2.83018 11.8652 2.69791 11.92 2.56 11.92ZM10.62 9.84C10.3328 9.84 10.1 10.0728 10.1 10.36V13.48C10.1 13.7672 10.3328 14 10.62 14C10.9072 14 11.14 13.7672 11.14 13.48V10.88H12.44C12.7272 10.88 12.96 10.6472 12.96 10.36C12.96 10.0728 12.7272 9.84 12.44 9.84H10.62ZM10.62 11.66C10.3328 11.66 10.1 11.8928 10.1 12.18C10.1 12.4672 10.3328 12.7 10.62 12.7H12.18C12.4672 12.7 12.7 12.4672 12.7 12.18C12.7 11.8928 12.4672 11.66 12.18 11.66H10.62ZM5.81 9.84C5.52281 9.84 5.29 10.0728 5.29 10.36V13.48C5.29 13.7672 5.52281 14 5.81 14H6.72C7.27165 14 7.80071 13.7809 8.19078 13.3908C8.58086 13.0007 8.8 12.4716 8.8 11.92C8.8 11.3683 8.58086 10.8393 8.19078 10.4492C7.80071 10.0591 7.27165 9.84 6.72 9.84H5.81ZM6.33 12.96V10.88H6.72C6.99583 10.88 7.26035 10.9896 7.45539 11.1846C7.65043 11.3796 7.76 11.6442 7.76 11.92C7.76 12.1958 7.65043 12.4604 7.45539 12.6554C7.26035 12.8504 6.99583 12.96 6.72 12.96H6.33Z"
|
|
|
|
|
stroke="#0041E8" stroke-width="0.3" stroke-linecap="round"
|
|
|
|
|
stroke-linejoin="round" />
|
|
|
|
|
</svg>
|
|
|
|
|
<span class="ml-1">Danh sách cập nhật</span>
|
|
|
|
|
</a>
|
|
|
|
|
<a href=""
|
|
|
|
|
class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[15px] hover:stroke-white font-[500]">
|
|
|
|
|
<svg class="hover:fill-white" xmlns="http://www.w3.org/2000/svg" width="13" height="15"
|
|
|
|
|
viewBox="0 0 13 15">
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
|
|
|
d="M1.29289 1.29289C1.48043 1.10536 1.73478 1 2 1H8C8.13261 1 8.25979 1.05268 8.35355 1.14645L11.8536 4.64645C11.9473 4.74021 12 4.86739 12 5V13C12 13.2652 11.8946 13.5196 11.7071 13.7071C11.5196 13.8946 11.2652 14 11 14H2C1.73478 14 1.48043 13.8946 1.29289 13.7071C1.10536 13.5196 1 13.2652 1 13V2C1 1.73478 1.10536 1.48043 1.29289 1.29289ZM7.79289 2L2 2L2 13H11V5.20711L7.79289 2Z"
|
|
|
|
|
fill="#0041E8" stroke="#0041E8" stroke-width="0.3" stroke-linecap="round"
|
|
|
|
|
stroke-linejoin="round" />
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
|
|
|
d="M8 1C8.27614 1 8.5 1.22386 8.5 1.5V4.5H11.5C11.7761 4.5 12 4.72386 12 5C12 5.27614 11.7761 5.5 11.5 5.5H8C7.72386 5.5 7.5 5.27614 7.5 5V1.5C7.5 1.22386 7.72386 1 8 1Z"
|
|
|
|
|
fill="#0041E8" stroke="#0041E8" stroke-width="0.3" stroke-linecap="round"
|
|
|
|
|
stroke-linejoin="round" />
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
|
|
|
d="M4.64645 7.14645C4.84171 6.95118 5.15829 6.95118 5.35355 7.14645L8.35355 10.1464C8.54882 10.3417 8.54882 10.6583 8.35355 10.8536C8.15829 11.0488 7.84171 11.0488 7.64645 10.8536L4.64645 7.85355C4.45118 7.65829 4.45118 7.34171 4.64645 7.14645Z"
|
|
|
|
|
fill="#0041E8" stroke="#0041E8" stroke-width="0.3" stroke-linecap="round"
|
|
|
|
|
stroke-linejoin="round" />
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
|
|
|
d="M8.35355 7.14645C8.54882 7.34171 8.54882 7.65829 8.35355 7.85355L5.35355 10.8536C5.15829 11.0488 4.84171 11.0488 4.64645 10.8536C4.45118 10.6583 4.45118 10.3417 4.64645 10.1464L7.64645 7.14645C7.84171 6.95118 8.15829 6.95118 8.35355 7.14645Z"
|
|
|
|
|
fill="#0041E8" stroke="#0041E8" stroke-width="0.3" stroke-linecap="round"
|
|
|
|
|
stroke-linejoin="round" />
|
|
|
|
|
</svg>
|
|
|
|
|
<span class="ml-1">Cập nhật Excel</span>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<table class="w-[100%] mt-[20px] product-list">
|
|
|
|
|
<thead>
|
|
|
|
|
<tr>
|
|
|
|
|
<th>STT</th>
|
|
|
|
|
<th>ID</th>
|
|
|
|
|
<th>Ảnh</th>
|
|
|
|
|
<th>Sản phẩm (Tổng số: 1.742)</th>
|
|
|
|
|
<th>Người dùng</th>
|
|
|
|
|
<th>Thông tin bán hàng</th>
|
|
|
|
|
<th>Thông tin khác</th>
|
|
|
|
|
<th>
|
|
|
|
|
<span>Đặc điểm</span>
|
|
|
|
|
<select name="" id=""
|
|
|
|
|
class="block w-[160px] bg-white border-[1px] border-[#D8D8D8] font-[400] h-[30px] mt-[5px] rounded-[4px]">
|
|
|
|
|
<option value="">Lọc sản phẩm</option>
|
|
|
|
|
</select>
|
|
|
|
|
</th>
|
|
|
|
|
<th>Công cụ</th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>1</td>
|
|
|
|
|
<td>#2105</td>
|
|
|
|
|
<td>
|
|
|
|
|
<img class="block m-auto" src="./images/img-product.png" alt="">
|
|
|
|
|
<span class="text-center block">6 ảnh</span>
|
|
|
|
|
<a href="" class="text-center flex justify-center">
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13"
|
|
|
|
|
viewBox="0 0 12 13" fill="none">
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
|
|
|
d="M6.67307 0.173073C6.90384 -0.0576911 7.27798 -0.0576911 7.50875 0.173073L9.87238 2.53671C10.1031 2.76747 10.1031 3.14162 9.87238 3.37238L3.37238 9.87238C3.26156 9.9832 3.11126 10.0455 2.95455 10.0455H0.590909C0.264559 10.0455 0 9.7809 0 9.45455V7.09091C0 6.93419 0.0622563 6.78389 0.173073 6.67307L6.67307 0.173073ZM1.18182 7.33567V8.86364H2.70978L8.61887 2.95455L7.09091 1.42658L1.18182 7.33567Z"
|
|
|
|
|
fill="#0041E8" />
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
|
|
|
d="M0 12.4091C0 12.0828 0.264559 11.8182 0.590909 11.8182H11.2273C11.5536 11.8182 11.8182 12.0828 11.8182 12.4091C11.8182 12.7355 11.5536 13.0001 11.2273 13.0001H0.590909C0.264559 13.0001 0 12.7355 0 12.4091Z"
|
|
|
|
|
fill="#0041E8" />
|
|
|
|
|
</svg>
|
|
|
|
|
</a>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<a href="" class="text-[#0041E8]">Chăn hè đũi xơ đậu nành mã 32 Gấu xanh</a>
|
|
|
|
|
<p class="text-[#FFC700]">[Có cấu hình]</p>
|
|
|
|
|
<div class="flex items-center">
|
|
|
|
|
<span>Danh mục:</span>
|
|
|
|
|
<b class="mx-[10px]">Màn hình Máy tính</b>
|
|
|
|
|
<a href=""><svg xmlns="http://www.w3.org/2000/svg" width="12" height="13"
|
|
|
|
|
viewBox="0 0 12 13" fill="none">
|
2024-01-08 09:26:16 +07:00
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
2024-01-08 10:03:52 +07:00
|
|
|
d="M6.67307 0.173073C6.90384 -0.0576911 7.27798 -0.0576911 7.50875 0.173073L9.87238 2.53671C10.1031 2.76747 10.1031 3.14162 9.87238 3.37238L3.37238 9.87238C3.26156 9.9832 3.11126 10.0455 2.95455 10.0455H0.590909C0.264559 10.0455 0 9.7809 0 9.45455V7.09091C0 6.93419 0.0622563 6.78389 0.173073 6.67307L6.67307 0.173073ZM1.18182 7.33567V8.86364H2.70978L8.61887 2.95455L7.09091 1.42658L1.18182 7.33567Z"
|
|
|
|
|
fill="#0041E8" />
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
|
|
|
d="M0 12.4091C0 12.0828 0.264559 11.8182 0.590909 11.8182H11.2273C11.5536 11.8182 11.8182 12.0828 11.8182 12.4091C11.8182 12.7355 11.5536 13.0001 11.2273 13.0001H0.590909C0.264559 13.0001 0 12.7355 0 12.4091Z"
|
|
|
|
|
fill="#0041E8" />
|
|
|
|
|
</svg></a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="flex items-center">
|
|
|
|
|
<span>Mã kho</span>
|
|
|
|
|
<b class="px-[5px]">MH241</b>
|
|
|
|
|
<span class="text-[#000] font-[500]">|</span>
|
|
|
|
|
<span class="px-[5px]">Hãng</span>
|
|
|
|
|
<p class="text-[#0041E8]">ABS</p>
|
|
|
|
|
</div>
|
|
|
|
|
<p>Cập nhật: 20-10-2023, 5:48 pm <span class="text-[#E00000]">(49 ngày)</span></p>
|
|
|
|
|
<p>Người cập nhật : anhtt@hurasoft.com</p>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<p>- Xem : 0</p>
|
|
|
|
|
<p>- Thích : 0</p>
|
|
|
|
|
<p>- Mua : 0</p>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<div class="flex items-center mb-[1px]">
|
|
|
|
|
<span>- Giá bán:</span>
|
|
|
|
|
<b class="text-[#E00000] ml-[3px]">300.000 vnd</b>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="flex items-center">
|
|
|
|
|
<span>- Sl tổng:</span>
|
|
|
|
|
<b class="ml-[3px]">1</b>
|
|
|
|
|
</div>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<div class="flex items-center mb-[1px]">
|
|
|
|
|
<span>- Giá bán:</span>
|
|
|
|
|
<b class="text-[#E00000] ml-[3px]">300.000 vnd</b>
|
|
|
|
|
</div>
|
|
|
|
|
<p>- Bảo hành: Ato test</p>
|
|
|
|
|
<p>- Khuyến mại: + Ato test</p>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<div>
|
|
|
|
|
<input type="checkbox" name="" id="">
|
|
|
|
|
<label for="">Mới Hot (Hỏi nhiều)</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<input type="checkbox" name="" id="">
|
|
|
|
|
<label for="">Bán chạy</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<input type="checkbox" name="" id="">
|
|
|
|
|
<label for="">Xả hàng (sale-off)</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<input type="checkbox" name="" id="">
|
|
|
|
|
<label for="">Chỉ bán online</label>
|
|
|
|
|
</div>
|
|
|
|
|
<a href=""
|
|
|
|
|
class="bg-[#0041E8] rounded-[4px] text-white px-[10px] py-[6px] mt-[3px] inline-block">Cập
|
|
|
|
|
nhật</a>
|
|
|
|
|
</td>
|
|
|
|
|
<td class="">
|
|
|
|
|
<div class="list-btn flex items-center w-[150px]">
|
|
|
|
|
<a href=""
|
|
|
|
|
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13"
|
|
|
|
|
viewBox="0 0 12 13" fill="none">
|
2024-01-08 09:26:16 +07:00
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
2024-01-08 10:03:52 +07:00
|
|
|
d="M6.67307 0.173073C6.90384 -0.0576911 7.27798 -0.0576911 7.50875 0.173073L9.87238 2.53671C10.1031 2.76747 10.1031 3.14162 9.87238 3.37238L3.37238 9.87238C3.26156 9.9832 3.11126 10.0455 2.95455 10.0455H0.590909C0.264559 10.0455 0 9.7809 0 9.45455V7.09091C0 6.93419 0.0622563 6.78389 0.173073 6.67307L6.67307 0.173073ZM1.18182 7.33567V8.86364H2.70978L8.61887 2.95455L7.09091 1.42658L1.18182 7.33567Z"
|
|
|
|
|
fill="#0041E8"></path>
|
2024-01-08 09:26:16 +07:00
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
2024-01-08 10:03:52 +07:00
|
|
|
d="M0 12.4091C0 12.0828 0.264559 11.8182 0.590909 11.8182H11.2273C11.5536 11.8182 11.8182 12.0828 11.8182 12.4091C11.8182 12.7355 11.5536 13.0001 11.2273 13.0001H0.590909C0.264559 13.0001 0 12.7355 0 12.4091Z"
|
|
|
|
|
fill="#0041E8"></path>
|
2024-01-08 09:26:16 +07:00
|
|
|
</svg>
|
2024-01-08 10:03:52 +07:00
|
|
|
</a>
|
|
|
|
|
<a href=""
|
|
|
|
|
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13"
|
2024-01-08 09:26:16 +07:00
|
|
|
viewBox="0 0 13 13" fill="none">
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
|
|
|
d="M6.5 1.18182C3.56285 1.18182 1.18182 3.56285 1.18182 6.5C1.18182 9.43715 3.56285 11.8182 6.5 11.8182C9.43715 11.8182 11.8182 9.43715 11.8182 6.5C11.8182 3.56285 9.43715 1.18182 6.5 1.18182ZM0 6.5C0 2.91015 2.91015 0 6.5 0C10.0899 0 13 2.91015 13 6.5C13 10.0899 10.0899 13 6.5 13C2.91015 13 0 10.0899 0 6.5Z"
|
2024-01-08 10:03:52 +07:00
|
|
|
fill="#0041E8" />
|
2024-01-08 09:26:16 +07:00
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
2024-01-08 10:03:52 +07:00
|
|
|
d="M0 6.5C0 6.17365 0.264559 5.90909 0.590909 5.90909H12.4091C12.7354 5.90909 13 6.17365 13 6.5C13 6.82635 12.7354 7.09091 12.4091 7.09091H0.590909C0.264559 7.09091 0 6.82635 0 6.5Z"
|
|
|
|
|
fill="#0041E8" />
|
2024-01-08 09:26:16 +07:00
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
2024-01-08 10:03:52 +07:00
|
|
|
d="M4.72741 6.50001C4.76791 8.31696 5.39279 10.0662 6.5 11.4927C7.60721 10.0662 8.23209 8.31696 8.27259 6.50001C8.23209 4.68306 7.60721 2.93378 6.5 1.5073C5.39279 2.93378 4.76791 4.68306 4.72741 6.50001ZM6.5 0.590918L6.0637 0.192395C4.48907 1.91627 3.59421 4.15342 3.54558 6.4877C3.54541 6.4959 3.54541 6.50411 3.54558 6.51232C3.59421 8.84659 4.48907 11.0837 6.0637 12.8076C6.17566 12.9302 6.334 13 6.5 13C6.666 13 6.82434 12.9302 6.93629 12.8076C8.51093 11.0837 9.40579 8.84659 9.45442 6.51232C9.45459 6.50411 9.45459 6.4959 9.45442 6.4877C9.40579 4.15342 8.51093 1.91627 6.93629 0.192395L6.5 0.590918Z"
|
|
|
|
|
fill="#0041E8" />
|
2024-01-08 09:26:16 +07:00
|
|
|
</svg>
|
2024-01-08 10:03:52 +07:00
|
|
|
</a>
|
|
|
|
|
<a href=""
|
|
|
|
|
class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13"
|
|
|
|
|
viewBox="0 0 12 13" fill="none">
|
2024-01-08 09:26:16 +07:00
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
2024-01-08 10:03:52 +07:00
|
|
|
d="M0 2.95455C0 2.6282 0.264559 2.36364 0.590909 2.36364H11.2273C11.5536 2.36364 11.8182 2.6282 11.8182 2.95455C11.8182 3.2809 11.5536 3.54545 11.2273 3.54545H0.590909C0.264559 3.54545 0 3.2809 0 2.95455Z"
|
|
|
|
|
fill="#9E9E9E" />
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
|
|
|
d="M4.72727 1.18182C4.57055 1.18182 4.42025 1.24407 4.30944 1.35489C4.19862 1.46571 4.13636 1.61601 4.13636 1.77273V2.36364H7.68182V1.77273C7.68182 1.61601 7.61956 1.46571 7.50875 1.35489C7.39793 1.24407 7.24763 1.18182 7.09091 1.18182H4.72727ZM8.86364 2.36364V1.77273C8.86364 1.30257 8.67687 0.85167 8.34442 0.51922C8.01197 0.186769 7.56107 0 7.09091 0H4.72727C4.25712 0 3.80622 0.186769 3.47377 0.51922C3.14132 0.85167 2.95455 1.30257 2.95455 1.77273V2.36364H1.77273C1.44638 2.36364 1.18182 2.6282 1.18182 2.95455V11.2273C1.18182 11.6974 1.36859 12.1483 1.70104 12.4808C2.03349 12.8132 2.48439 13 2.95455 13H8.86364C9.33379 13 9.78469 12.8132 10.1171 12.4808C10.4496 12.1483 10.6364 11.6974 10.6364 11.2273V2.95455C10.6364 2.6282 10.3718 2.36364 10.0455 2.36364H8.86364ZM2.36364 3.54545V11.2273C2.36364 11.384 2.42589 11.5343 2.53671 11.6451C2.64753 11.7559 2.79783 11.8182 2.95455 11.8182H8.86364C9.02036 11.8182 9.17066 11.7559 9.28147 11.6451C9.39229 11.5343 9.45455 11.384 9.45455 11.2273V3.54545H2.36364Z"
|
|
|
|
|
fill="#9E9E9E" />
|
2024-01-08 09:26:16 +07:00
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
2024-01-08 10:03:52 +07:00
|
|
|
d="M4.72727 5.31818C5.05362 5.31818 5.31818 5.58274 5.31818 5.90909V9.45455C5.31818 9.7809 5.05362 10.0455 4.72727 10.0455C4.40092 10.0455 4.13636 9.7809 4.13636 9.45455V5.90909C4.13636 5.58274 4.40092 5.31818 4.72727 5.31818Z"
|
|
|
|
|
fill="#9E9E9E" />
|
2024-01-08 09:26:16 +07:00
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
2024-01-08 10:03:52 +07:00
|
|
|
d="M7.09091 5.31818C7.41726 5.31818 7.68182 5.58274 7.68182 5.90909V9.45455C7.68182 9.7809 7.41726 10.0455 7.09091 10.0455C6.76456 10.0455 6.5 9.7809 6.5 9.45455V5.90909C6.5 5.58274 6.76456 5.31818 7.09091 5.31818Z"
|
|
|
|
|
fill="#9E9E9E" />
|
2024-01-08 09:26:16 +07:00
|
|
|
</svg>
|
2024-01-08 10:03:52 +07:00
|
|
|
</a>
|
|
|
|
|
<a href=""
|
|
|
|
|
class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13"
|
2024-01-08 09:26:16 +07:00
|
|
|
viewBox="0 0 13 13" fill="none">
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
2024-01-08 10:03:52 +07:00
|
|
|
d="M0 1.08333C0 0.485025 0.485025 0 1.08333 0H11.9167C12.515 0 13 0.485025 13 1.08333V11.9167C13 12.515 12.515 13 11.9167 13H1.08333C0.485025 13 0 12.515 0 11.9167V1.08333ZM11.9167 1.08333H1.08333V11.9167H11.9167V1.08333Z"
|
|
|
|
|
fill="#9E9E9E" />
|
2024-01-08 09:26:16 +07:00
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
2024-01-08 10:03:52 +07:00
|
|
|
d="M3.82164 6.53001C4.03318 6.31848 4.37614 6.31848 4.58768 6.53001L6.49997 8.44231L8.41227 6.53001C8.6238 6.31848 8.96677 6.31848 9.1783 6.53001C9.38984 6.74155 9.38984 7.08451 9.1783 7.29604L6.88299 9.59136C6.67146 9.80289 6.32849 9.80289 6.11696 9.59136L3.82165 7.29604C3.61011 7.08451 3.61011 6.74155 3.82164 6.53001Z"
|
|
|
|
|
fill="#9E9E9E" />
|
2024-01-08 09:26:16 +07:00
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
2024-01-08 10:03:52 +07:00
|
|
|
d="M6.5 3.25C6.79915 3.25 7.04167 3.49251 7.04167 3.79167V9.20833C7.04167 9.50749 6.79915 9.75 6.5 9.75C6.20085 9.75 5.95833 9.50749 5.95833 9.20833V3.79167C5.95833 3.49251 6.20085 3.25 6.5 3.25Z"
|
|
|
|
|
fill="#9E9E9E" />
|
2024-01-08 09:26:16 +07:00
|
|
|
</svg>
|
2024-01-08 10:03:52 +07:00
|
|
|
</a>
|
2024-01-08 09:26:16 +07:00
|
|
|
</div>
|
2024-01-08 10:03:52 +07:00
|
|
|
<div class="flex items-center w-[150px] mt-[10px]">
|
|
|
|
|
<span>STT</span>
|
|
|
|
|
<input type="text" value="1"
|
|
|
|
|
class="w-[55px] border-[1px] border-[#D8D8D8] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] px-[5px] py-[3px] rounded-[4px] ml-[5px]">
|
2024-01-08 09:26:16 +07:00
|
|
|
</div>
|
2024-01-08 10:03:52 +07:00
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
2024-01-08 09:26:16 +07:00
|
|
|
</div>
|
|
|
|
|
|
2024-01-08 10:03:52 +07:00
|
|
|
</div>
|
2024-01-08 09:26:16 +07:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
2024-01-08 10:31:31 +07:00
|
|
|
<<<<<<< HEAD
|
|
|
|
|
=======
|
2024-01-08 10:05:23 +07:00
|
|
|
<!-- end -->
|
2024-01-08 10:31:31 +07:00
|
|
|
>>>>>>> tieptk
|
2024-01-08 10:03:52 +07:00
|
|
|
|
2024-01-08 09:26:16 +07:00
|
|
|
<!-- Script -->
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
|
|
|
|
|
|
2024-01-08 10:03:52 +07:00
|
|
|
|
|
|
|
|
|
2024-01-08 09:26:16 +07:00
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|
