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

up

Browse Source
This commit is contained in:
Tieptk
2025-05-29 11:59:43 +07:00
parent 7923fb8b3b
commit 50e424b802
9 changed files with 505 additions and 258 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
config/routing.php
View File

@@ -38,6 +38,15 @@ return [
'query' => [],
'url' => '/san-pham-da-luu',
],
// tim kiem
"/tim" => [
'module' => 'product',
'view' => 'search',
'view_id'=> 0,
'query' => [],
'url' => '/tim',
],
// tim nguoi ban
"/tim-nguoi-ban" => [
'module' => 'shop',

5
public_html/assets/script/style.css
View File

@@ -279,6 +279,11 @@ html {
height: 20px;
background-position: 0px -209px;
}
.icon_2025.filter-2 {
width: 22px;
height: 22px;
background-position: -24px -209px;
}
.icon_2025.comment {
width: 20px;
height: 20px;

2
public_html/assets/script/style.css.map
View File

File diff suppressed because one or more lines are too long

5
public_html/assets/script/style.scss
View File

@@ -281,6 +281,11 @@ html {
height: 20px;
background-position: 0px -209px;
}
&.filter-2 {
width: 22px;
height: 22px;
background-position: -24px -209px;
}
&.comment {
width: 20px;
height: 20px;

1
src/pages/product/search.php Normal file
View File

@@ -0,0 +1 @@
<?php

210
template/home/components/main_stat.html
View File

@@ -1,210 +0,0 @@
<div
class="sm:col-span-2 2xl:col-span-1 item-stat 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] text-custom-16 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]">
<i class="icons icon-cart"></i>
</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]">
<i class="icons icon-increase"></i>
<b class="font-[700]"> 10% </b>
</div>
<p class="text-[#C5C5C5] text-custom-16 text-[12px]">Hôm qua</p>
</div>
</div>
<div
class="sm:col-span-2 2xl:col-span-1 item-stat 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] text-custom-16 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]">
<i class="icons icon-contact"></i>
</a>
</div>
<p class="text-[22px] text-custom-28 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]">
<i class="icons icon-increase"></i>
<b class="font-[700]"> 10% </b>
</div>
<p class="text-[#C5C5C5] text-custom-16 text-[12px]">Hôm qua</p>
</div>
</div>
<div
class="sm:col-span-2 2xl:col-span-1 item-stat 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-custom-16 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]">
<i class="icons icon-pay"></i>
</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]">
<i class="icons icon-reduce"></i>
<b class="font-[700]"> 10% </b>
</div>
<p class="text-[#C5C5C5] text-custom-16 text-[12px]">Hôm qua</p>
</div>
</div>
<div
class="sm:col-span-2 2xl:col-span-1 item-stat 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-custom-16 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]">
<i class="icons icon-installment"></i>
</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]">
<i class="icons icon-reduce"></i>
<b class="font-[700]"> 10% </b>
</div>
<p class="text-[#C5C5C5] text-custom-16 text-[12px]">Hôm qua</p>
</div>
</div>
<div
class="sm:col-span-2 item-chart 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-custom-16 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%
<i class="fa-solid fa-arrow-up ml-[5px]"></i>
</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
<i class="fa-solid fa-angle-right ml-[5px]"></i>
</a>
</div>
</div>
</div>
<div
class="sm:col-span-2 item-chart 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">
<h5 class="leading-[30px] text-[24px] font-[600]">3.4k</h5>
<div class="flex items-center justify-between">
<p class="text-[14px] text-[#7E7E7E] text-custom-16">Truy cập web trong tuần này</p>
<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">
<svg class="w-2.5 h-2.5 me-1.5" 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>
42.5%
</span>
</div>
</div>
<div class="grid grid-cols-2">
<dl class="flex items-center">
<dt class="text-gray-500 dark:text-gray-400 text-sm font-normal me-1">Lượt truy cập:
</dt>
<dd class="text-gray-900 text-sm dark:text-white font-semibold">1.458</dd>
</dl>
<dl class="flex items-center justify-end">
<dt class="text-gray-500 dark:text-gray-400 text-sm font-normal me-1">Người xem:</dt>
<dd class="text-gray-900 text-sm dark:text-white font-semibold">2.130</dd>
</dl>
</div>
<div id="js-access-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">
Leads 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>

107
template/home/home.html
View File

@@ -92,12 +92,13 @@
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
<a href="/product-detail" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="price">15.000.000đ</div>
<div class="flex items-center justify-between mb-[5px]">
@@ -113,12 +114,13 @@
</div>
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
<a href="/product-detail" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="price">15.000.000đ</div>
<div class="flex items-center justify-between mb-[5px]">
@@ -134,12 +136,13 @@
</div>
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
<a href="/product-detail" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="price">15.000.000đ</div>
<div class="flex items-center justify-between mb-[5px]">
@@ -155,12 +158,13 @@
</div>
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
<a href="/product-detail" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="price">15.000.000đ</div>
<div class="flex items-center justify-between mb-[5px]">
@@ -176,12 +180,13 @@
</div>
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
<a href="/product-detail" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="price">15.000.000đ</div>
<div class="flex items-center justify-between mb-[5px]">
@@ -197,12 +202,13 @@
</div>
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
<a href="/product-detail" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="price">15.000.000đ</div>
<div class="flex items-center justify-between mb-[5px]">
@@ -218,12 +224,13 @@
</div>
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
<a href="/product-detail" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="price">15.000.000đ</div>
<div class="flex items-center justify-between mb-[5px]">
@@ -262,7 +269,7 @@
</div>
<div class="list-category grid grid-cols-8 gap-[60px] mt-10">
<!-- Category 1 -->
<a href="" class="item">
<a href="/danh-muc-cap2.html" class="item">
<div
class="flex flex-col justify-center items-center px-4 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img src="../../assets/images/icon-cate-1.png" class="object-contain aspect-[1.29] w-[90px]"
@@ -274,7 +281,7 @@
</a>
<!-- Category 2 -->
<a href="" class="item">
<a href="/danh-muc-cap2.html" class="item">
<div
class="flex flex-col justify-center items-center px-5 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img src="../../assets/images/icon-cate-2.png" class="object-contain aspect-[0.96] w-[89px]"
@@ -286,7 +293,7 @@
</a>
<!-- Category 3 -->
<a href="" class="item">
<a href="/danh-muc-cap2.html" class="item">
<div
class="flex flex-col justify-center items-center px-3 bg-violet-50 h-[120px] rounded-[1111px] w-[120px] effect-image">
<img src="../../assets/images/icon-cate-3.png" class="object-contain aspect-[1.06] w-[104px]"
@@ -298,7 +305,7 @@
</a>
<!-- Category 4 -->
<a href="" class="item">
<a href="/danh-muc-cap2.html" class="item">
<div
class="flex flex-col justify-center items-center px-1.5 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img src="../../assets/images/icon-cate-4.png" class="object-contain aspect-[1.24] w-[107px]"
@@ -310,7 +317,7 @@
</a>
<!-- Category 5 -->
<a href="" class="item">
<a href="/danh-muc-cap2.html" class="item">
<div
class="flex flex-col justify-center items-center px-1.5 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img src="../../assets/images/icon-cate-5.png"
@@ -322,7 +329,7 @@
</a>
<!-- Category 6 -->
<a href="" class="item">
<a href="/danh-muc-cap2.html" class="item">
<div
class="flex flex-col justify-center items-center px-4 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img src="../../assets/images/icon-cate-6.png" class="object-contain aspect-[0.88] w-[81px]"
@@ -334,7 +341,7 @@
</a>
<!-- Category 7 -->
<a href="" class="item">
<a href="/danh-muc-cap2.html" class="item">
<div
class="flex flex-col justify-center items-center px-3.5 bg-violet-50 h-[120px] rounded-[50%] effect-image w-[120px]">
<img src="../../assets/images/icon-cate-7.png" class="object-contain aspect-[0.93] w-[92px]"
@@ -346,7 +353,7 @@
</a>
<!-- Category 8 -->
<a href="" class="item">
<a href="/danh-muc-cap2.html" class="item">
<div
class="flex flex-col justify-center items-center px-5 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img src="../../assets/images/icon-cate-8.png" class="object-contain w-20 aspect-[1.18]"
@@ -358,7 +365,7 @@
</a>
<!-- Category 9 -->
<a href="" class="item">
<a href="/danh-muc-cap2.html" class="item">
<div
class="flex flex-col justify-center items-center px-4 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img src="../../assets/images/icon-cate-9.png" class="object-contain aspect-[1.29] w-[90px]"
@@ -370,7 +377,7 @@
</a>
<!-- Category 10 -->
<a href="" class="item">
<a href="/danh-muc-cap2.html" class="item">
<div
class="flex flex-col justify-center items-center px-4 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img src="../../assets/images/icon-cate-10.png" class="object-contain aspect-[0.83] w-[85px]"
@@ -382,7 +389,7 @@
</a>
<!-- Category 11 -->
<a href="" class="item">
<a href="/danh-muc-cap2.html" class="item">
<div
class="flex flex-col justify-center items-center px-3.5 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img src="../../assets/images/icon-cate-11.png" class="object-contain aspect-[0.93] w-[100px]"
@@ -394,7 +401,7 @@
</a>
<!-- Category 12 -->
<a href="" class="item">
<a href="/danh-muc-cap2.html" class="item">
<div
class="flex flex-col justify-center items-start px-4 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img src="../../assets/images/icon-cate-12.png" class="object-contain aspect-[0.93] w-[100px]"
@@ -406,7 +413,7 @@
</a>
<!-- Category 13 -->
<a href="" class="item">
<a href="/danh-muc-cap2.html" class="item">
<div
class="flex flex-col justify-center items-center px-3.5 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img src="../../assets/images/icon-cate-13.png" class="object-contain aspect-[0.95] w-[95px]"
@@ -418,7 +425,7 @@
</a>
<!-- Category 14 -->
<a href="" class="item">
<a href="/danh-muc-cap2.html" class="item">
<div
class="flex flex-col justify-center items-center px-6 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img src="../../assets/images/icon-cate-14.png" class="object-contain aspect-[0.67] w-[67px]"
@@ -430,7 +437,7 @@
</a>
<!-- Category 15 -->
<a href="" class="item">
<a href="/danh-muc-cap2.html" class="item">
<div
class="flex flex-col justify-center items-center px-3 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img src="../../assets/images/icon-cate-15.png" class="object-contain aspect-[1.15] w-[100px]"
@@ -442,7 +449,7 @@
</a>
<!-- Category 16 -->
<a href="" class="item">
<a href="/danh-muc-cap2.html" class="item">
<div
class="flex flex-col justify-center items-center px-3 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img src="../../assets/images/icon-cate-16.png" class="object-contain aspect-[1.75] w-[98px]"
@@ -567,12 +574,13 @@
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
<a href="/product-detail" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="icon-save"><i class="icon_2025 heart"></i></div>
</a>
<div class="info-product">
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="flex items-center justify-center mt-[5px]">
<div class="price">15.000.000đ</div>
@@ -587,12 +595,13 @@
</div>
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
<a href="/product-detail" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="icon-save"><i class="icon_2025 heart"></i></div>
</a>
<div class="info-product">
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="flex items-center justify-center mt-[5px]">
<div class="price">15.000.000đ</div>
@@ -607,12 +616,13 @@
</div>
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
<a href="/product-detail" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="icon-save"><i class="icon_2025 heart"></i></div>
</a>
<div class="info-product">
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="flex items-center justify-center mt-[5px]">
<div class="price">15.000.000đ</div>
@@ -627,12 +637,13 @@
</div>
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
<a href="/product-detail" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="icon-save"><i class="icon_2025 heart"></i></div>
</a>
<div class="info-product">
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="flex items-center justify-center mt-[5px]">
<div class="price">15.000.000đ</div>
@@ -866,11 +877,12 @@
</div>
<div class="list mt-5">
<div class="item-classifieds">
<a href="" class="image-classifieds effect-image">
<a href="/san-pham-nguoi-ban" class="image-classifieds effect-image">
<img src="../../assets/images/image-article.png" alt="">
</a>
<div class="info">
<a href="" class="name-classifieds line-clamp-1">Xu hướng công nghệ nhìn từ CES
<a href="/san-pham-nguoi-ban" class="name-classifieds line-clamp-1">Xu hướng công nghệ nhìn
từ CES
2025</a>
<div class="summary line-clamp-2 text-[#595959]">Intel Core i5 / 8GB / 256GB / SSD
</div>
@@ -897,11 +909,12 @@
</div>
</div>
<div class="item-classifieds">
<a href="" class="image-classifieds effect-image">
<a href="/san-pham-nguoi-ban" class="image-classifieds effect-image">
<img src="../../assets/images/image-article.png" alt="">
</a>
<div class="info">
<a href="" class="name-classifieds line-clamp-1">Xu hướng công nghệ nhìn từ CES
<a href="/san-pham-nguoi-ban" class="name-classifieds line-clamp-1">Xu hướng công nghệ nhìn
từ CES
2025</a>
<div class="summary line-clamp-2 text-[#595959]">Intel Core i5 / 8GB / 256GB / SSD
</div>
@@ -928,11 +941,12 @@
</div>
</div>
<div class="item-classifieds">
<a href="" class="image-classifieds effect-image">
<a href="/san-pham-nguoi-ban" class="image-classifieds effect-image">
<img src="../../assets/images/image-article.png" alt="">
</a>
<div class="info">
<a href="" class="name-classifieds line-clamp-1">Xu hướng công nghệ nhìn từ CES
<a href="/san-pham-nguoi-ban" class="name-classifieds line-clamp-1">Xu hướng công nghệ nhìn
từ CES
2025</a>
<div class="summary line-clamp-2 text-[#595959]">Intel Core i5 / 8GB / 256GB / SSD
</div>
@@ -959,11 +973,12 @@
</div>
</div>
<div class="item-classifieds">
<a href="" class="image-classifieds effect-image">
<a href="/san-pham-nguoi-ban" class="image-classifieds effect-image">
<img src="../../assets/images/image-article.png" alt="">
</a>
<div class="info">
<a href="" class="name-classifieds line-clamp-1">Xu hướng công nghệ nhìn từ CES
<a href="/san-pham-nguoi-ban" class="name-classifieds line-clamp-1">Xu hướng công nghệ nhìn
từ CES
2025</a>
<div class="summary line-clamp-2 text-[#595959]">Intel Core i5 / 8GB / 256GB / SSD
</div>

422
template/product/search.html Normal file
View File

@@ -0,0 +1,422 @@
<div class="page-category bg-[#F4F4F4]">
<div class="container">
<div class="breadcrumb p-[12px_0]">
<ol itemscope="" itemtype="http://schema.org/BreadcrumbList" class="ul flex flex-wrap items-center">
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
class="flex items-center pr-[12px]">
<a href="/" itemprop="item" class="nopad-l flex items-center text-[#637381]">
<span itemprop="name"><span style="font-size: 0;display: none;">Trang chủ</span> <i
class="icon_2025 home mr-[5px] mb-[5px]"></i></span>
</a> <i class="icon_2025 angle-right ml-[12px]"></i>
<meta itemprop="position" content="1">
</li>
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
class="flex items-center pr-[12px]">
<a href="/tim?q" itemprop="item" class="nopad-l flex items-center">
<span itemprop="name">
Tìm kiếm
</span>
</a>
<meta itemprop="position" content="2">
</li>
</ol>
</div>
<div class="box-backgorund px-3 pt-2.5 pb-12 mt-3.5 bg-white">
<div class="flex">
<!-- Left Sidebar - Filters -->
<div class="w-[19%]">
<div class="mt-2 box-filter">
<div class="flex items-center px-3">
<i class="icon_2025 filter-2"></i>
<b class="text-lg font-bold ml-2">Bộ lọc tìm kiếm</b>
</div>
<div class="item-filter mt-2.5">
<h3
class="text-base font-bold leading-loose text-black pt-[10px] border-t-[1px] border-[#D3D3D3]">
Lọc theo
</h3>
<div class="mt-1 text-base leading-8 text-black max-md:ml-2.5">
<a href="" class="item flex items-center ">
<input type="checkbox" id="vehicle1" class="checkbox">
<label for="vehicle1" class="ml-2">Máy tính dành cho</label>
</a>
<a href="" class="item flex items-center ">
<input type="checkbox" id="vehicle1" class="checkbox">
<label for="vehicle1" class="ml-2">Máy tính dành cho</label>
</a>
<a href="" class="item flex items-center ">
<input type="checkbox" id="vehicle1" class="checkbox">
<label for="vehicle1" class="ml-2">Máy tính dành cho</label>
</a>
<a href="" class="item flex items-center ">
<input type="checkbox" id="vehicle1" class="checkbox">
<label for="vehicle1" class="ml-2">Máy tính dành cho</label>
</a>
<a href="" class="item flex items-center ">
<input type="checkbox" id="vehicle1" class="checkbox">
<label for="vehicle1" class="ml-2">Máy tính dành cho</label>
</a>
<a href="" class="item flex items-center ">
<input type="checkbox" id="vehicle1" class="checkbox">
<label for="vehicle1" class="ml-2">Máy tính dành cho</label>
</a>
</div>
</div>
<div class="item-filter mt-2.5">
<h3
class="text-base font-bold leading-loose text-black pt-[10px] border-t-[1px] border-[#D3D3D3]">
Lọc theo
</h3>
<div class="mt-1 text-base leading-8 text-black max-md:ml-2.5">
<a href="" class="item flex items-center ">
<input type="checkbox" id="vehicle1" class="checkbox">
<label for="vehicle1" class="ml-2">Máy tính dành cho</label>
</a>
<a href="" class="item flex items-center ">
<input type="checkbox" id="vehicle1" class="checkbox">
<label for="vehicle1" class="ml-2">Máy tính dành cho</label>
</a>
<a href="" class="item flex items-center ">
<input type="checkbox" id="vehicle1" class="checkbox">
<label for="vehicle1" class="ml-2">Máy tính dành cho</label>
</a>
<a href="" class="item flex items-center ">
<input type="checkbox" id="vehicle1" class="checkbox">
<label for="vehicle1" class="ml-2">Máy tính dành cho</label>
</a>
<a href="" class="item flex items-center ">
<input type="checkbox" id="vehicle1" class="checkbox">
<label for="vehicle1" class="ml-2">Máy tính dành cho</label>
</a>
<a href="" class="item flex items-center ">
<input type="checkbox" id="vehicle1" class="checkbox">
<label for="vehicle1" class="ml-2">Máy tính dành cho</label>
</a>
</div>
</div>
<div class="item-filter mt-2.5">
<h3
class="text-base font-bold leading-loose text-black pt-[10px] border-t-[1px] border-[#D3D3D3]">
Lượt đánh giá
</h3>
<div class="mt-1 text-base leading-8 text-black max-md:ml-2.5">
<a href="" class="item flex items-center ">
<input type="checkbox" id="vehicle1" class="checkbox">
<label for="vehicle1" class="ml-2 flex items-center"><b>1</b> <i
class="icon-star star-small ml-1"></i></label>
</a>
<a href="" class="item flex items-center ">
<input type="checkbox" id="vehicle1" class="checkbox">
<label for="vehicle1" class="ml-2 flex items-center"><b>1</b> <i
class="icon-star star-small ml-1"></i></label>
</a>
<a href="" class="item flex items-center ">
<input type="checkbox" id="vehicle1" class="checkbox">
<label for="vehicle1" class="ml-2 flex items-center"><b>1</b> <i
class="icon-star star-small ml-1"></i></label>
</a>
</div>
</div>
</div>
</div>
<div class="ml-5 w-[81%]">
<div class="flex items-center flex-wrap gap-[10px]">
<a href=""
class="inline-block px-3 py-1 border-[1px] border-[var(--color-global)] rounded-[3px] whitespace-nowrap font-bold text-[var(--color-global)]">Tất
cả
(128)</a>
<a href=""
class="inline-block px-3 py-1 border-[1px] border-[#b0b0b0] rounded-[3px] whitespace-nowrap">Tất
cả
(128)</a>
<a href=""
class="inline-block px-3 py-1 border-[1px] border-[#b0b0b0] rounded-[3px] whitespace-nowrap">Tất
cả
(128)</a>
<a href=""
class="inline-block px-3 py-1 border-[1px] border-[#b0b0b0] rounded-[3px] whitespace-nowrap">Tất
cả
(128)</a>
<a href=""
class="inline-block px-3 py-1 border-[1px] border-[#b0b0b0] rounded-[3px] whitespace-nowrap">Tất
cả
(128)</a>
<a href=""
class="inline-block px-3 py-1 border-[1px] border-[#b0b0b0] rounded-[3px] whitespace-nowrap">Tất
cả
(128)</a>
<a href=""
class="inline-block px-3 py-1 border-[1px] border-[#b0b0b0] rounded-[3px] whitespace-nowrap">Tất
cả
(128)</a>
<a href=""
class="inline-block px-3 py-1 border-[1px] border-[#b0b0b0] rounded-[3px] whitespace-nowrap">Tất
cả
(128)</a>
<a href=""
class="inline-block px-3 py-1 border-[1px] border-[#b0b0b0] rounded-[3px] whitespace-nowrap">Tất
cả
(128)</a>
<a href=""
class="inline-block px-3 py-1 border-[1px] border-[#b0b0b0] rounded-[3px] whitespace-nowrap">Tất
cả
(128)</a>
<a href=""
class="inline-block px-3 py-1 border-[1px] border-[#b0b0b0] rounded-[3px] whitespace-nowrap">Tất
cả
(128)</a>
<a href=""
class="inline-block px-3 py-1 border-[1px] border-[#b0b0b0] rounded-[3px] whitespace-nowrap">Tất
cả
(128)</a>
</div>
<div class="mt-2 mb-4 flex items-center justify-between">
<h1 class="text-xl font-bold max-md:max-w-full">
Tìm thấy 128 kết quả với từ khóa "<span>Laptop</span>"
</h1>
<select name="" id=""
class="w-[120px] border border-[#dbdbdb] pl-[5px] h-[36px] text-black rounded-[4px]">
<option value="">Sắp xếp</option>
<option value="">Sản phẩm mới</option>
</select>
</div>
<div class="product-list grid grid-cols-4 gap-[15px]">
<div class="product-item">
<a href="/product-detail" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="price">15.000.000đ</div>
<div class="flex items-center justify-between mb-[5px]">
<del class="old-price">16.500.000đ</del>
<i class="icon-star star5"></i>
</div>
<div class="total-shop flex items-center">
<div class="box-shop"><i class="icon_2025 shop"></i></div>
<p class="ml-[7px]">Có 12 cửa hàng bán</p>
</div>
</div>
</div>
<div class="product-item">
<a href="/product-detail" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="price">15.000.000đ</div>
<div class="flex items-center justify-between mb-[5px]">
<del class="old-price">16.500.000đ</del>
<i class="icon-star star5"></i>
</div>
<div class="total-shop flex items-center">
<div class="box-shop"><i class="icon_2025 shop"></i></div>
<p class="ml-[7px]">Có 12 cửa hàng bán</p>
</div>
</div>
</div>
<div class="product-item">
<a href="/product-detail" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="price">15.000.000đ</div>
<div class="flex items-center justify-between mb-[5px]">
<del class="old-price">16.500.000đ</del>
<i class="icon-star star5"></i>
</div>
<div class="total-shop flex items-center">
<div class="box-shop"><i class="icon_2025 shop"></i></div>
<p class="ml-[7px]">Có 12 cửa hàng bán</p>
</div>
</div>
</div>
<div class="product-item">
<a href="/product-detail" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="price">15.000.000đ</div>
<div class="flex items-center justify-between mb-[5px]">
<del class="old-price">16.500.000đ</del>
<i class="icon-star star5"></i>
</div>
<div class="total-shop flex items-center">
<div class="box-shop"><i class="icon_2025 shop"></i></div>
<p class="ml-[7px]">Có 12 cửa hàng bán</p>
</div>
</div>
</div>
<div class="product-item">
<a href="/product-detail" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="price">15.000.000đ</div>
<div class="flex items-center justify-between mb-[5px]">
<del class="old-price">16.500.000đ</del>
<i class="icon-star star5"></i>
</div>
<div class="total-shop flex items-center">
<div class="box-shop"><i class="icon_2025 shop"></i></div>
<p class="ml-[7px]">Có 12 cửa hàng bán</p>
</div>
</div>
</div>
<div class="product-item">
<a href="/product-detail" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="price">15.000.000đ</div>
<div class="flex items-center justify-between mb-[5px]">
<del class="old-price">16.500.000đ</del>
<i class="icon-star star5"></i>
</div>
<div class="total-shop flex items-center">
<div class="box-shop"><i class="icon_2025 shop"></i></div>
<p class="ml-[7px]">Có 12 cửa hàng bán</p>
</div>
</div>
</div>
<div class="product-item">
<a href="/product-detail" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="price">15.000.000đ</div>
<div class="flex items-center justify-between mb-[5px]">
<del class="old-price">16.500.000đ</del>
<i class="icon-star star5"></i>
</div>
<div class="total-shop flex items-center">
<div class="box-shop"><i class="icon_2025 shop"></i></div>
<p class="ml-[7px]">Có 12 cửa hàng bán</p>
</div>
</div>
</div>
<div class="product-item">
<a href="/product-detail" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="price">15.000.000đ</div>
<div class="flex items-center justify-between mb-[5px]">
<del class="old-price">16.500.000đ</del>
<i class="icon-star star5"></i>
</div>
<div class="total-shop flex items-center">
<div class="box-shop"><i class="icon_2025 shop"></i></div>
<p class="ml-[7px]">Có 12 cửa hàng bán</p>
</div>
</div>
</div>
<div class="product-item">
<a href="/product-detail" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="price">15.000.000đ</div>
<div class="flex items-center justify-between mb-[5px]">
<del class="old-price">16.500.000đ</del>
<i class="icon-star star5"></i>
</div>
<div class="total-shop flex items-center">
<div class="box-shop"><i class="icon_2025 shop"></i></div>
<p class="ml-[7px]">Có 12 cửa hàng bán</p>
</div>
</div>
</div>
<div class="product-item">
<a href="/product-detail" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="price">15.000.000đ</div>
<div class="flex items-center justify-between mb-[5px]">
<del class="old-price">16.500.000đ</del>
<i class="icon-star star5"></i>
</div>
<div class="total-shop flex items-center">
<div class="box-shop"><i class="icon_2025 shop"></i></div>
<p class="ml-[7px]">Có 12 cửa hàng bán</p>
</div>
</div>
</div>
<div class="product-item">
<a href="/product-detail" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="price">15.000.000đ</div>
<div class="flex items-center justify-between mb-[5px]">
<del class="old-price">16.500.000đ</del>
<i class="icon-star star5"></i>
</div>
<div class="total-shop flex items-center">
<div class="box-shop"><i class="icon_2025 shop"></i></div>
<p class="ml-[7px]">Có 12 cửa hàng bán</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

2
template/shared/header.html
View File

@@ -21,7 +21,7 @@
</div>
</div>
<div class="w-[670px] relative mr-[135px] input-search">
<form action="/search" enctype="text/plain" method="get"
<form action="/tim" enctype="text/plain" method="get"
class="relative w-full h-[45px] bg-white rounded-[8px] overflow-hidden">
<input type="text" name="q" placeholder="Tìm kiếm khuyến mãi, cửa hàng, sản phẩm,..."
class="search-input w-full h-full p-[0_10px] rounded-[8px] text-base" />