tieptk/admin_hura_8
2
1
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

19/01/2024

Browse Source
This commit is contained in:
Tieptk
2024-01-19 15:21:00 +07:00
parent 8c5660d739
commit 4d92ccd175
5 changed files with 694 additions and 661 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
assets/script/pc_style.css
View File

@@ -281,6 +281,10 @@ a {
.admin-menu-container .icon-logout { .admin-menu-container .icon-logout {
background-position: -9px -45px; background-position: -9px -45px;
} }
.admin-menu-container .icon-close {
position: absolute;
right: 10px;
}
.admin-menu { .admin-menu {
color: #fff; color: #fff;
@@ -303,6 +307,10 @@ a {
opacity: 1; opacity: 1;
visibility: inherit; visibility: inherit;
} }
.admin-menu .item.bottom:hover .sub-menu {
top: auto;
bottom: 0;
}
.admin-menu .sub-menu { .admin-menu .sub-menu {
padding: 10px 22px 10px 15px; padding: 10px 22px 10px 15px;
border-radius: 6px; border-radius: 6px;
@@ -396,6 +404,24 @@ a {
.admin-menu .icon-logout { .admin-menu .icon-logout {
background-position: 6px -34px; background-position: 6px -34px;
} }
.admin-menu .icon-close {
position: absolute;
right: -30px;
height: 30px;
width: 30px;
display: none;
background-color: rgb(0 78 153/var(--tw-bg-opacity));
}
.admin-menu .icon-close i {
display: block;
margin: 0 auto;
text-align: center;
margin-top: 6px;
line-height: 20px;
}
.admin-menu:hover .icon-close {
display: block;
}
.admin-content-container .note-list { .admin-content-container .note-list {
min-width: 144px; min-width: 144px;

2
assets/script/pc_style.css.map
View File

@@ -1 +1 @@
{"version":3,"sources":["pc_style.scss","pc_style.css"],"names":[],"mappings":"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","file":"pc_style.css"} {"version":3,"sources":["pc_style.scss","pc_style.css"],"names":[],"mappings":"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","file":"pc_style.css"}

32
assets/script/pc_style.scss
View File

@@ -265,6 +265,10 @@ a {
.icon-logout { .icon-logout {
background-position: -9px -45px; background-position: -9px -45px;
} }
.icon-close {
position: absolute;
right: 10px;
}
} }
.admin-menu { .admin-menu {
color: #fff; color: #fff;
@@ -285,6 +289,14 @@ a {
visibility: inherit; visibility: inherit;
} }
} }
&.bottom {
&:hover {
.sub-menu {
top: auto;
bottom: 0;
}
}
}
} }
.sub-menu { .sub-menu {
padding: 10px 22px 10px 15px; padding: 10px 22px 10px 15px;
@@ -379,6 +391,26 @@ a {
.icon-logout { .icon-logout {
background-position: 6px -34px; background-position: 6px -34px;
} }
.icon-close {
position: absolute;
right: -30px;
height: 30px;
width: 30px;
display: none;
background-color: rgb(0 78 153 / var(--tw-bg-opacity));
i {
display: block;
margin: 0 auto;
text-align: center;
margin-top: 6px;
line-height: 20px;
}
}
&:hover {
.icon-close {
display: block;
}
}
} }
.admin-content-container { .admin-content-container {
.note-list { .note-list {

437
template/home/home.html
View File

@@ -2,56 +2,23 @@
<!-- col-left --> <!-- col-left -->
<div class="col-span-7 grid grid-cols-4 max-[1620px]:gap-[10px] gap-[16px]"> <div class="col-span-7 grid grid-cols-4 max-[1620px]:gap-[10px] gap-[16px]">
<div
class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]">
<div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]">
<div class="flex justify-between leading-[16px] min-h-[32px]">
<p class="mr-[10px] w-[calc(100%-36px)] text-[#B1B1B1] text-[12px] uppercase">Đơn hàng mới</p>
<a href="" {% include home/components/main_stat %}
class="bg-[#F0F8FF] flex h-[26px] items-center justify-center rounded-[4px] text-center w-[26px]">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"
fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0 0.777778C0 0.348223 0.348223 0 0.777778 0H2.16049C2.53125 0 2.85046 0.261691 2.92317 0.625243L3.07466 1.38272H13.2222C13.4918 1.38272 13.7421 1.52229 13.8838 1.75159C14.0256 1.98089 14.0384 2.26722 13.9179 2.50833L11.1525 8.03919C11.0207 8.30269 10.7514 8.46914 10.4568 8.46914H3.86538L2.65551 9.67901H10.4568C11.65 9.67901 12.6173 10.6463 12.6173 11.8395C12.6173 13.0327 11.65 14 10.4568 14C9.26356 14 8.2963 13.0327 8.2963 11.8395C8.2963 11.6295 8.32625 11.4265 8.38213 11.2346H5.61787C5.67375 11.4265 5.7037 11.6295 5.7037 11.8395C5.7037 13.0327 4.73641 14 3.54321 14C2.35001 14 1.38272 13.0327 1.38272 11.8395C1.38272 11.5231 1.45075 11.2225 1.57298 10.9517C0.903709 10.4543 0.723772 9.41089 1.40802 8.72661L2.6989 7.43572L1.52287 1.55556H0.777778C0.348223 1.55556 0 1.20733 0 0.777778ZM4.18084 6.91358H9.9761L11.9638 2.93827H3.38577L4.18084 6.91358ZM3.54321 11.2346C3.2091 11.2346 2.93827 11.5054 2.93827 11.8395C2.93827 12.1736 3.2091 12.4444 3.54321 12.4444C3.87732 12.4444 4.14815 12.1736 4.14815 11.8395C4.14815 11.5054 3.87732 11.2346 3.54321 11.2346ZM10.4568 11.2346C10.1227 11.2346 9.85185 11.5054 9.85185 11.8395C9.85185 12.1736 10.1227 12.4444 10.4568 12.4444C10.7909 12.4444 11.0617 12.1736 11.0617 11.8395C11.0617 11.5054 10.7909 11.2346 10.4568 11.2346Z"
fill="#0041E8"></path>
</svg>
</a>
</div>
<p class="text-[28px] max-[1620px]:text-[22px] leading-[36px] font-[600]">10.000.000</p>
</div>
<div class="flex items-center p-[8px_13px]">
<div
class="bg-[#E8F7F2] bg-green-100 flex font-[700] inline-flex items-center leading-[24px] mr-[10px] px-[5px] rounded-[4px] text-[#299D00] text-[14px]">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8"
fill="none" class="mr-[2px]">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M7.33333 1.33333C6.96514 1.33333 6.66667 1.03486 6.66667 0.666667C6.66667 0.298477 6.96514 0 7.33333 0H12.6667C13.0349 0 13.3333 0.298477 13.3333 0.666667V6C13.3333 6.36819 13.0349 6.66667 12.6667 6.66667C12.2985 6.66667 12 6.36819 12 6V2.27614L7.80474 6.4714C7.67971 6.59643 7.51014 6.66667 7.33333 6.66667C7.15652 6.66667 6.98695 6.59643 6.86193 6.4714L4.66667 4.27614L1.13807 7.80474C0.877722 8.06509 0.455612 8.06509 0.195262 7.80474C-0.0650874 7.54439 -0.0650874 7.12228 0.195262 6.86193L4.19526 2.86193C4.32029 2.7369 4.48985 2.66667 4.66667 2.66667C4.84348 2.66667 5.01305 2.7369 5.13807 2.86193L7.33333 5.05719L11.0572 1.33333H7.33333Z"
fill="#299D00"></path>
</svg>
<b class="font-[700]"> 10% </b>
</div>
<p class="text-[#C5C5C5] text-[12px]">Hôm qua</p>
</div>
</div>
<div <div
class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]"> class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]">
<div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]"> <div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]">
<div class="flex justify-between leading-[16px] min-h-[32px]"> <div class="flex justify-between leading-[16px] min-h-[32px]">
<p class="w-[calc(100%-36px)] mr-[10px] text-[#B1B1B1] text-[12px] uppercase">Khách hàng <p class="w-[calc(100%-36px)] mr-[10px] text-[#B1B1B1] text-[12px] uppercase">Khách hàng
liên hệ qua website</p> liên hệ qua website</p>
<a href="" <a href=""
class="bg-[#F0F9F2] flex h-[26px] items-center justify-center rounded-[4px] text-center w-[26px]"> class="bg-[#F0F9F2] flex h-[26px] items-center justify-center rounded-[4px] text-center w-[26px]">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" <path fill-rule="evenodd" clip-rule="evenodd"
d="M4.92593 1.55556C3.82817 1.55556 2.93827 2.44546 2.93827 3.54321C2.93827 4.64096 3.82817 5.53086 4.92593 5.53086C6.02366 5.53086 6.91358 4.64096 6.91358 3.54321C6.91358 2.44546 6.02366 1.55556 4.92593 1.55556ZM1.38272 3.54321C1.38272 1.58635 2.96906 0 4.92593 0C6.88275 0 8.46914 1.58634 8.46914 3.54321C8.46914 5.50008 6.88275 7.08642 4.92593 7.08642C2.96906 7.08642 1.38272 5.50007 1.38272 3.54321ZM11.1481 4.14815C11.5777 4.14815 11.9259 4.49637 11.9259 4.92593V6.22222H13.2222C13.6518 6.22222 14 6.57045 14 7C14 7.42956 13.6518 7.77778 13.2222 7.77778H11.9259V9.07407C11.9259 9.50363 11.5777 9.85185 11.1481 9.85185C10.7186 9.85185 10.3704 9.50363 10.3704 9.07407V7.77778H9.07407C8.64452 7.77778 8.2963 7.42956 8.2963 7C8.2963 6.57045 8.64452 6.22222 9.07407 6.22222H10.3704V4.92593C10.3704 4.49637 10.7186 4.14815 11.1481 4.14815ZM1.55664 12.4444H8.29521C8.24937 10.623 6.75843 9.16049 4.92593 9.16049C3.09341 9.16049 1.60249 10.623 1.55664 12.4444ZM0 12.5309C0 9.81036 2.20541 7.60494 4.92593 7.60494C7.64643 7.60494 9.85185 9.81036 9.85185 12.5309V13.2222C9.85185 13.6518 9.50363 14 9.07407 14H0.777778C0.348223 14 0 13.6518 0 13.2222V12.5309Z" d="M4.92593 1.55556C3.82817 1.55556 2.93827 2.44546 2.93827 3.54321C2.93827 4.64096 3.82817 5.53086 4.92593 5.53086C6.02366 5.53086 6.91358 4.64096 6.91358 3.54321C6.91358 2.44546 6.02366 1.55556 4.92593 1.55556ZM1.38272 3.54321C1.38272 1.58635 2.96906 0 4.92593 0C6.88275 0 8.46914 1.58634 8.46914 3.54321C8.46914 5.50008 6.88275 7.08642 4.92593 7.08642C2.96906 7.08642 1.38272 5.50007 1.38272 3.54321ZM11.1481 4.14815C11.5777 4.14815 11.9259 4.49637 11.9259 4.92593V6.22222H13.2222C13.6518 6.22222 14 6.57045 14 7C14 7.42956 13.6518 7.77778 13.2222 7.77778H11.9259V9.07407C11.9259 9.50363 11.5777 9.85185 11.1481 9.85185C10.7186 9.85185 10.3704 9.50363 10.3704 9.07407V7.77778H9.07407C8.64452 7.77778 8.2963 7.42956 8.2963 7C8.2963 6.57045 8.64452 6.22222 9.07407 6.22222H10.3704V4.92593C10.3704 4.49637 10.7186 4.14815 11.1481 4.14815ZM1.55664 12.4444H8.29521C8.24937 10.623 6.75843 9.16049 4.92593 9.16049C3.09341 9.16049 1.60249 10.623 1.55664 12.4444ZM0 12.5309C0 9.81036 2.20541 7.60494 4.92593 7.60494C7.64643 7.60494 9.85185 9.81036 9.85185 12.5309V13.2222C9.85185 13.6518 9.50363 14 9.07407 14H0.777778C0.348223 14 0 13.6518 0 13.2222V12.5309Z"
fill="#299D00" /> fill="#299D00" />
</svg> </svg>
</a> </a>
</div> </div>
@@ -61,12 +28,12 @@
<div class="flex items-center p-[8px_13px]"> <div class="flex items-center p-[8px_13px]">
<div <div
class="bg-[#E8F7F2] bg-green-100 flex font-[700] inline-flex items-center leading-[24px] mr-[10px] px-[5px] rounded-[4px] text-[#299D00] text-[14px]"> class="bg-[#E8F7F2] bg-green-100 flex font-[700] inline-flex items-center leading-[24px] mr-[10px] px-[5px] rounded-[4px] text-[#299D00] text-[14px]">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8" <svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8" fill="none"
fill="none" class="mr-[2px]"> class="mr-[2px]">
<path fill-rule="evenodd" clip-rule="evenodd" <path fill-rule="evenodd" clip-rule="evenodd"
d="M7.33333 1.33333C6.96514 1.33333 6.66667 1.03486 6.66667 0.666667C6.66667 0.298477 6.96514 0 7.33333 0H12.6667C13.0349 0 13.3333 0.298477 13.3333 0.666667V6C13.3333 6.36819 13.0349 6.66667 12.6667 6.66667C12.2985 6.66667 12 6.36819 12 6V2.27614L7.80474 6.4714C7.67971 6.59643 7.51014 6.66667 7.33333 6.66667C7.15652 6.66667 6.98695 6.59643 6.86193 6.4714L4.66667 4.27614L1.13807 7.80474C0.877722 8.06509 0.455612 8.06509 0.195262 7.80474C-0.0650874 7.54439 -0.0650874 7.12228 0.195262 6.86193L4.19526 2.86193C4.32029 2.7369 4.48985 2.66667 4.66667 2.66667C4.84348 2.66667 5.01305 2.7369 5.13807 2.86193L7.33333 5.05719L11.0572 1.33333H7.33333Z" d="M7.33333 1.33333C6.96514 1.33333 6.66667 1.03486 6.66667 0.666667C6.66667 0.298477 6.96514 0 7.33333 0H12.6667C13.0349 0 13.3333 0.298477 13.3333 0.666667V6C13.3333 6.36819 13.0349 6.66667 12.6667 6.66667C12.2985 6.66667 12 6.36819 12 6V2.27614L7.80474 6.4714C7.67971 6.59643 7.51014 6.66667 7.33333 6.66667C7.15652 6.66667 6.98695 6.59643 6.86193 6.4714L4.66667 4.27614L1.13807 7.80474C0.877722 8.06509 0.455612 8.06509 0.195262 7.80474C-0.0650874 7.54439 -0.0650874 7.12228 0.195262 6.86193L4.19526 2.86193C4.32029 2.7369 4.48985 2.66667 4.66667 2.66667C4.84348 2.66667 5.01305 2.7369 5.13807 2.86193L7.33333 5.05719L11.0572 1.33333H7.33333Z"
fill="#299D00"></path> fill="#299D00"></path>
</svg> </svg>
<b class="font-[700]"> 10% </b> <b class="font-[700]"> 10% </b>
</div> </div>
@@ -76,19 +43,18 @@
</div> </div>
<div <div
class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]"> class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]">
<div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]"> <div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]">
<div class="flex justify-between leading-[16px] min-h-[32px]"> <div class="flex justify-between leading-[16px] min-h-[32px]">
<p class="w-[calc(100%-36px)] mr-[10px] text-[#B1B1B1] text-[12px] uppercase">Đơn trả <p class="w-[calc(100%-36px)] mr-[10px] text-[#B1B1B1] text-[12px] uppercase">Đơn trả
góp</p> góp</p>
<a href="" <a href=""
class="bg-[#F7F5FF] flex h-[26px] items-center justify-center rounded-[4px] text-center w-[26px]"> class="bg-[#F7F5FF] flex h-[26px] items-center justify-center rounded-[4px] text-center w-[26px]">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="14" viewBox="0 0 18 14" <svg xmlns="http://www.w3.org/2000/svg" width="18" height="14" viewBox="0 0 18 14" fill="none">
fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" <path fill-rule="evenodd" clip-rule="evenodd"
d="M0 3.44444C0 1.54213 1.54213 0 3.44444 0H14.1111C16.0135 0 17.5556 1.54214 17.5556 3.44444V10.5556C17.5556 12.4579 16.0135 14 14.1111 14H3.44444C1.54214 14 0 12.4579 0 10.5556V3.44444ZM1.55556 6V10.5556C1.55556 11.5988 2.40124 12.4444 3.44444 12.4444H14.1111C15.1544 12.4444 16 11.5988 16 10.5556V6H1.55556ZM16 4.44444H1.55556V3.44444C1.55556 2.40124 2.40124 1.55556 3.44444 1.55556H14.1111C15.1543 1.55556 16 2.40124 16 3.44444V4.44444ZM3.55556 9.66667C3.55556 9.23711 3.90378 8.88889 4.33333 8.88889H5.22222C5.65178 8.88889 6 9.23711 6 9.66667C6 10.0962 5.65178 10.4444 5.22222 10.4444H4.33333C3.90378 10.4444 3.55556 10.0962 3.55556 9.66667ZM8 9.66667C8 9.23711 8.34822 8.88889 8.77778 8.88889H9.66667C10.0962 8.88889 10.4444 9.23711 10.4444 9.66667C10.4444 10.0962 10.0962 10.4444 9.66667 10.4444H8.77778C8.34822 10.4444 8 10.0962 8 9.66667Z" d="M0 3.44444C0 1.54213 1.54213 0 3.44444 0H14.1111C16.0135 0 17.5556 1.54214 17.5556 3.44444V10.5556C17.5556 12.4579 16.0135 14 14.1111 14H3.44444C1.54214 14 0 12.4579 0 10.5556V3.44444ZM1.55556 6V10.5556C1.55556 11.5988 2.40124 12.4444 3.44444 12.4444H14.1111C15.1544 12.4444 16 11.5988 16 10.5556V6H1.55556ZM16 4.44444H1.55556V3.44444C1.55556 2.40124 2.40124 1.55556 3.44444 1.55556H14.1111C15.1543 1.55556 16 2.40124 16 3.44444V4.44444ZM3.55556 9.66667C3.55556 9.23711 3.90378 8.88889 4.33333 8.88889H5.22222C5.65178 8.88889 6 9.23711 6 9.66667C6 10.0962 5.65178 10.4444 5.22222 10.4444H4.33333C3.90378 10.4444 3.55556 10.0962 3.55556 9.66667ZM8 9.66667C8 9.23711 8.34822 8.88889 8.77778 8.88889H9.66667C10.0962 8.88889 10.4444 9.23711 10.4444 9.66667C10.4444 10.0962 10.0962 10.4444 9.66667 10.4444H8.77778C8.34822 10.4444 8 10.0962 8 9.66667Z"
fill="#5A00ED" /> fill="#5A00ED" />
</svg> </svg>
</a> </a>
</div> </div>
@@ -98,12 +64,12 @@
<div class="flex items-center p-[8px_13px]"> <div class="flex items-center p-[8px_13px]">
<div <div
class="bg-[#FFEEEB] bg-[red]-100 flex font-[700] inline-flex items-center leading-[24px] mr-[10px] px-[5px] rounded-[4px] text-[#E00000] text-[14px]"> class="bg-[#FFEEEB] bg-[red]-100 flex font-[700] inline-flex items-center leading-[24px] mr-[10px] px-[5px] rounded-[4px] text-[#E00000] text-[14px]">
<svg class="mr-[2px]" xmlns="http://www.w3.org/2000/svg" width="14" height="8" <svg class="mr-[2px]" xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8"
viewBox="0 0 14 8" fill="none"> fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" <path fill-rule="evenodd" clip-rule="evenodd"
d="M0.167368 0.167368C0.390524 -0.0557892 0.752333 -0.0557892 0.97549 0.167368L4.68571 3.87759L7.02451 1.5388C7.13167 1.43163 7.27702 1.37143 7.42857 1.37143C7.58012 1.37143 7.72547 1.43163 7.83263 1.5388L12.3429 6.04902V1.94286C12.3429 1.62727 12.5987 1.37143 12.9143 1.37143C13.2299 1.37143 13.4857 1.62727 13.4857 1.94286V7.42857C13.4857 7.74416 13.2299 8 12.9143 8H7.42857C7.11298 8 6.85714 7.74416 6.85714 7.42857C6.85714 7.11298 7.11298 6.85714 7.42857 6.85714H11.5347L7.42857 2.75098L5.08977 5.08978C4.98261 5.19694 4.83727 5.25714 4.68571 5.25714C4.53416 5.25714 4.38882 5.19694 4.28165 5.08978L0.167368 0.97549C-0.0557892 0.752333 -0.0557892 0.390524 0.167368 0.167368Z" d="M0.167368 0.167368C0.390524 -0.0557892 0.752333 -0.0557892 0.97549 0.167368L4.68571 3.87759L7.02451 1.5388C7.13167 1.43163 7.27702 1.37143 7.42857 1.37143C7.58012 1.37143 7.72547 1.43163 7.83263 1.5388L12.3429 6.04902V1.94286C12.3429 1.62727 12.5987 1.37143 12.9143 1.37143C13.2299 1.37143 13.4857 1.62727 13.4857 1.94286V7.42857C13.4857 7.74416 13.2299 8 12.9143 8H7.42857C7.11298 8 6.85714 7.74416 6.85714 7.42857C6.85714 7.11298 7.11298 6.85714 7.42857 6.85714H11.5347L7.42857 2.75098L5.08977 5.08978C4.98261 5.19694 4.83727 5.25714 4.68571 5.25714C4.53416 5.25714 4.38882 5.19694 4.28165 5.08978L0.167368 0.97549C-0.0557892 0.752333 -0.0557892 0.390524 0.167368 0.167368Z"
fill="#E00000" /> fill="#E00000" />
</svg> </svg>
<b class="font-[700]"> 10% </b> <b class="font-[700]"> 10% </b>
</div> </div>
@@ -113,19 +79,18 @@
</div> </div>
<div <div
class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]"> class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]">
<div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]"> <div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]">
<div class="flex justify-between leading-[16px] min-h-[32px]"> <div class="flex justify-between leading-[16px] min-h-[32px]">
<p class="w-[calc(100%-36px)] mr-[10px] text-[#B1B1B1] text-[12px] uppercase">Đơn hoàn <p class="w-[calc(100%-36px)] mr-[10px] text-[#B1B1B1] text-[12px] uppercase">Đơn hoàn
trả</p> trả</p>
<a href="" <a href=""
class="bg-[#F9F2F2] flex h-[26px] items-center justify-center rounded-[4px] text-center w-[26px]"> class="bg-[#F9F2F2] flex h-[26px] items-center justify-center rounded-[4px] text-center w-[26px]">
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="14" viewBox="0 0 13 14" <svg xmlns="http://www.w3.org/2000/svg" width="13" height="14" viewBox="0 0 13 14" fill="none">
fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" <path fill-rule="evenodd" clip-rule="evenodd"
d="M4.92593 1.55556C4.59183 1.55556 4.32099 1.8264 4.32099 2.16049C4.32099 2.49459 4.59183 2.76543 4.92593 2.76543H6.30864C6.64275 2.76543 6.91358 2.4946 6.91358 2.16049C6.91358 1.82639 6.64275 1.55556 6.30864 1.55556H4.92593ZM2.90966 1.38272C3.22191 0.573817 4.00691 0 4.92593 0H6.30864C7.22768 0 8.01267 0.57382 8.32491 1.38272H9.07407C10.2673 1.38272 11.2346 2.35001 11.2346 3.54321V5.61728C11.2346 6.04684 10.8863 6.39506 10.4568 6.39506C10.0272 6.39506 9.67901 6.04684 9.67901 5.61728V3.54321C9.67901 3.2091 9.40819 2.93827 9.07407 2.93827H8.32491C8.01267 3.74717 7.22768 4.32099 6.30864 4.32099H4.92593C4.00691 4.32099 3.22191 3.74717 2.90966 2.93827H2.16049C1.8264 2.93827 1.55556 3.20911 1.55556 3.54321V11.8395C1.55556 12.1736 1.82639 12.4444 2.16049 12.4444H9.07407C9.40819 12.4444 9.67901 12.1736 9.67901 11.8395V11.1481C9.67901 10.7186 10.0272 10.3704 10.4568 10.3704C10.8863 10.3704 11.2346 10.7186 11.2346 11.1481V11.8395C11.2346 13.0327 10.2673 14 9.07407 14H2.16049C0.967293 14 0 13.0327 0 11.8395V3.54321C0 2.35 0.967285 1.38272 2.16049 1.38272H2.90966ZM7.54997 5.75867C7.85371 6.06241 7.85371 6.55487 7.54997 6.85861L6.80365 7.60494H11.8395C12.2691 7.60494 12.6173 7.95316 12.6173 8.38272C12.6173 8.81227 12.2691 9.16049 11.8395 9.16049H6.80365L7.54997 9.90682C7.85371 10.2106 7.85371 10.703 7.54997 11.0068C7.24623 11.3105 6.75377 11.3105 6.45003 11.0068L4.37595 8.93269C4.07221 8.62895 4.07221 8.13649 4.37595 7.83274L6.45003 5.75867C6.75377 5.45493 7.24623 5.45493 7.54997 5.75867Z" d="M4.92593 1.55556C4.59183 1.55556 4.32099 1.8264 4.32099 2.16049C4.32099 2.49459 4.59183 2.76543 4.92593 2.76543H6.30864C6.64275 2.76543 6.91358 2.4946 6.91358 2.16049C6.91358 1.82639 6.64275 1.55556 6.30864 1.55556H4.92593ZM2.90966 1.38272C3.22191 0.573817 4.00691 0 4.92593 0H6.30864C7.22768 0 8.01267 0.57382 8.32491 1.38272H9.07407C10.2673 1.38272 11.2346 2.35001 11.2346 3.54321V5.61728C11.2346 6.04684 10.8863 6.39506 10.4568 6.39506C10.0272 6.39506 9.67901 6.04684 9.67901 5.61728V3.54321C9.67901 3.2091 9.40819 2.93827 9.07407 2.93827H8.32491C8.01267 3.74717 7.22768 4.32099 6.30864 4.32099H4.92593C4.00691 4.32099 3.22191 3.74717 2.90966 2.93827H2.16049C1.8264 2.93827 1.55556 3.20911 1.55556 3.54321V11.8395C1.55556 12.1736 1.82639 12.4444 2.16049 12.4444H9.07407C9.40819 12.4444 9.67901 12.1736 9.67901 11.8395V11.1481C9.67901 10.7186 10.0272 10.3704 10.4568 10.3704C10.8863 10.3704 11.2346 10.7186 11.2346 11.1481V11.8395C11.2346 13.0327 10.2673 14 9.07407 14H2.16049C0.967293 14 0 13.0327 0 11.8395V3.54321C0 2.35 0.967285 1.38272 2.16049 1.38272H2.90966ZM7.54997 5.75867C7.85371 6.06241 7.85371 6.55487 7.54997 6.85861L6.80365 7.60494H11.8395C12.2691 7.60494 12.6173 7.95316 12.6173 8.38272C12.6173 8.81227 12.2691 9.16049 11.8395 9.16049H6.80365L7.54997 9.90682C7.85371 10.2106 7.85371 10.703 7.54997 11.0068C7.24623 11.3105 6.75377 11.3105 6.45003 11.0068L4.37595 8.93269C4.07221 8.62895 4.07221 8.13649 4.37595 7.83274L6.45003 5.75867C6.75377 5.45493 7.24623 5.45493 7.54997 5.75867Z"
fill="#E00000" /> fill="#E00000" />
</svg> </svg>
</a> </a>
</div> </div>
@@ -135,12 +100,12 @@
<div class="flex items-center p-[8px_13px]"> <div class="flex items-center p-[8px_13px]">
<div <div
class="bg-[#FFEEEB] bg-[red]-100 flex font-[700] inline-flex items-center leading-[24px] mr-[10px] px-[5px] rounded-[4px] text-[#E00000] text-[14px]"> class="bg-[#FFEEEB] bg-[red]-100 flex font-[700] inline-flex items-center leading-[24px] mr-[10px] px-[5px] rounded-[4px] text-[#E00000] text-[14px]">
<svg class="mr-[2px]" xmlns="http://www.w3.org/2000/svg" width="14" height="8" <svg class="mr-[2px]" xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8"
viewBox="0 0 14 8" fill="none"> fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" <path fill-rule="evenodd" clip-rule="evenodd"
d="M0.167368 0.167368C0.390524 -0.0557892 0.752333 -0.0557892 0.97549 0.167368L4.68571 3.87759L7.02451 1.5388C7.13167 1.43163 7.27702 1.37143 7.42857 1.37143C7.58012 1.37143 7.72547 1.43163 7.83263 1.5388L12.3429 6.04902V1.94286C12.3429 1.62727 12.5987 1.37143 12.9143 1.37143C13.2299 1.37143 13.4857 1.62727 13.4857 1.94286V7.42857C13.4857 7.74416 13.2299 8 12.9143 8H7.42857C7.11298 8 6.85714 7.74416 6.85714 7.42857C6.85714 7.11298 7.11298 6.85714 7.42857 6.85714H11.5347L7.42857 2.75098L5.08977 5.08978C4.98261 5.19694 4.83727 5.25714 4.68571 5.25714C4.53416 5.25714 4.38882 5.19694 4.28165 5.08978L0.167368 0.97549C-0.0557892 0.752333 -0.0557892 0.390524 0.167368 0.167368Z" d="M0.167368 0.167368C0.390524 -0.0557892 0.752333 -0.0557892 0.97549 0.167368L4.68571 3.87759L7.02451 1.5388C7.13167 1.43163 7.27702 1.37143 7.42857 1.37143C7.58012 1.37143 7.72547 1.43163 7.83263 1.5388L12.3429 6.04902V1.94286C12.3429 1.62727 12.5987 1.37143 12.9143 1.37143C13.2299 1.37143 13.4857 1.62727 13.4857 1.94286V7.42857C13.4857 7.74416 13.2299 8 12.9143 8H7.42857C7.11298 8 6.85714 7.74416 6.85714 7.42857C6.85714 7.11298 7.11298 6.85714 7.42857 6.85714H11.5347L7.42857 2.75098L5.08977 5.08978C4.98261 5.19694 4.83727 5.25714 4.68571 5.25714C4.53416 5.25714 4.38882 5.19694 4.28165 5.08978L0.167368 0.97549C-0.0557892 0.752333 -0.0557892 0.390524 0.167368 0.167368Z"
fill="#E00000" /> fill="#E00000" />
</svg> </svg>
<b class="font-[700]"> 10% </b> <b class="font-[700]"> 10% </b>
</div> </div>
@@ -150,7 +115,7 @@
</div> </div>
<div <div
class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] p-[16px] max-[1620px]:p-[10px] col-span-2"> class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] p-[16px] max-[1620px]:p-[10px] col-span-2">
<div class="flex justify-between min-h-[100px]"> <div class="flex justify-between min-h-[100px]">
<div> <div>
<h5 class="leading-[30px] text-[24px] font-[600]">32.4k</h5> <h5 class="leading-[30px] text-[24px] font-[600]">32.4k</h5>
@@ -158,20 +123,19 @@
</div> </div>
<div <div
class="flex items-center px-2.5 py-0.5 text-base font-semibold text-green-500 dark:text-green-500 text-center"> class="flex items-center px-2.5 py-0.5 text-base font-semibold text-green-500 dark:text-green-500 text-center">
12% 12%
<svg class="w-3 h-3 ms-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" <svg class="w-3 h-3 ms-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
fill="none" viewBox="0 0 10 14"> viewBox="0 0 10 14">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
stroke-width="2" d="M5 13V1m0 0L1 5m4-4 4 4" /> d="M5 13V1m0 0L1 5m4-4 4 4" />
</svg> </svg>
</div> </div>
</div> </div>
<div id="js-revenue-chart"></div> <div id="js-revenue-chart"></div>
<div <div class="grid grid-cols-1 items-center border-gray-200 border-t dark:border-gray-700 justify-between">
class="grid grid-cols-1 items-center border-gray-200 border-t dark:border-gray-700 justify-between">
<div class="flex justify-between items-center pt-5"> <div class="flex justify-between items-center pt-5">
<select> <select>
@@ -184,12 +148,12 @@
</select> </select>
<a href="#" <a href="#"
class="uppercase text-sm font-semibold inline-flex items-center rounded-lg text-blue-600 hover:text-blue-700 dark:hover:text-blue-500 hover:bg-gray-100 dark:hover:bg-gray-700 dark:focus:ring-gray-700 dark:border-gray-700 px-3 py-2"> class="uppercase text-sm font-semibold inline-flex items-center rounded-lg text-blue-600 hover:text-blue-700 dark:hover:text-blue-500 hover:bg-gray-100 dark:hover:bg-gray-700 dark:focus:ring-gray-700 dark:border-gray-700 px-3 py-2">
Users Report Users Report
<svg class="w-2.5 h-2.5 ms-1.5 rtl:rotate-180" aria-hidden="true" <svg class="w-2.5 h-2.5 ms-1.5 rtl:rotate-180" aria-hidden="true"
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10"> xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
stroke-width="2" d="m1 9 4-4-4-4" /> d="m1 9 4-4-4-4" />
</svg> </svg>
</a> </a>
@@ -198,7 +162,7 @@
</div> </div>
<div <div
class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] p-[16px] max-[1620px]:p-[10px] col-span-2"> class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] p-[16px] max-[1620px]:p-[10px] col-span-2">
<div class="pb-[14px] mb-[10px] border-b border-gray-200 dark:border-gray-700"> <div class="pb-[14px] mb-[10px] border-b border-gray-200 dark:border-gray-700">
<h5 class="leading-[30px] text-[24px] font-[600]">3.4k</h5> <h5 class="leading-[30px] text-[24px] font-[600]">3.4k</h5>
@@ -206,14 +170,14 @@
<p class="text-[14px] text-[#7E7E7E]">Truy cập web trong tuần này</p> <p class="text-[14px] text-[#7E7E7E]">Truy cập web trong tuần này</p>
<span <span
class="bg-green-100 text-green-800 text-xs font-medium inline-flex items-center px-2.5 py-1 rounded-md dark:bg-green-900 dark:text-green-300"> class="bg-green-100 text-green-800 text-xs font-medium inline-flex items-center px-2.5 py-1 rounded-md dark:bg-green-900 dark:text-green-300">
<svg class="w-2.5 h-2.5 me-1.5" aria-hidden="true" <svg class="w-2.5 h-2.5 me-1.5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 14"> fill="none" viewBox="0 0 10 14">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
stroke-width="2" d="M5 13V1m0 0L1 5m4-4 4 4" /> d="M5 13V1m0 0L1 5m4-4 4 4" />
</svg> </svg>
42.5% 42.5%
</span> </span>
</div> </div>
</div> </div>
@@ -232,8 +196,7 @@
<div id="js-access-chart"></div> <div id="js-access-chart"></div>
<div <div class="grid grid-cols-1 items-center border-gray-200 border-t dark:border-gray-700 justify-between">
class="grid grid-cols-1 items-center border-gray-200 border-t dark:border-gray-700 justify-between">
<div class="flex justify-between items-center pt-5"> <div class="flex justify-between items-center pt-5">
<select> <select>
<option value=""> Last 7 days </option> <option value=""> Last 7 days </option>
@@ -245,12 +208,12 @@
</select> </select>
<a href="#" <a href="#"
class="uppercase text-sm font-semibold inline-flex items-center rounded-lg text-blue-600 hover:text-blue-700 dark:hover:text-blue-500 hover:bg-gray-100 dark:hover:bg-gray-700 dark:focus:ring-gray-700 dark:border-gray-700 px-3 py-2"> class="uppercase text-sm font-semibold inline-flex items-center rounded-lg text-blue-600 hover:text-blue-700 dark:hover:text-blue-500 hover:bg-gray-100 dark:hover:bg-gray-700 dark:focus:ring-gray-700 dark:border-gray-700 px-3 py-2">
Leads Report Leads Report
<svg class="w-2.5 h-2.5 ms-1.5 rtl:rotate-180" aria-hidden="true" <svg class="w-2.5 h-2.5 ms-1.5 rtl:rotate-180" aria-hidden="true"
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10"> xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
stroke-width="2" d="m1 9 4-4-4-4" /> d="m1 9 4-4-4-4" />
</svg> </svg>
</a> </a>
</div> </div>
@@ -258,53 +221,52 @@
</div> </div>
<div <div
class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] p-[16px] max-[1620px]:p-[10px] col-span-4"> class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] p-[16px] max-[1620px]:p-[10px] col-span-4">
<p class="inline-block text-[20px] font-bold leading-[36px] mb-[16px] mr-[18px]"> Lịch sử chỉnh <p class="inline-block text-[20px] font-bold leading-[36px] mb-[16px] mr-[18px]"> Lịch sử chỉnh
sửa </p> sửa </p>
<a href="" <a href=""
class="group inline-flex items-center px-[15px] mb-[16px] leading-[36px] text-[#0041E8] font-[500] rounded-[4px] bg-[#F5F7FF] hover:bg-[#0041E8] hover:text-white duration-100"> class="group inline-flex items-center px-[15px] mb-[16px] leading-[36px] text-[#0041E8] font-[500] rounded-[4px] bg-[#F5F7FF] hover:bg-[#0041E8] hover:text-white duration-100">
<span class="mr-[5px]">Xem danh sách</span> <span class="mr-[5px]">Xem danh sách</span>
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none">
fill="none">
<path class="group-hover:fill-[#fff]" fill-rule="evenodd" clip-rule="evenodd" <path class="group-hover:fill-[#fff]" fill-rule="evenodd" clip-rule="evenodd"
d="M6.5 1C3.46243 1 1 3.46243 1 6.5C1 9.53757 3.46243 12 6.5 12C9.53757 12 12 9.53757 12 6.5C12 3.46243 9.53757 1 6.5 1ZM0 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" d="M6.5 1C3.46243 1 1 3.46243 1 6.5C1 9.53757 3.46243 12 6.5 12C9.53757 12 12 9.53757 12 6.5C12 3.46243 9.53757 1 6.5 1ZM0 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"
fill="#0041E8" /> fill="#0041E8" />
<path class="group-hover:fill-[#fff]" fill-rule="evenodd" clip-rule="evenodd" <path class="group-hover:fill-[#fff]" fill-rule="evenodd" clip-rule="evenodd"
d="M6.52779 4.02767C6.72306 3.83241 7.03964 3.83241 7.2349 4.02767L9.35365 6.14642C9.54891 6.34168 9.54891 6.65827 9.35365 6.85353L7.2349 8.97228C7.03964 9.16754 6.72306 9.16754 6.52779 8.97228C6.33253 8.77702 6.33253 8.46043 6.52779 8.26517L8.29299 6.49998L6.52779 4.73478C6.33253 4.53952 6.33253 4.22293 6.52779 4.02767Z" d="M6.52779 4.02767C6.72306 3.83241 7.03964 3.83241 7.2349 4.02767L9.35365 6.14642C9.54891 6.34168 9.54891 6.65827 9.35365 6.85353L7.2349 8.97228C7.03964 9.16754 6.72306 9.16754 6.52779 8.97228C6.33253 8.77702 6.33253 8.46043 6.52779 8.26517L8.29299 6.49998L6.52779 4.73478C6.33253 4.53952 6.33253 4.22293 6.52779 4.02767Z"
fill="#0041E8" /> fill="#0041E8" />
<path class="group-hover:fill-[#fff]" fill-rule="evenodd" clip-rule="evenodd" <path class="group-hover:fill-[#fff]" fill-rule="evenodd" clip-rule="evenodd"
d="M3.5 6.5C3.5 6.22386 3.72386 6 4 6H9C9.27614 6 9.5 6.22386 9.5 6.5C9.5 6.77614 9.27614 7 9 7H4C3.72386 7 3.5 6.77614 3.5 6.5Z" d="M3.5 6.5C3.5 6.22386 3.72386 6 4 6H9C9.27614 6 9.5 6.22386 9.5 6.5C9.5 6.77614 9.27614 7 9 7H4C3.72386 7 3.5 6.77614 3.5 6.5Z"
fill="#0041E8" /> fill="#0041E8" />
</svg> </svg>
</a> </a>
<table class="table-fixed border border-[#ECECEC] w-[100%] leading-[20px]"> <table class="table-fixed border border-[#ECECEC] w-[100%] leading-[20px]">
<thead align="center" class="bg-[#F6F6F6] font-[500]"> <thead align="center" class="bg-[#F6F6F6] font-[500]">
<td width="50"> STT </td> <td width="50"> STT </td>
<td width="265"> Người dùng </td> <td width="265"> Người dùng </td>
<td> Nội dung </td> <td> Nội dung </td>
<td width="150"> Thời gian </td> <td width="150"> Thời gian </td>
<td width="100"> Xem chi tiết </td> <td width="100"> Xem chi tiết </td>
</thead> </thead>
<tbody> <tbody>
{% for item in page.lich_su_chinh_sua %} {% for item in page.lich_su_chinh_sua %}
<tr> <tr>
<td> {{ item.id }} </td> <td> {{ item.id }} </td>
<td> {{ item.email }} </td> <td> {{ item.email }} </td>
<td> {{ item.content }} </td> <td> {{ item.content }} </td>
<td> {{ item.time }} </td> <td> {{ item.time }} </td>
<td> <td>
<a href="" <a href=""
class="block rounded-[4px] border border-[#0041E8] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[36px] hover:bg-[#0041E8] hover:text-[#fff]"> class="block rounded-[4px] border border-[#0041E8] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[36px] hover:bg-[#0041E8] hover:text-[#fff]">
Xem </a> Xem </a>
</td> </td>
</tr> </tr>
{% endfor %} {% endfor %}
</tbody> </tbody>
</table> </table>
@@ -314,9 +276,9 @@
<!-- col-right --> <!-- col-right -->
<div class="col-span-3"> <div class="col-span-3">
<div <div
class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] p-[16px] max-[1620px]:p-[10px] mb-[16px]"> class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] p-[16px] max-[1620px]:p-[10px] mb-[16px]">
<div id="js-admin-home-tab" <div id="js-admin-home-tab"
class="admin-home-tab rounded-[8px] bg-[#FAFAFA] mb-[16px] text-[12px] font-[500] flex items-center"> class="admin-home-tab rounded-[8px] bg-[#FAFAFA] mb-[16px] text-[12px] font-[500] flex items-center">
<a href="#js-report-most-viewed-products" class="current">Sản phẩm xem nhiều</a> <a href="#js-report-most-viewed-products" class="current">Sản phẩm xem nhiều</a>
<a href="#js-report-introduce-web"> Web giới thiệu</a> <a href="#js-report-introduce-web"> Web giới thiệu</a>
<a href="#js-report-key-word"> Từ khóa</a> <a href="#js-report-key-word"> Từ khóa</a>
@@ -326,29 +288,29 @@
<div class="home-report-holder block" id="js-report-most-viewed-products"> <div class="home-report-holder block" id="js-report-most-viewed-products">
<table class="table-fixed text-center"> <table class="table-fixed text-center">
<thead> <thead>
<td width="50">STT</td> <td width="50">STT</td>
<td>Sản phẩm</td> <td>Sản phẩm</td>
<td width="75">Lượt xem</td> <td width="75">Lượt xem</td>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td> 1 </td> <td> 1 </td>
<td> <a href=""> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook UX3402VALaptop <td> <a href=""> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook UX3402VALaptop
Asus ZenBook UX3402VA </a> </td> Asus ZenBook UX3402VA </a> </td>
<td> 30.000 </td> <td> 30.000 </td>
</tr> </tr>
<tr> <tr>
<td>2 <td>2
<td><a href=""> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook UX3402VALaptop <td><a href=""> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook UX3402VALaptop
Asus ZenBook UX3402VA </a> Asus ZenBook UX3402VA </a>
<td>30.000 <td>30.000
<tr> <tr>
<td>3 <td>3
<td><a href=""> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook UX3402VALaptop <td><a href=""> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook UX3402VALaptop
Asus ZenBook UX3402VA </a> Asus ZenBook UX3402VA </a>
<td>30.000 <td>30.000
</tbody> </tbody>
</table> </table>
</div> </div>
@@ -361,25 +323,22 @@
<div class="flex" id="devices"> <div class="flex" id="devices">
<div class="flex items-center me-4"> <div class="flex items-center me-4">
<input id="web_1" type="checkbox" value="web_1" <input id="web_1" type="checkbox" value="web_1"
class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600"> class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600">
<label for="web_1" <label for="web_1" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300">Web
class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300">Web
1</label> 1</label>
</div> </div>
<div class="flex items-center me-4"> <div class="flex items-center me-4">
<input id="web_2" type="checkbox" value="web_2" <input id="web_2" type="checkbox" value="web_2"
class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600"> class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600">
<label for="web_2" <label for="web_2" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300">Web
class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300">Web
2</label> 2</label>
</div> </div>
<div class="flex items-center me-4"> <div class="flex items-center me-4">
<input id="web_3" type="checkbox" value="web_3" <input id="web_3" type="checkbox" value="web_3"
class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600"> class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600">
<label for="web_3" <label for="web_3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300">Web
class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300">Web
3</label> 3</label>
</div> </div>
</div> </div>
@@ -389,7 +348,7 @@
<div class="py-6" id="js-introduce-web-chart"></div> <div class="py-6" id="js-introduce-web-chart"></div>
<div <div
class="grid grid-cols-1 items-center border-gray-200 border-t dark:border-gray-700 justify-between"> class="grid grid-cols-1 items-center border-gray-200 border-t dark:border-gray-700 justify-between">
<div class="flex justify-between items-center pt-5"> <div class="flex justify-between items-center pt-5">
<select> <select>
<option value=""> Last 7 days </option> <option value=""> Last 7 days </option>
@@ -400,12 +359,12 @@
<option value=""> Last 90 days </option> <option value=""> Last 90 days </option>
</select> </select>
<a href="#" <a href="#"
class="uppercase text-sm font-semibold inline-flex items-center rounded-lg text-blue-600 hover:text-blue-700 dark:hover:text-blue-500 hover:bg-gray-100 dark:hover:bg-gray-700 dark:focus:ring-gray-700 dark:border-gray-700 px-3 py-2"> class="uppercase text-sm font-semibold inline-flex items-center rounded-lg text-blue-600 hover:text-blue-700 dark:hover:text-blue-500 hover:bg-gray-100 dark:hover:bg-gray-700 dark:focus:ring-gray-700 dark:border-gray-700 px-3 py-2">
Traffic analysis Traffic analysis
<svg class="w-2.5 h-2.5 ms-1.5 rtl:rotate-180" aria-hidden="true" <svg class="w-2.5 h-2.5 ms-1.5 rtl:rotate-180" aria-hidden="true"
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10"> xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
<path stroke="currentColor" stroke-linecap="round" <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4" /> stroke-width="2" d="m1 9 4-4-4-4" />
</svg> </svg>
</a> </a>
</div> </div>
@@ -415,75 +374,74 @@
<div class="home-report-holder" id="js-report-key-word"> <div class="home-report-holder" id="js-report-key-word">
<a href="" <a href=""
class="inline-block text-[#9E9E9E] font-[500] leading-[20px] p-[8px] rounded-[4px] border-[#9E9E9E] border border-dashed m-[0_6px_6px_0] hover:bg-[#0041E8] hover:text-[#fff] hover:border-[#0041E8] duration-100"> class="inline-block text-[#9E9E9E] font-[500] leading-[20px] p-[8px] rounded-[4px] border-[#9E9E9E] border border-dashed m-[0_6px_6px_0] hover:bg-[#0041E8] hover:text-[#fff] hover:border-[#0041E8] duration-100">
Laptop, Máy Tính Xách Tay Laptop, Máy Tính Xách Tay
</a> </a>
<a href="" <a href=""
class="inline-block text-[#9E9E9E] font-[500] leading-[20px] p-[8px] rounded-[4px] border-[#9E9E9E] border border-dashed m-[0_6px_6px_0] hover:bg-[#0041E8] hover:text-[#fff] hover:border-[#0041E8] duration-100"> class="inline-block text-[#9E9E9E] font-[500] leading-[20px] p-[8px] rounded-[4px] border-[#9E9E9E] border border-dashed m-[0_6px_6px_0] hover:bg-[#0041E8] hover:text-[#fff] hover:border-[#0041E8] duration-100">
Máy Tính Bảng </a><a href="" Máy Tính Bảng </a><a href=""
class="inline-block text-[#9E9E9E] font-[500] leading-[20px] p-[8px] rounded-[4px] border-[#9E9E9E] border border-dashed m-[0_6px_6px_0] hover:bg-[#0041E8] hover:text-[#fff] hover:border-[#0041E8] duration-100"> class="inline-block text-[#9E9E9E] font-[500] leading-[20px] p-[8px] rounded-[4px] border-[#9E9E9E] border border-dashed m-[0_6px_6px_0] hover:bg-[#0041E8] hover:text-[#fff] hover:border-[#0041E8] duration-100">
Điện thoại iPhone </a><a href="" Điện thoại iPhone </a><a href=""
class="inline-block text-[#9E9E9E] font-[500] leading-[20px] p-[8px] rounded-[4px] border-[#9E9E9E] border border-dashed m-[0_6px_6px_0] hover:bg-[#0041E8] hover:text-[#fff] hover:border-[#0041E8] duration-100"> class="inline-block text-[#9E9E9E] font-[500] leading-[20px] p-[8px] rounded-[4px] border-[#9E9E9E] border border-dashed m-[0_6px_6px_0] hover:bg-[#0041E8] hover:text-[#fff] hover:border-[#0041E8] duration-100">
Máy Đọc Sách </a><a href="" Máy Đọc Sách </a><a href=""
class="inline-block text-[#9E9E9E] font-[500] leading-[20px] p-[8px] rounded-[4px] border-[#9E9E9E] border border-dashed m-[0_6px_6px_0] hover:bg-[#0041E8] hover:text-[#fff] hover:border-[#0041E8] duration-100"> class="inline-block text-[#9E9E9E] font-[500] leading-[20px] p-[8px] rounded-[4px] border-[#9E9E9E] border border-dashed m-[0_6px_6px_0] hover:bg-[#0041E8] hover:text-[#fff] hover:border-[#0041E8] duration-100">
Macbook </a><a href="" Macbook </a><a href=""
class="inline-block text-[#9E9E9E] font-[500] leading-[20px] p-[8px] rounded-[4px] border-[#9E9E9E] border border-dashed m-[0_6px_6px_0] hover:bg-[#0041E8] hover:text-[#fff] hover:border-[#0041E8] duration-100"> class="inline-block text-[#9E9E9E] font-[500] leading-[20px] p-[8px] rounded-[4px] border-[#9E9E9E] border border-dashed m-[0_6px_6px_0] hover:bg-[#0041E8] hover:text-[#fff] hover:border-[#0041E8] duration-100">
Linh kiện máy tính </a> Linh kiện máy tính </a>
</div> </div>
<div class="home-report-holder" id="js-report-article"> <div class="home-report-holder" id="js-report-article">
<table class="table-fixed text-center"> <table class="table-fixed text-center">
<thead> <thead>
<td width="50">STT</td> <td width="50">STT</td>
<td>Bài viết</td> <td>Bài viết</td>
<td width="75">Lượt xem</td> <td width="75">Lượt xem</td>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td> 1 </td> <td> 1 </td>
<td> <a href=""> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook UX3402VALaptop <td> <a href=""> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook UX3402VALaptop
Asus ZenBook UX3402VA </a> </td> Asus ZenBook UX3402VA </a> </td>
<td> 30.000 </td> <td> 30.000 </td>
</tr> </tr>
<tr> <tr>
<td>2 <td>2
<td><a href=""> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook UX3402VALaptop <td><a href=""> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook UX3402VALaptop
Asus ZenBook UX3402VA </a> Asus ZenBook UX3402VA </a>
<td>30.000 <td>30.000
<tr> <tr>
<td>3 <td>3
<td><a href=""> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook UX3402VALaptop <td><a href=""> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook UX3402VALaptop
Asus ZenBook UX3402VA </a> Asus ZenBook UX3402VA </a>
<td>30.000 <td>30.000
</tbody> </tbody>
</table> </table>
</div> </div>
</div> </div>
<div <div class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] p-[16px] max-[1620px]:p-[10px]">
class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] p-[16px] max-[1620px]:p-[10px]">
<div class="flex flex-wrap items-center justify-between mb-[10px]"> <div class="flex flex-wrap items-center justify-between mb-[10px]">
<p class="font-[500]">Ghi nhắc việc làm cá nhân</p> <p class="font-[500]">Ghi nhắc việc làm cá nhân</p>
<div <div
class="relative rounded-[4px] max-w-[120px] bg-white leading-[32px] border border-[#d8d8d8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0px_9px_0px_30px]"> class="relative rounded-[4px] max-w-[120px] bg-white leading-[32px] border border-[#d8d8d8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0px_9px_0px_30px]">
<svg class="absolute top-[8px] left-[9px]" xmlns="http://www.w3.org/2000/svg" width="13" <svg class="absolute top-[8px] left-[9px]" xmlns="http://www.w3.org/2000/svg" width="13" height="14"
height="14" viewBox="0 0 13 14" fill="none"> viewBox="0 0 13 14" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" <path fill-rule="evenodd" clip-rule="evenodd"
d="M1.90909 2.54545C1.55764 2.54545 1.27273 2.83036 1.27273 3.18181V12.0909C1.27273 12.4424 1.55764 12.7273 1.90909 12.7273H10.8182C11.1696 12.7273 11.4545 12.4424 11.4545 12.0909V3.18181C11.4545 2.83036 11.1696 2.54545 10.8182 2.54545H1.90909ZM0 3.18181C0 2.12745 0.854729 1.27272 1.90909 1.27272H10.8182C11.8725 1.27272 12.7273 2.12745 12.7273 3.18181V12.0909C12.7273 13.1453 11.8725 14 10.8182 14H1.90909C0.854729 14 0 13.1453 0 12.0909V3.18181Z" d="M1.90909 2.54545C1.55764 2.54545 1.27273 2.83036 1.27273 3.18181V12.0909C1.27273 12.4424 1.55764 12.7273 1.90909 12.7273H10.8182C11.1696 12.7273 11.4545 12.4424 11.4545 12.0909V3.18181C11.4545 2.83036 11.1696 2.54545 10.8182 2.54545H1.90909ZM0 3.18181C0 2.12745 0.854729 1.27272 1.90909 1.27272H10.8182C11.8725 1.27272 12.7273 2.12745 12.7273 3.18181V12.0909C12.7273 13.1453 11.8725 14 10.8182 14H1.90909C0.854729 14 0 13.1453 0 12.0909V3.18181Z"
fill="#7E7E7E" /> fill="#7E7E7E" />
<path fill-rule="evenodd" clip-rule="evenodd" <path fill-rule="evenodd" clip-rule="evenodd"
d="M8.90907 0C9.26052 0 9.54543 0.28491 9.54543 0.636364V3.18182C9.54543 3.53327 9.26052 3.81818 8.90907 3.81818C8.55761 3.81818 8.27271 3.53327 8.27271 3.18182V0.636364C8.27271 0.28491 8.55761 0 8.90907 0Z" d="M8.90907 0C9.26052 0 9.54543 0.28491 9.54543 0.636364V3.18182C9.54543 3.53327 9.26052 3.81818 8.90907 3.81818C8.55761 3.81818 8.27271 3.53327 8.27271 3.18182V0.636364C8.27271 0.28491 8.55761 0 8.90907 0Z"
fill="#7E7E7E" /> fill="#7E7E7E" />
<path fill-rule="evenodd" clip-rule="evenodd" <path fill-rule="evenodd" clip-rule="evenodd"
d="M3.81813 0C4.16958 0 4.45449 0.28491 4.45449 0.636364V3.18182C4.45449 3.53327 4.16958 3.81818 3.81813 3.81818C3.46667 3.81818 3.18176 3.53327 3.18176 3.18182V0.636364C3.18176 0.28491 3.46667 0 3.81813 0Z" d="M3.81813 0C4.16958 0 4.45449 0.28491 4.45449 0.636364V3.18182C4.45449 3.53327 4.16958 3.81818 3.81813 3.81818C3.46667 3.81818 3.18176 3.53327 3.18176 3.18182V0.636364C3.18176 0.28491 3.46667 0 3.81813 0Z"
fill="#7E7E7E" /> fill="#7E7E7E" />
<path fill-rule="evenodd" clip-rule="evenodd" <path fill-rule="evenodd" clip-rule="evenodd"
d="M0 5.72728C0 5.37582 0.28491 5.09091 0.636364 5.09091H12.0909C12.4424 5.09091 12.7273 5.37582 12.7273 5.72728C12.7273 6.07873 12.4424 6.36364 12.0909 6.36364H0.636364C0.28491 6.36364 0 6.07873 0 5.72728Z" d="M0 5.72728C0 5.37582 0.28491 5.09091 0.636364 5.09091H12.0909C12.4424 5.09091 12.7273 5.37582 12.7273 5.72728C12.7273 6.07873 12.4424 6.36364 12.0909 6.36364H0.636364C0.28491 6.36364 0 6.07873 0 5.72728Z"
fill="#7E7E7E" /> fill="#7E7E7E" />
</svg> </svg>
<input type="text" value="23/11/2023" class="w-[100%] h-[32px]"> <input type="text" value="23/11/2023" class="w-[100%] h-[32px]">
@@ -492,57 +450,56 @@
<form class="flex items-center justify-between mb-[10px]"> <form class="flex items-center justify-between mb-[10px]">
<input type="text" placeholder="Nhập việc cần làm của bạn" <input type="text" placeholder="Nhập việc cần làm của bạn"
class="border border-[#ECECEC] h-[36px] mr-[10px] p-[0px_12px] rounded-[4px] w-[calc(100%-87px)]"> class="border border-[#ECECEC] h-[36px] mr-[10px] p-[0px_12px] rounded-[4px] w-[calc(100%-87px)]">
<button type="button" <button type="button" class="bg-[#0041E8] font-[500] h-[36px] rounded-[4px] text-[#fff] w-[77px]">Tạo
class="bg-[#0041E8] font-[500] h-[36px] rounded-[4px] text-[#fff] w-[77px]">Tạo
mới</button> mới</button>
</form> </form>
<div class="home-todo-list"> <div class="home-todo-list">
<table class="table-fixed leading-[20px]"> <table class="table-fixed leading-[20px]">
<thead class="bg-[#F6F6F6] font-[500] leading-[48px]"> <thead class="bg-[#F6F6F6] font-[500] leading-[48px]">
<td> STT </td> <td> STT </td>
<td> Nội dung </td> <td> Nội dung </td>
<td> Hết hạn </td> <td> Hết hạn </td>
<td> Trạng thái </td> <td> Trạng thái </td>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td> 2 </td> <td> 2 </td>
<td> Sửa trang chủ websiteLaptoptcc </td> <td> Sửa trang chủ websiteLaptoptcc </td>
<td> 28/11/2023 </td> <td> 28/11/2023 </td>
<td> <td>
<span <span
class="bg-[#F9F2F2] border-[#E00000] text-[#E00000] block border font-[500] p-[0px_5px] rounded-[50px] text-[12px] text-center"> class="bg-[#F9F2F2] border-[#E00000] text-[#E00000] block border font-[500] p-[0px_5px] rounded-[50px] text-[12px] text-center">
Quá hạn </span> Quá hạn </span>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> 3 </td> <td> 3 </td>
<td> Sửa trang chủ websiteLaptoptcc </td> <td> Sửa trang chủ websiteLaptoptcc </td>
<td> 28/11/2023 </td> <td> 28/11/2023 </td>
<td> <td>
<span <span
class="bg-[#F7F5FF] border-[#0041E8] text-[#0041E8] block border font-[500] p-[0px_5px] rounded-[50px] text-[12px] text-center"> class="bg-[#F7F5FF] border-[#0041E8] text-[#0041E8] block border font-[500] p-[0px_5px] rounded-[50px] text-[12px] text-center">
Đã xong </span> Đã xong </span>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> 4 </td> <td> 4 </td>
<td> Sửa trang chủ websiteLaptoptcc </td> <td> Sửa trang chủ websiteLaptoptcc </td>
<td> 28/11/2023 </td> <td> 28/11/2023 </td>
<td> <td>
<span <span
class="bg-[#FCFAF1] border-[#FFC700] text-[#FFC700] block border font-[500] p-[0px_5px] rounded-[50px] text-[12px] text-center"> class="bg-[#FCFAF1] border-[#FFC700] text-[#FFC700] block border font-[500] p-[0px_5px] rounded-[50px] text-[12px] text-center">
Sắp hết hạn </span> Sắp hết hạn </span>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
@@ -571,6 +528,16 @@
$('.home-report-holder').hide(); $('.home-report-holder').hide();
$(id).show(); $(id).show();
}) })
$('#js-show-menu').click(function () {
$('#menu-big').removeClass('hidden');
$('#menu-small').addClass('hidden');
})
$('#js-hide-menu').click(function () {
$('#menu-big').addClass('hidden');
$('#menu-small').removeClass('hidden');
})
}) })
// Doanh thu // Doanh thu

854
template/theme.html
View File

@@ -9,14 +9,17 @@
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <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 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="{{ 'pc_style.css' | asset_url }}" /> <link rel="stylesheet" media="screen" href="{{ 'pc_style.css' | asset_url }}?{{ 'now | date: '%Y-%m-%d %H:%M' }}" />
<script src="{{ 'tailwindcss.js' | asset_url }}"></script> <script src="{{ 'tailwindcss.js' | asset_url }}"></script>
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.6.0/dist/full.min.css" rel="stylesheet" type="text/css" /> <link href="https://cdn.jsdelivr.net/npm/daisyui@4.6.0/dist/full.min.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
<script src="https://cdn.tailwindcss.com"></script> <script src="https://cdn.tailwindcss.com"></script>
@@ -25,484 +28,489 @@
<body> <body>
<div class="admin-global-container"> <div class="admin-global-container">
<!-- Menu cũ --> <!-- Menu cũ -->
<div class="admin-menu-container sticky top-0 bottom-0 h-[100vh] hidden"> <div class="admin-menu-container sticky top-0 bottom-0 h-[100vh] hidden" id="menu-big">
<a href="" class="menu-logo"> <a href="javascript:void(0)" class="icon-close" id="js-hide-menu">
<img src="{{ 'logo.png' | asset_url }}" /> <i class="fa-solid fa-outdent"></i>
</a> </a>
<a href="" class="menu-logo">
<div class="menu-list"> <img src="{{ 'logo.png' | asset_url }}" />
<a href="" class="item">
<i class="icons icon-home"></i>
<span class="title"> Home </span>
</a> </a>
<details> <div class="menu-list">
<summary> <a href="" class="item">
<a href=""> <i class="icons icon-home"></i>
<i class="icons icon-sell"></i> <span class="title"> Home </span>
<span class="title"> Bán hàng </span> </a>
</a>
<svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none"> <details>
<path fill-rule="evenodd" clip-rule="evenodd" <summary>
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" <a href="">
fill="white" /> <i class="icons icon-sell"></i>
</svg> <span class="title"> Bán hàng </span>
</summary> </a>
<div class="sub-menu"> <svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none">
<a href=""> Menu title </a> <path fill-rule="evenodd" clip-rule="evenodd"
<a href=""> Menu title </a> 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"
<a href=""> Menu title </a> fill="white" />
<a href=""> Menu title </a> </svg>
</div> </summary>
</details>
<details> <div class="sub-menu">
<summary> <a href=""> Menu title </a>
<a href=""> <a href=""> Menu title </a>
<i class="icons icon-product"></i> <a href=""> Menu title </a>
<a href=""> Menu title </a>
</div>
</details>
<span class="title"> Sản phẩm </span> <details>
</a> <summary>
<a href="">
<i class="icons icon-product"></i>
<svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none"> <span class="title"> Sản phẩm </span>
<path fill-rule="evenodd" clip-rule="evenodd" </a>
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"> <svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none">
<a href=""> Menu title </a> <path fill-rule="evenodd" clip-rule="evenodd"
<a href=""> Menu title </a> 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"
<a href=""> Menu title </a> fill="white" />
<a href=""> Menu title </a> </svg>
</div> </summary>
</details>
<details> <div class="sub-menu">
<summary> <a href=""> Menu title </a>
<a href=""> <a href=""> Menu title </a>
<i class="icons icon-user"></i> <a href=""> Menu title </a>
<a href=""> Menu title </a>
</div>
</details>
<span class="title"> Khách hàng </span> <details>
</a> <summary>
<a href="">
<i class="icons icon-user"></i>
<svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none"> <span class="title"> Khách hàng </span>
<path fill-rule="evenodd" clip-rule="evenodd" </a>
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"> <svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none">
<a href=""> Menu title </a> <path fill-rule="evenodd" clip-rule="evenodd"
<a href=""> Menu title </a> 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"
<a href=""> Menu title </a> fill="white" />
<a href=""> Menu title </a> </svg>
</div> </summary>
</details>
<details> <div class="sub-menu">
<summary> <a href=""> Menu title </a>
<a href=""> <a href=""> Menu title </a>
<i class="icons icon-marketing"></i> <a href=""> Menu title </a>
<a href=""> Menu title </a>
</div>
</details>
<span class="title"> Marketing </span> <details>
</a> <summary>
<a href="">
<i class="icons icon-marketing"></i>
<svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none"> <span class="title"> Marketing </span>
<path fill-rule="evenodd" clip-rule="evenodd" </a>
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"> <svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none">
<a href=""> Menu title </a> <path fill-rule="evenodd" clip-rule="evenodd"
<a href=""> Menu title </a> 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"
<a href=""> Menu title </a> fill="white" />
<a href=""> Menu title </a> </svg>
</div> </summary>
</details>
<details> <div class="sub-menu">
<summary> <a href=""> Menu title </a>
<a href=""> <a href=""> Menu title </a>
<i class="icons icon-content"></i> <a href=""> Menu title </a>
<a href=""> Menu title </a>
</div>
</details>
<span class="title"> Nội dung </span> <details>
</a> <summary>
<a href="">
<i class="icons icon-content"></i>
<svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none"> <span class="title"> Nội dung </span>
<path fill-rule="evenodd" clip-rule="evenodd" </a>
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"> <svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none">
<a href=""> Menu title </a> <path fill-rule="evenodd" clip-rule="evenodd"
<a href=""> Menu title </a> 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"
<a href=""> Menu title </a> fill="white" />
<a href=""> Menu title </a> </svg>
</div> </summary>
</details>
<details> <div class="sub-menu">
<summary> <a href=""> Menu title </a>
<a href=""> <a href=""> Menu title </a>
<i class="icons icon-stats"></i> <a href=""> Menu title </a>
<a href=""> Menu title </a>
</div>
</details>
<span class="title"> Thống kê </span> <details>
</a> <summary>
<a href="">
<i class="icons icon-stats"></i>
<svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none"> <span class="title"> Thống kê </span>
<path fill-rule="evenodd" clip-rule="evenodd" </a>
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"> <svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none">
<a href=""> Menu title </a> <path fill-rule="evenodd" clip-rule="evenodd"
<a href=""> Menu title </a> 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"
<a href=""> Menu title </a> fill="white" />
<a href=""> Menu title </a> </svg>
</div> </summary>
</details>
<details> <div class="sub-menu">
<summary> <a href=""> Menu title </a>
<a href=""> <a href=""> Menu title </a>
<i class="icons icon-system"></i> <a href=""> Menu title </a>
<a href=""> Menu title </a>
</div>
</details>
<span class="title"> Hệ thống </span> <details>
</a> <summary>
<a href="">
<i class="icons icon-system"></i>
<svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none"> <span class="title"> Hệ thống </span>
<path fill-rule="evenodd" clip-rule="evenodd" </a>
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"> <svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none">
<a href=""> Menu title </a> <path fill-rule="evenodd" clip-rule="evenodd"
<a href=""> Menu title </a> 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"
<a href=""> Menu title </a> fill="white" />
<a href=""> Menu title </a> </svg>
</div> </summary>
</details>
</div>
<div class="menu-list"> <div class="sub-menu">
<p style="color: #81B5E4;margin: 0 0 10px;font-weight: 700;padding: 0 16px;">TÀI KHOẢN</p> <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"> <a href="" class="item">
<i class="icons icon-settings"></i> <i class="icons icon-logout"></i>
<span class="title"> Cài đặt </span> <span class="title"> Thoát quản trị </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> </a>
</div> </div>
<a href="" class="item"> <!-- Menu mới -->
<i class="icons icon-logout"></i> <div class="admin-menu sticky top-0 bottom-0 h-[100vh] bg-[#004E99] flex flex-col justify-between" id="menu-small">
<span class="title"> Thoát quản trị </span> <a href="javascript:void(0)" class="icon-close" id="js-show-menu">
</a> <i class="fa-solid fa-indent"></i>
</div>
<!-- Menu mới -->
<div class="admin-menu sticky top-0 bottom-0 h-[100vh] bg-[#004E99] flex flex-col justify-between">
<div>
<a href="/"
class="item items-center justify-center border-[rgba(255,255,255,0.15)] border-b p-[20px_0_38px_!important]">
<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> </a>
<div>
<div class="item"> <a href="/"
<a href="/" class="icons icon-home"> </a> class="item items-center justify-center border-[rgba(255,255,255,0.15)] border-b p-[20px_0_38px_!important]">
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="21" viewBox="0 0 35 21" fill="none">
<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="?module=product"> Danh sách </a>
<a href="?module=product&view=form"> Thêm sản phẩm </a>
<a href="?module=product&view=category"> Danh mục </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>
<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>
<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 -->
<div class="admin-header-container flex items-center justify-between bg-white px-4 py-3">
<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 <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" 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"
stroke="#C5C5C5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> fill="white" />
<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> </svg>
</a> </a>
<div <div class="item">
class="group relative cursor-pointer ml-[20px] mr-[35px] group [&_summary::-webkit-details-marker]:hidden"> <a href="/" class="icons icon-home"> </a>
<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 <div class="sub-menu">
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> <p class="font-bold"> Home </p>
</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> </div>
<div class="group relative cursor-pointer group [&_summary::-webkit-details-marker]:hidden"> <div class="item">
<div class="flex items-center"> <a href="" class="icons icon-sell"> </a>
<p class="m-0 mr-[10px]"> ducdt@hurasoft.com </p>
<img src="https://via.placeholder.com/72x72" <div class="sub-menu">
class="block rounded-[50%] w-[36px] h-[36px] mr-[8px]" /> <p class="font-bold"> Bán hàng </p>
<svg xmlns="http://www.w3.org/2000/svg" width="8" height="6" viewBox="0 0 8 6" fill="none"> <div class="menu-list">
<path <a href=""> Menu title </a>
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" <a href=""> Menu title </a>
fill="#C9C9C9" /> <a href=""> Menu title </a>
</svg> <a href=""> Menu title </a>
</div>
</div> </div>
</div>
<div <div class="item">
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="" class="icons icon-product"> </a>
<a href="">Đổi mật khẩu</a>
<a href="">Thoát quản trị</a> <div class="sub-menu">
<p class="font-bold"> Sản phẩm </p>
<div class="menu-list">
<a href="?module=product"> Danh sách </a>
<a href="?module=product&view=form"> Thêm sản phẩm </a>
<a href="?module=product&view=category"> Danh mục </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
</div>
</div> </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>
<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 bottom">
<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>
<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> </div>
<!-- Content --> <div class="admin-content-container w-[100%]">
{{page_content}} <!-- Header -->
<div class="admin-header-container flex items-center justify-between bg-white px-4 py-3">
<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>
<!-- Content -->
{{page_content}}
</div>
</div> </div>
</div>