From 6dc3b5d19fece9f94f9929a581bab62b699ed8ee Mon Sep 17 00:00:00 2001
From: Tieptk <tieptk@hurasoft.com>
Date: Tue, 23 Jan 2024 10:40:23 +0700
Subject: [PATCH] update icon homepage

---
 assets/script/pc_style.css     |  39 +++++++
 assets/script/pc_style.css.map |   2 +-
 assets/script/pc_style.scss    |  39 +++++++
 template/home/home.html        | 191 +--------------------------------
 template/theme.html            |  47 ++------
 5 files changed, 88 insertions(+), 230 deletions(-)

diff --git a/assets/script/pc_style.css b/assets/script/pc_style.css
index fa9c769..722c299 100644
--- a/assets/script/pc_style.css
+++ b/assets/script/pc_style.css
@@ -609,4 +609,43 @@ input[type=radio]:focus:before {
 .accessory td {
   padding: 10px 6px;
   border: 1px solid #ececec;
+}
+
+.icons {
+  width: 30px;
+  height: 30px;
+  display: block;
+}
+.icons.icon-search {
+  background-position: -71px -40px;
+}
+.icons.header-support {
+  height: 33px;
+  background-position: -116px -42px;
+}
+.icons.icon-notification {
+  height: 33px;
+  background-position: -165px -42px;
+}
+.icons.icon-cart {
+  background-position: -210px -36px;
+}
+.icons.icon-contact {
+  background-position: -246px -36px;
+}
+.icons.icon-pay {
+  background-position: -284px -36px;
+}
+.icons.icon-installment {
+  background-position: -318px -36px;
+}
+.icons.icon-increase {
+  width: 20px;
+  height: 20px;
+  background-position: -6px -85px;
+}
+.icons.icon-reduce {
+  width: 20px;
+  height: 20px;
+  background-position: -43px -83px;
 }/*# sourceMappingURL=pc_style.css.map */
\ No newline at end of file
diff --git a/assets/script/pc_style.css.map b/assets/script/pc_style.css.map
index ea4e3e9..c0824f2 100644
--- a/assets/script/pc_style.css.map
+++ b/assets/script/pc_style.css.map
@@ -1 +1 @@
-{"version":3,"sources":["pc_style.scss","pc_style.css"],"names":[],"mappings":"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","file":"pc_style.css"}
\ No newline at end of file
+{"version":3,"sources":["pc_style.scss","pc_style.css"],"names":[],"mappings":"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","file":"pc_style.css"}
\ No newline at end of file
diff --git a/assets/script/pc_style.scss b/assets/script/pc_style.scss
index 8bc6c4f..3aaebf7 100644
--- a/assets/script/pc_style.scss
+++ b/assets/script/pc_style.scss
@@ -621,3 +621,42 @@ input[type="radio"] {
         border: 1px solid #ececec;
     }
 }
+
+.icons {
+    width: 30px;
+    height: 30px;
+    display: block;
+    &.icon-search {
+        background-position: -71px -40px;
+    }
+    &.header-support {
+        height: 33px;
+        background-position: -116px -42px;
+    }
+    &.icon-notification {
+        height: 33px;
+        background-position: -165px -42px;
+    }
+    &.icon-cart {
+        background-position: -210px -36px;
+    }
+    &.icon-contact {
+        background-position: -246px -36px;
+    }
+    &.icon-pay {
+        background-position: -284px -36px;
+    }
+    &.icon-installment {
+        background-position: -318px -36px;
+    }
+    &.icon-increase {
+        width: 20px;
+        height: 20px;
+        background-position: -6px -85px;
+    }
+    &.icon-reduce {
+        width: 20px;
+        height: 20px;
+        background-position: -43px -83px;
+    }
+}
diff --git a/template/home/home.html b/template/home/home.html
index 5cff0c3..f05097d 100644
--- a/template/home/home.html
+++ b/template/home/home.html
@@ -3,197 +3,8 @@
     <!-- col-left -->
     <div class="col-span-7 grid grid-cols-4 max-[1620px]:gap-[10px] gap-[16px]">
 
+        {% include 'home/components/main_stat' %}
 
-        <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=""
-                        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
-            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="w-[calc(100%-36px)] mr-[10px] text-[#B1B1B1] text-[12px] uppercase">Khách hàng
-                        liên hệ qua website</p>
-
-                    <a href=""
-                        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" fill="none">
-                            <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"
-                                fill="#299D00" />
-                        </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
-            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="w-[calc(100%-36px)] mr-[10px] text-[#B1B1B1] text-[12px] uppercase">Đơn trả
-                        góp</p>
-
-                    <a href=""
-                        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" fill="none">
-                            <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"
-                                fill="#5A00ED" />
-                        </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-[#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" viewBox="0 0 14 8"
-                        fill="none">
-                        <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"
-                            fill="#E00000" />
-                    </svg>
-                    <b class="font-[700]"> 10% </b>
-                </div>
-
-                <p class="text-[#C5C5C5] text-[12px]">Hôm qua</p>
-            </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)]">
-            <div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]">
-                <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
-                        trả</p>
-
-                    <a href=""
-                        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" fill="none">
-                            <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"
-                                fill="#E00000" />
-                        </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-[#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" viewBox="0 0 14 8"
-                        fill="none">
-                        <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"
-                            fill="#E00000" />
-                    </svg>
-                    <b class="font-[700]"> 10% </b>
-                </div>
-
-                <p class="text-[#C5C5C5] text-[12px]">Hôm qua</p>
-            </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">
-            <div class="flex justify-between min-h-[100px]">
-                <div>
-                    <h5 class="leading-[30px] text-[24px] font-[600]">32.4k</h5>
-                    <p class="text-[14px] text-[#7E7E7E]">Doanh thu trong tuần này</p>
-                </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">
-                    12%
-                    <svg class="w-3 h-3 ms-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
-                        viewBox="0 0 10 14">
-                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                            d="M5 13V1m0 0L1 5m4-4 4 4" />
-                    </svg>
-                </div>
-            </div>
-
-            <div id="js-revenue-chart"></div>
-
-            <div 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">
-
-                    <select>
-                        <option value=""> Last 7 days </option>
-                        <option value=""> Yesterday </option>
-                        <option value=""> Today </option>
-                        <option value=""> Last 7 days </option>
-                        <option value=""> Last 30 days </option>
-                        <option value=""> Last 90 days </option>
-                    </select>
-
-                    <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">
-                        Users Report
-                        <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">
-                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="m1 9 4-4-4-4" />
-                        </svg>
-                    </a>
-
-                </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">
diff --git a/template/theme.html b/template/theme.html
index 1a8a84c..d7a03e8 100644
--- a/template/theme.html
+++ b/template/theme.html
@@ -12,7 +12,7 @@
   <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 }}?v={{ 'now | date: '%Y-%m-%d %H:%M' }}" />
+  <link rel="stylesheet" media="screen" href="{{ 'pc_style.css' | asset_url }}?v=1.99.1" />
 
   <script src="{{ 'tailwindcss.js' | asset_url }}"></script>
 
@@ -27,6 +27,9 @@
 </head>
 
 <body>
+
+  {{global|show_var}}
+
   <div class="admin-global-container">
 
     <!-- Menu cũ  -->
@@ -408,14 +411,7 @@
       <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>
+            <i class="icons icon-search"></i>
           </div>
 
           <input type="search" class="block border h-[36px] ps-10 rounded w-full" placeholder="Tìm kiếm">
@@ -423,36 +419,13 @@
 
         <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>
+            <i class="icons header-support"></i>
           </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>
+              <i class="icons icon-notification"></i>
 
               <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>
@@ -473,11 +446,7 @@
 
               <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>
+              <i class="fa-solid fa-sort-down text-[#C9C9C9] mb-[3px]"></i>
             </div>
 
             <div