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

update customer

Browse Source
This commit is contained in:
Tieptk
2024-02-05 11:30:07 +07:00
parent 70d0602388 dde52d00d6
commit 6f9cfba530
12 changed files with 1312 additions and 212 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
assets/script/pc_style.css
View File

@@ -496,10 +496,9 @@ a {
} }
.admin-menu .icon-close { .admin-menu .icon-close {
position: absolute; position: absolute;
top: 12px; top: 0;
right: -30px; right: -40px;
height: 34px; width: 40px;
width: 30px;
display: block; display: block;
background-color: rgb(0 78 153/var(--tw-bg-opacity)); background-color: rgb(0 78 153/var(--tw-bg-opacity));
} }
@@ -507,8 +506,7 @@ a {
display: block; display: block;
margin: 0 auto; margin: 0 auto;
text-align: center; text-align: center;
margin-top: 6px; line-height: 40px;
line-height: 20px;
} }
.admin-content-container { .admin-content-container {
@@ -629,8 +627,8 @@ input[type=radio]:before {
border-radius: 100%; border-radius: 100%;
border: 1.5px solid #0041e8; border: 1.5px solid #0041e8;
display: inline-block; display: inline-block;
width: 20px; width: 18px;
height: 20px; height: 18px;
position: relative; position: relative;
top: -0.2em; top: -0.2em;
margin-right: 1em; margin-right: 1em;
@@ -641,7 +639,7 @@ input[type=radio]:before {
} }
input[type=radio]:checked:before { input[type=radio]:checked:before {
background-color: #0041e8; background-color: #0041e8;
box-shadow: inset 0 0 0 4px #fff; box-shadow: inset 0 0 0 3px #fff;
} }
input[type=radio]:focus:before { input[type=radio]:focus:before {
outline: none; outline: none;
@@ -766,6 +764,9 @@ input[type=radio]:focus:before {
.order-page .order-page-table td:nth-child(4), .order-page .order-page-table td:nth-child(10) { .order-page .order-page-table td:nth-child(4), .order-page .order-page-table td:nth-child(10) {
text-align: left; text-align: left;
} }
.order-page .order-page-table td * {
display: inline-block;
}
.order-page-table { .order-page-table {
line-height: 20px; line-height: 20px;
@@ -787,13 +788,12 @@ input[type=radio]:focus:before {
.order-page-table thead td { .order-page-table thead td {
padding: 8px; padding: 8px;
} }
.order-page-table tr:hover {
background: #f5f7ff;
}
.order-page-table td { .order-page-table td {
padding: 10px; padding: 10px;
border: 1px solid #ececec; border: 1px solid #ececec;
text-transform: capitalize;
}
.order-page-table td * {
display: inline-block;
} }
.order-page-table select { .order-page-table select {
border-radius: 4px; border-radius: 4px;
@@ -880,10 +880,6 @@ input[type=radio]:focus:before {
content: none; content: none;
} }
.marketing-coupon-page .order-page-table td {
vertical-align: top;
}
.table-brand th { .table-brand th {
padding: 7px 5px; padding: 7px 5px;
background: #f6f6f6; background: #f6f6f6;
@@ -927,4 +923,26 @@ input[type=radio]:focus:before {
.table-list-customer td { .table-list-customer td {
padding: 7px 6px; padding: 7px 6px;
border: 1px solid #ececec; border: 1px solid #ececec;
}
.table-comment th {
padding: 7px 5px;
background: #f6f6f6;
border: 1px solid #ececec;
white-space: nowrap;
}
.table-comment td {
padding: 7px 6px;
border: 1px solid #ececec;
}
.list-info-reply th {
padding: 7px 5px;
background: #f6f6f6;
border: 1px solid #ececec;
white-space: nowrap;
}
.list-info-reply td {
padding: 7px 6px;
border: 1px solid #ececec;
}/*# sourceMappingURL=pc_style.css.map */ }/*# sourceMappingURL=pc_style.css.map */

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

File diff suppressed because one or more lines are too long

60
assets/script/pc_style.scss
View File

@@ -485,18 +485,16 @@ a {
} }
.icon-close { .icon-close {
position: absolute; position: absolute;
top: 12px; top: 0;
right: -30px; right: -40px;
height: 34px; width: 40px;
width: 30px;
display: block; display: block;
background-color: rgb(0 78 153 / var(--tw-bg-opacity)); background-color: rgb(0 78 153 / var(--tw-bg-opacity));
i { i {
display: block; display: block;
margin: 0 auto; margin: 0 auto;
text-align: center; text-align: center;
margin-top: 6px; line-height: 40px;
line-height: 20px;
} }
} }
} }
@@ -624,8 +622,8 @@ input[type="radio"] {
border-radius: 100%; border-radius: 100%;
border: 1.5px solid #0041e8; border: 1.5px solid #0041e8;
display: inline-block; display: inline-block;
width: 20px; width: 18px;
height: 20px; height: 18px;
position: relative; position: relative;
top: -0.2em; top: -0.2em;
margin-right: 1em; margin-right: 1em;
@@ -638,7 +636,7 @@ input[type="radio"] {
&:checked { &:checked {
&:before { &:before {
background-color: #0041e8; background-color: #0041e8;
box-shadow: inset 0 0 0 4px #fff; box-shadow: inset 0 0 0 3px #fff;
} }
} }
&:focus { &:focus {
@@ -783,6 +781,9 @@ input[type="radio"] {
&:nth-child(10) { &:nth-child(10) {
text-align: left; text-align: left;
} }
* {
display: inline-block;
}
} }
} }
} }
@@ -805,13 +806,14 @@ input[type="radio"] {
padding: 8px; padding: 8px;
} }
} }
tr {
&:hover {
background: #f5f7ff;
}
}
td { td {
padding: 10px; padding: 10px;
border: 1px solid #ececec; border: 1px solid #ececec;
text-transform: capitalize;
* {
display: inline-block;
}
} }
select { select {
border-radius: 4px; border-radius: 4px;
@@ -898,12 +900,6 @@ input[type="radio"] {
} }
} }
} }
.marketing-coupon-page {
.order-page-table td {
vertical-align: top;
}
}
.table-brand { .table-brand {
th { th {
padding: 7px 5px; padding: 7px 5px;
@@ -954,3 +950,29 @@ input[type="radio"] {
border: 1px solid #ececec; border: 1px solid #ececec;
} }
} }
.table-comment {
th {
padding: 7px 5px;
background: #f6f6f6;
border: 1px solid #ececec;
white-space: nowrap;
}
td {
padding: 7px 6px;
border: 1px solid #ececec;
}
}
.list-info-reply {
th {
padding: 7px 5px;
background: #f6f6f6;
border: 1px solid #ececec;
white-space: nowrap;
}
td {
padding: 7px 6px;
border: 1px solid #ececec;
}
}

4
inc/Hura8/Router.php
View File

@@ -26,7 +26,7 @@ class Router {
'view' => preg_replace("/[^a-z0-9_\-]/i","", getRequest('view', 'home')), 'view' => preg_replace("/[^a-z0-9_\-]/i","", getRequest('view', 'home')),
'view_id'=> 0, 'view_id'=> 0,
'query' => $parsed['query'], 'query' => $parsed['query'],
'url' => $parsed['path'], 'url' => $_SERVER['REQUEST_URI'],
]; ];
} }
@@ -60,7 +60,7 @@ class Router {
'view' => preg_replace("/[^a-z0-9_\-]/i","", $view ) , 'view' => preg_replace("/[^a-z0-9_\-]/i","", $view ) ,
'view_id' => preg_replace("/[^a-z0-9_]/i","", $view_id ), 'view_id' => preg_replace("/[^a-z0-9_]/i","", $view_id ),
'query' => $parsed['query'], 'query' => $parsed['query'],
'url' => $parsed['path'], 'url' => $_SERVER['REQUEST_URI'],
]; ];
} }

245
template/customer/comment.html
View File

@@ -0,0 +1,245 @@
<div class="w-[100%]">
<div
class="m-[15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
<h1 class="text-[24px] font-[700] mb-3">Tổng hợp trao đổi</h1>
<div class="list-filter-account flex items-center">
<a href="javacsript:void(0)"
class="px-[10px] py-[6px] text-[#fff] mr-[5px] bg-[#0041E8] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Trao
đổi mới nhất</a>
<a href="javacsript:void(0)"
class="px-[10px] py-[6px] text-[#919699] mr-[5px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Chưa
có phản hồi</a>
<a href="javacsript:void(0)"
class="px-[10px] py-[6px] text-[#919699] mr-[5px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Quản
trị viên chưa phản hồi</a>
<a href="javacsript:void(0)"
class="px-[10px] py-[6px] text-[#919699] mr-[5px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Danh
sách phản hồi</a>
</div>
<form action=""
class="flex items-center p-[15px] rounded-[10px] shadow-[0_1px_1px_0_rgba(0,0,0,0.10)] mt-[15px] border-[1px] border-[#F6F6F6]">
<input type="text" name=""
class="w-[375px] h-[35px] px-[10px] rounded-[4px] border-[#D8D8D8] border-[1px] mr-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"
placeholder="Tìm kiếm">
<button type="submit" class="px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm kiếm</button>
</form>
<div class="list-filter flex items-center justify-between mt-[15px] mb-[20px]">
<p>Tổng số: <b>1.996</b></p>
<select name="" id=""
class="w-[180px] h-[35px] p-[5px] border-[1px] border-[#D8D8D8] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
<option value="">Chọn bộ lọc</option>
</select>
</div>
<table class="table-comment">
<thead>
<tr>
<th>STT</th>
<th>Phản hồi</th>
<th>Thời gian</th>
<th>Tác giả</th>
<th>Sản phẩm</th>
<th>Nội dung</th>
<th>Lựa chọn</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>1</td>
<td>09-08-2023, 11:24 am</td>
<td>
<div class="flex items-center">
<b>Nguyễn An</b>
<p class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">Quản trị
viên</p>
</div>
<p>annv@hurasoft.com</p>
</td>
<td>
<a href="" class="text-[#0041E8]">Màn Hình AOC 24B1XHS 23.8 inch Full HD</a>
</td>
<td>
test reply
</td>
<td>
<div class="flex items-center">
<a href="javascript:void(0)" onclick="js_list_reply_comment.showModal()"
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="fa-regular fa-hand-pointer text-[#0041E8]"></i>
</a>
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="icons icon-edit"></i>
</a>
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="fa-solid fa-crown text-[#0041E8]"></i>
</a>
</div>
<div class="flex items-center">
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="fa fa-plus text-[#0041E8]"></i>
</a>
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="fa-solid fa-ban text-[#9E9E9E]"></i>
</a>
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="icons icon-remove"></i>
</a>
</div>
</td>
</tr>
</tbody>
</table>
<dialog id="js_list_reply_comment" class="modal">
<div class="modal-box w-[852px] max-w-5xl p-[15px]">
<form method="dialog">
<button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
</form>
<h2 class="text-[18px] uppercase font-bold border-b-[1px] pb-[5px]">Chi tiết phản hồi</h2>
<div class="info-comment mt-[10px]">
<b class="text-[16px] mb-[10px] block">Thông tin</b>
<div class="flex items-center mb-[5px]">
<p
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
Khách
hàng</p>
<b class="ml-[5px]">Hura test</b>
</div>
<div class="flex items-center mb-[5px]">
<p
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
Email</p>
<p class="ml-[5px]">test@mail.com</p>
</div>
<div class="flex items-center mb-[5px]">
<p
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
Tiêu đề</p>
<p class="ml-[5px]">Màn Hình Máy Tính LG 27UL850 27Inch 4K IPS</p>
</div>
<div class="flex items-center mb-[5px]">
<p
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
Nội dung</p>
<p class="ml-[5px]">test reply</p>
</div>
<div class="flex items-center mb-[5px]">
<p
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
Thời gian</p>
<p class="ml-[5px]">20-04-2023, 1:36 pm</p>
</div>
<div class="flex items-center mb-[5px]">
<p
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
Liên quan</p>
<p class="ml-[5px]">[product] <a href="" class="text-[#0041E8]">Màn Hình Máy Tính LG 27UL850
27Inch 4K IPS</a></p>
</div>
</div>
<div class="info-reply mt-[20px]">
<b class="text-[16px] block mb-[10px]">Phản hồi <span>2</span></b>
<table class="list-info-reply">
<thead>
<tr>
<th>STT</th>
<th>Thời gian</th>
<th>Tác giả</th>
<th>Nội dung</th>
<th>Lựa chọn</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>09-08-2023, 11:24 am</td>
<td>
<div class="flex items-center">
<b>Nguyễn An</b>
<p
class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">
Quản trị
viên</p>
</div>
<p>annv@hurasoft.com</p>
</td>
<td>em sẽ tư vấn cụ thể cho chị nhé ạ</td>
<td>
<div class="flex items-center">
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="fa-solid fa-ban text-[#9E9E9E]"></i>
</a>
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="icons icon-remove text-[#9E9E9E]"></i>
</a>
</div>
</td>
</tr>
<tr>
<td>1</td>
<td>09-08-2023, 11:24 am</td>
<td>
<div class="flex items-center">
<b>Nguyễn An</b>
<p
class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">
Quản trị
viên</p>
</div>
<p>annv@hurasoft.com</p>
</td>
<td>em sẽ tư vấn cụ thể cho chị nhé ạ</td>
<td>
<div class="flex items-center">
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="fa-solid fa-ban text-[#9E9E9E]"></i>
</a>
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="icons icon-remove text-[#9E9E9E]"></i>
</a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="send-quick-feedback mt-[20px]">
<b class="block text-[16px] mb-[10px]">Gửi phản hồi nhanh</b>
<textarea name="" id=""
class="w-[70%] h-[50px] p-[10px] border-[1px] border-[#D8D8D8] mb-[15px] rounded-[4px]"></textarea>
<div class="flex items-center mt-[10px]">
<input
class="btn w-[56px] min-h-[32px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
name="commit" type="submit" value="Gửi">
<p class="ml-[10px]">(* Bạn sẽ gửi phản hồi là Uyên Hura)</p>
</div>
</div>
</div>
<form method="dialog" class="modal-backdrop">
<button>close</button>
</form>
</dialog>
</div>
</div>

230
template/customer/customer-contact.html
View File

@@ -0,0 +1,230 @@
<div class="w-[100%]">
<div
class="m-[15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
<h1 class="text-[24px] font-[700] mb-3">Khách hàng liên hệ</h1>
<form action=""
class="flex items-center p-[15px] rounded-[10px] shadow-[0_1px_1px_0_rgba(0,0,0,0.10)] mt-[15px] border-[1px] border-[#F6F6F6]">
<input type="text" name=""
class="w-[375px] h-[35px] px-[10px] rounded-[4px] border-[#D8D8D8] border-[1px] mr-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"
placeholder="Tìm kiếm">
<button type="submit" class="px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm kiếm</button>
</form>
<div class="list-filter flex items-center justify-between mt-[15px] mb-[20px]">
<p>Tổng số: <b>1.996</b></p>
<select name="" id=""
class="w-[180px] h-[35px] p-[5px] border-[1px] border-[#D8D8D8] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
<option value="">Chọn bộ lọc</option>
</select>
</div>
<table class="table-comment">
<thead>
<tr>
<th>STT</th>
<th>Phản hồi</th>
<th>Thời gian</th>
<th>Tác giả</th>
<th>Sản phẩm</th>
<th>Nội dung</th>
<th>Lựa chọn</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>1</td>
<td>09-08-2023, 11:24 am</td>
<td>
<div class="flex items-center">
<b>Nguyễn An</b>
<p class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">Quản trị
viên</p>
</div>
<p>annv@hurasoft.com</p>
</td>
<td>
<a href="" class="text-[#0041E8]">Màn Hình AOC 24B1XHS 23.8 inch Full HD</a>
</td>
<td>
test reply
</td>
<td>
<div class="flex items-center">
<a href="javascript:void(0)" onclick="js_list_reply_comment.showModal()"
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="fa-regular fa-hand-pointer text-[#0041E8]"></i>
</a>
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="icons icon-edit"></i>
</a>
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="fa-solid fa-crown text-[#0041E8]"></i>
</a>
</div>
<div class="flex items-center">
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="fa fa-plus text-[#0041E8]"></i>
</a>
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="fa-solid fa-ban text-[#9E9E9E]"></i>
</a>
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="icons icon-remove"></i>
</a>
</div>
</td>
</tr>
</tbody>
</table>
<dialog id="js_list_reply_comment" class="modal">
<div class="modal-box w-[852px] max-w-5xl p-[15px]">
<form method="dialog">
<button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
</form>
<h2 class="text-[18px] uppercase font-bold border-b-[1px] pb-[5px]">Chi tiết phản hồi</h2>
<div class="info-comment mt-[10px]">
<b class="text-[16px] mb-[10px] block">Thông tin</b>
<div class="flex items-center mb-[5px]">
<p
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
Khách
hàng</p>
<b class="ml-[5px]">Hura test</b>
</div>
<div class="flex items-center mb-[5px]">
<p
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
Email</p>
<p class="ml-[5px]">test@mail.com</p>
</div>
<div class="flex items-center mb-[5px]">
<p
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
Tiêu đề</p>
<p class="ml-[5px]">Màn Hình Máy Tính LG 27UL850 27Inch 4K IPS</p>
</div>
<div class="flex items-center mb-[5px]">
<p
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
Nội dung</p>
<p class="ml-[5px]">test reply</p>
</div>
<div class="flex items-center mb-[5px]">
<p
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
Thời gian</p>
<p class="ml-[5px]">20-04-2023, 1:36 pm</p>
</div>
<div class="flex items-center mb-[5px]">
<p
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
Liên quan</p>
<p class="ml-[5px]">[product] <a href="" class="text-[#0041E8]">Màn Hình Máy Tính LG 27UL850
27Inch 4K IPS</a></p>
</div>
</div>
<div class="info-reply mt-[20px]">
<b class="text-[16px] block mb-[10px]">Phản hồi <span>2</span></b>
<table class="list-info-reply">
<thead>
<tr>
<th>STT</th>
<th>Thời gian</th>
<th>Tác giả</th>
<th>Nội dung</th>
<th>Lựa chọn</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>09-08-2023, 11:24 am</td>
<td>
<div class="flex items-center">
<b>Nguyễn An</b>
<p
class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">
Quản trị
viên</p>
</div>
<p>annv@hurasoft.com</p>
</td>
<td>em sẽ tư vấn cụ thể cho chị nhé ạ</td>
<td>
<div class="flex items-center">
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="fa-solid fa-ban text-[#9E9E9E]"></i>
</a>
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="icons icon-remove text-[#9E9E9E]"></i>
</a>
</div>
</td>
</tr>
<tr>
<td>1</td>
<td>09-08-2023, 11:24 am</td>
<td>
<div class="flex items-center">
<b>Nguyễn An</b>
<p
class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">
Quản trị
viên</p>
</div>
<p>annv@hurasoft.com</p>
</td>
<td>em sẽ tư vấn cụ thể cho chị nhé ạ</td>
<td>
<div class="flex items-center">
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="fa-solid fa-ban text-[#9E9E9E]"></i>
</a>
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="icons icon-remove text-[#9E9E9E]"></i>
</a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="send-quick-feedback mt-[20px]">
<b class="block text-[16px] mb-[10px]">Gửi phản hồi nhanh</b>
<textarea name="" id=""
class="w-[70%] h-[50px] p-[10px] border-[1px] border-[#D8D8D8] mb-[15px] rounded-[4px]"></textarea>
<div class="flex items-center mt-[10px]">
<input
class="btn w-[56px] min-h-[32px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
name="commit" type="submit" value="Gửi">
<p class="ml-[10px]">(* Bạn sẽ gửi phản hồi là Uyên Hura)</p>
</div>
</div>
</div>
<form method="dialog" class="modal-backdrop">
<button>close</button>
</form>
</dialog>
</div>
</div>

141
template/customer/home.html
View File

@@ -0,0 +1,141 @@
<div class="w-[100%]">
<div
class="m-[15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
<h1 class="text-2xl font-[700] mb-3">Danh sách khách hàng</h1>
<div class="list-filter-account flex items-center">
<a href="javacsript:void(0)"
class="px-[30px] py-[6px] text-[#fff] mr-[5px] bg-[#0041E8] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Tất
cả</a>
<a href="javacsript:void(0)"
class="px-[30px] py-[6px] text-[#919699] mr-[5px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Khách
hàng đăng
ký</a>
<a href="javacsript:void(0)"
class="px-[30px] py-[6px] text-[#919699] mr-[5px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Chưa
đăng ký</a>
<a href="javacsript:void(0)"
class="px-[30px] py-[6px] text-[#919699] mr-[5px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">VIP</a>
</div>
<form action=""
class="flex items-center p-[15px] rounded-[10px] shadow-[0_1px_1px_0_rgba(0,0,0,0.10)] mt-[15px] border-[1px] border-[#F6F6F6]">
<input type="text" name=""
class="w-[375px] h-[35px] px-[10px] rounded-[4px] border-[#D8D8D8] border-[1px] mr-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"
placeholder="Tìm khách hàng (* tên, email, điện thoại)">
<button type="submit" class="px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm kiếm</button>
</form>
<div class="list-filter flex items-center justify-between mt-[15px]">
<select name="" id=""
class="w-[180px] h-[35px] p-[5px] border-[1px] border-[#D8D8D8] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
<option value="">Sắp xếp khách hàng</option>
</select>
<div class="list flex items-center">
<a href="javascript:void(0)" class="flex items-center p-[8px_15px] border-[1px] border-[#0041E8] rounded-[4px]
text-[#0041E8] ml-[15px] bg-[#F5F7FF] hover:text-white hover:bg-[#0041E8]">
<i class="fa-solid fa-user-plus"></i>
<span class="ml-[5px]">Thêm KH mới</span>
</a>
<a href="javascript:void(0)" class="flex items-center p-[8px_15px] border-[1px] border-[#0041E8] rounded-[4px]
text-[#0041E8] ml-[15px] bg-[#F5F7FF] hover:text-white hover:bg-[#0041E8]">
<i class="fa-solid fa-user-group"></i>
<span class="ml-[5px]">Các nhóm KH</span>
</a>
<a href="javascript:void(0)" class="flex items-center p-[8px_15px] border-[1px] border-[#0041E8] rounded-[4px]
text-[#0041E8] ml-[15px] bg-[#F5F7FF] hover:text-white hover:bg-[#0041E8]">
<i class="fa-regular fa-file-excel"></i>
<span class="ml-[5px]">Tải file excel</span>
</a>
</div>
</div>
<table class="w-[100%] mt-[15px] table-list-customer">
<thead>
<tr>
<th>STT</th>
<th>ID</th>
<th>Khách hàng</th>
<th>Thông tin</th>
<th>Tỉnh/TP</th>
<th>Trạng thái</th>
<th>Số đơn hàng</th>
<th>Tổng giá trị</th>
<th>Thời gian</th>
<th>Chỉnh sửa</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>1767</td>
<td>Đức Anh</td>
<td>
<p>- Email: ducanhnguyen199x@gmail.com</p>
<p>- Tel: 0976642092</p>
<p>- Mobile: 0976642092</p>
</td>
<td>
Hà Nội
</td>
<td>
<span class="w-[14px] h-[14px] bg-[#FFC700] block mx-auto my-0 rounded-[50%]"></span>
</td>
<td>
<span class="text-[#0041E8]">0</span><span class="ml-[5px]">Thành công</span>
</td>
<td>
<span class="text-[#0041E8]">0</span><span class="ml-[5px]">Thu</span>
</td>
<td>
<p>
- Tham gia: 06-10-2023, 10:46 am
</p>
<p>
- Đăng nhập cuối: Chưa bao giờ
</p>
</td>
<td>
<div class="flex items-center">
<a href="/admin/product/form?id={{item.id}}" title="Form sản phẩm"
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="icons icon-edit"></i>
</a>
<a href="{{item.request_path}}" title="Xem tại web" target="_blank"
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="fa-solid fa-lock text-[#0041E8]"></i>
</a>
</div>
<div class="flex items-center">
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="fa-solid fa-globe text-[#9E9E9E]"></i>
</a>
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="icons icon-remove"></i>
</a>
</div>
</td>
</tr>
</tbody>
</table>
<div class="paging">
<a href="">
<i class="fas fa-chevron-left"></i>
</a>
<a href="{{paging.url}}" class="active">
1
</a>
<a href="{{paging.url}}">
2
</a>
<a href="{{paging.url}}">
<i class="fas fa-chevron-right"></i>
</a>
</div>
</div>
</div>

245
template/customer/review.html
View File

@@ -0,0 +1,245 @@
<div class="w-[100%]">
<div
class="m-[15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
<h1 class="text-[24px] font-[700] mb-3">Tổng hợp đánh giá</h1>
<div class="list-filter-account flex items-center">
<a href="javacsript:void(0)"
class="px-[10px] py-[6px] text-[#fff] mr-[5px] bg-[#0041E8] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Trao
đổi mới nhất</a>
<a href="javacsript:void(0)"
class="px-[10px] py-[6px] text-[#919699] mr-[5px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Chưa
có phản hồi</a>
<a href="javacsript:void(0)"
class="px-[10px] py-[6px] text-[#919699] mr-[5px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Quản
trị viên chưa phản hồi</a>
<a href="javacsript:void(0)"
class="px-[10px] py-[6px] text-[#919699] mr-[5px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Danh
sách phản hồi</a>
</div>
<form action=""
class="flex items-center p-[15px] rounded-[10px] shadow-[0_1px_1px_0_rgba(0,0,0,0.10)] mt-[15px] border-[1px] border-[#F6F6F6]">
<input type="text" name=""
class="w-[375px] h-[35px] px-[10px] rounded-[4px] border-[#D8D8D8] border-[1px] mr-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"
placeholder="Tìm kiếm">
<button type="submit" class="px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm kiếm</button>
</form>
<div class="list-filter flex items-center justify-between mt-[15px] mb-[20px]">
<p>Tổng số: <b>1.996</b></p>
<select name="" id=""
class="w-[180px] h-[35px] p-[5px] border-[1px] border-[#D8D8D8] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
<option value="">Chọn bộ lọc</option>
</select>
</div>
<table class="table-comment">
<thead>
<tr>
<th>STT</th>
<th>Phản hồi</th>
<th>Thời gian</th>
<th>Tác giả</th>
<th>Sản phẩm</th>
<th>Nội dung</th>
<th>Lựa chọn</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>1</td>
<td>09-08-2023, 11:24 am</td>
<td>
<div class="flex items-center">
<b>Nguyễn An</b>
<p class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">Quản trị
viên</p>
</div>
<p>annv@hurasoft.com</p>
</td>
<td>
<a href="" class="text-[#0041E8]">Màn Hình AOC 24B1XHS 23.8 inch Full HD</a>
</td>
<td>
test reply
</td>
<td>
<div class="flex items-center">
<a href="javascript:void(0)" onclick="js_list_reply_comment.showModal()"
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="fa-regular fa-hand-pointer text-[#0041E8]"></i>
</a>
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="icons icon-edit"></i>
</a>
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="fa-solid fa-crown text-[#0041E8]"></i>
</a>
</div>
<div class="flex items-center">
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="fa fa-plus text-[#0041E8]"></i>
</a>
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="fa-solid fa-ban text-[#9E9E9E]"></i>
</a>
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="icons icon-remove"></i>
</a>
</div>
</td>
</tr>
</tbody>
</table>
<dialog id="js_list_reply_comment" class="modal">
<div class="modal-box w-[852px] max-w-5xl p-[15px]">
<form method="dialog">
<button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
</form>
<h2 class="text-[18px] uppercase font-bold border-b-[1px] pb-[5px]">Chi tiết phản hồi</h2>
<div class="info-comment mt-[10px]">
<b class="text-[16px] mb-[10px] block">Thông tin</b>
<div class="flex items-center mb-[5px]">
<p
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
Khách
hàng</p>
<b class="ml-[5px]">Hura test</b>
</div>
<div class="flex items-center mb-[5px]">
<p
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
Email</p>
<p class="ml-[5px]">test@mail.com</p>
</div>
<div class="flex items-center mb-[5px]">
<p
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
Tiêu đề</p>
<p class="ml-[5px]">Màn Hình Máy Tính LG 27UL850 27Inch 4K IPS</p>
</div>
<div class="flex items-center mb-[5px]">
<p
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
Nội dung</p>
<p class="ml-[5px]">test reply</p>
</div>
<div class="flex items-center mb-[5px]">
<p
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
Thời gian</p>
<p class="ml-[5px]">20-04-2023, 1:36 pm</p>
</div>
<div class="flex items-center mb-[5px]">
<p
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
Liên quan</p>
<p class="ml-[5px]">[product] <a href="" class="text-[#0041E8]">Màn Hình Máy Tính LG 27UL850
27Inch 4K IPS</a></p>
</div>
</div>
<div class="info-reply mt-[20px]">
<b class="text-[16px] block mb-[10px]">Phản hồi <span>2</span></b>
<table class="list-info-reply">
<thead>
<tr>
<th>STT</th>
<th>Thời gian</th>
<th>Tác giả</th>
<th>Nội dung</th>
<th>Lựa chọn</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>09-08-2023, 11:24 am</td>
<td>
<div class="flex items-center">
<b>Nguyễn An</b>
<p
class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">
Quản trị
viên</p>
</div>
<p>annv@hurasoft.com</p>
</td>
<td>em sẽ tư vấn cụ thể cho chị nhé ạ</td>
<td>
<div class="flex items-center">
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="fa-solid fa-ban text-[#9E9E9E]"></i>
</a>
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="icons icon-remove text-[#9E9E9E]"></i>
</a>
</div>
</td>
</tr>
<tr>
<td>1</td>
<td>09-08-2023, 11:24 am</td>
<td>
<div class="flex items-center">
<b>Nguyễn An</b>
<p
class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">
Quản trị
viên</p>
</div>
<p>annv@hurasoft.com</p>
</td>
<td>em sẽ tư vấn cụ thể cho chị nhé ạ</td>
<td>
<div class="flex items-center">
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="fa-solid fa-ban text-[#9E9E9E]"></i>
</a>
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="icons icon-remove text-[#9E9E9E]"></i>
</a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="send-quick-feedback mt-[20px]">
<b class="block text-[16px] mb-[10px]">Gửi phản hồi nhanh</b>
<textarea name="" id=""
class="w-[70%] h-[50px] p-[10px] border-[1px] border-[#D8D8D8] mb-[15px] rounded-[4px]"></textarea>
<div class="flex items-center mt-[10px]">
<input
class="btn w-[56px] min-h-[32px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
name="commit" type="submit" value="Gửi">
<p class="ml-[10px]">(* Bạn sẽ gửi phản hồi là Uyên Hura)</p>
</div>
</div>
</div>
<form method="dialog" class="modal-backdrop">
<button>close</button>
</form>
</dialog>
</div>
</div>

500
template/marketing/coupon-add.html
View File

@@ -16,190 +16,388 @@
</a> </a>
</div> </div>
<p class="bg-white m-[0_0_16px] text-center rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[54px] text-[18px] font-bold">
Cập nhật coupon: Giảm tiền mặt
</p>
<div class="flex flex-wrap items-start m-[16px_0]"> <div class="flex flex-wrap items-start m-[16px_0]">
<div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden"> {% if global.url contains 'id=' %} <!-- Form chỉnh sửa -->
<a href="javascript:void(0)" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" style="color: #Fff;background: #0041E8;"> Chỉnh sửa </a>
<a href="/admin/marketing/coupon-product?id=8" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Danh sách sản phẩm </a>
</div>
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block"> <p class="w-[100%] bg-white m-[0_0_16px] text-center rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[54px] text-[18px] font-bold"> Cập nhật coupon: Giảm tiền mặt </p>
<input type="hidden" name="info[id]" value="0" /> <div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
<a href="javascript:void(0)" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" style="color: #Fff;background: #0041E8;"> Chỉnh sửa </a>
<a href="/admin/marketing/coupon-product?id=8" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Danh sách sản phẩm </a>
</div>
<table> <form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
<tr>
<td width="215"> Mã số phiếu * </td>
<td>
<input type="text" value="CP220920212" placeholder="Mã số phiếu *" readonly/>
</td>
</tr>
<tr> <input type="hidden" name="info[id]" value="0" />
<td> Tên phiếu khuyến mại * </td>
<td>
<input type="text" value="Giảm tiền mặt" placeholder="Tên phiếu khuyến mại *" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
<i class="block text-[#E00000] mt-[7px]">* Phần này sẽ hiển thị trong đơn hàng của khách hàng, do vậy cần viết cụ thể.</i>
</td>
</tr>
<tr> <table>
<td> Mô tả </td> <tr>
<td> <td width="215"> Mã số phiếu * </td>
<textarea name="info[description]" placeholder="Mô tả" class="w-[100%] h-[76px] p-[4px_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"> <td> CP220920212 </td>
Test phiếu giảm giá </tr>
</textarea>
<i class="block text-[#E00000] mt-[7px]">Phần này chỉ dành cho admin nắm được cụ thể khuyến mại này làm gì. Khách hàng không nhìn thấy.</i> <tr>
</td> <td> Tên phiếu khuyến mại * </td>
</tr> <td>
<input type="text" value="Giảm tiền mặt" name="info[title]" placeholder="Tên phiếu khuyến mại *" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
<i class="block text-[#E00000] mt-[7px]">* Phần này sẽ hiển thị trong đơn hàng của khách hàng, do vậy cần viết cụ thể.</i>
</td>
</tr>
<tr> <tr>
<td> Phân loại * </td> <td> Mô tả </td>
<td> <td>
<select name='info[type]' onchange="show_content(this.value)"> <textarea name="info[description]" placeholder="Mô tả" class="w-[100%] min-h-[76px] max-h-[150px] outline-[0px] p-[4px_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">Test phiếu giảm giá </textarea>
<option value='pro' selected>Tặng sản phẩm</option>
<option value='cash'>Tặng tiền mặt</option>
<option value='priceoff'>Giảm giá %</option>
<option value='other'>Khác</option>
</select>
<div id="js-type-pro"> <i class="block text-[#E00000] mt-[7px]">Phần này chỉ dành cho admin nắm được cụ thể khuyến mại này làm gì. Khách hàng không nhìn thấy.</i>
<span> Tên Sản phẩm </span> </td>
<input type="text" name="content_pro" value="" /> </tr>
</div>
<div id="js-type-cash" style="display:none"> <tr>
<span> Nhập số tiền </span> <td> Phân loại * </td>
<input type="text" name="content_cash" value="" onkeyup="this.value = writeStringToPrice(this.value)" /> vnd (v.d. 200000, 3000000) <td>
</div> <div style="display: flex;align-items: center;flex-wrap: wrap;">
<select name='info[type]' onchange="show_content(this.value)" class="w-[135px_!important] mr-[15px]">
<option value='pro' selected>Tặng sản phẩm</option>
<option value='cash'>Tặng tiền mặt</option>
<option value='priceoff'>Giảm giá %</option>
<option value='other'>Khác</option>
</select>
<div id="js-type-priceoff" style="display:none"> <div id="js-type-pro">
<span> Nhập % giảm giá </span> <span class="mr-[5px]"> Tên Sản phẩm </span>
<input type="text" name="content_priceoff" value="" />% (v.d. 12, 30) <input type="text" name="content_pro" value="" class="h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
</div> </div>
</td>
</tr>
<tr> <div id="js-type-cash" style="display:none">
<td> Thời gian hiệu lực * </td> <span class="mr-[5px]"> Nhập số tiền </span>
<td> <input type="text" name="content_cash" value="" onkeyup="this.value = writeStringToPrice(this.value)" class="w-[135px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
<span> vnd (v.d. 200000, 3000000) </span>
</div>
<div class="items-center mb-[7px]" style="display: flex;"> <div id="js-type-priceoff" style="display:none">
<p style="width: 65px;"> Bắt đầu </p> <span class="mr-[5px]"> Nhập % giảm giá </span>
<div class="relative m-[0_20px_0_10px]"> <input type="text" name="content_priceoff" value="" class="w-[135px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
<i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i> <span>% (v.d. 12, 30)</span>
<input type="date" name="from_time_date" value="" placeholder="Từ ngày" class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/> </div>
</div>
</td>
</tr>
<tr>
<td> Thời gian hiệu lực * </td>
<td>
<div class="items-center mb-[7px]" style="display: flex;">
<p style="width: 65px;"> Bắt đầu </p>
<div class="relative m-[0_20px_0_10px]">
<i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
<input type="date" name="from_time_date" value="" placeholder="Từ ngày" class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
</div>
<p class="mr-[10px]"> Giờ </p>
<select name='info[from_time_minute]' id='from_time_minute' style="width: 85px;">
<option value="00:00">00:00</option><option value="00:30">00:30</option><option value="01:00">01:00</option><option value="01:30">01:30</option><option value="02:00">02:00</option><option value="02:30">02:30</option><option value="03:00">03:00</option><option value="03:30">03:30</option><option value="04:00">04:00</option><option value="04:30">04:30</option><option value="05:00">05:00</option><option value="05:30">05:30</option><option value="06:00">06:00</option><option value="06:30">06:30</option><option value="07:00">07:00</option><option value="07:30">07:30</option><option value="08:00">08:00</option><option value="08:30">08:30</option><option value="09:00">09:00</option><option value="09:30">09:30</option><option value="10:00">10:00</option><option value="10:30">10:30</option><option value="11:00">11:00</option><option value="11:30">11:30</option><option value="12:00">12:00</option><option value="12:30">12:30</option><option value="13:00">13:00</option><option value="13:30">13:30</option><option value="14:00">14:00</option><option value="14:30">14:30</option><option value="15:00">15:00</option><option value="15:30">15:30</option><option value="16:00">16:00</option><option value="16:30">16:30</option><option value="17:00">17:00</option><option value="17:30">17:30</option><option value="18:00">18:00</option><option value="18:30">18:30</option><option value="19:00">19:00</option><option value="19:30">19:30</option><option value="20:00">20:00</option><option value="20:30">20:30</option><option value="21:00">21:00</option><option value="21:30">21:30</option><option value="22:00">22:00</option><option value="22:30">22:30</option><option value="23:00">23:00</option><option value="23:30">23:30</option>
</select>
</div> </div>
<p class="mr-[10px]"> Giờ </p> <div class="items-center" style="display: flex;">
<p style="width: 65px;"> Kết thúc </p>
<div class="relative m-[0_20px_0_10px]">
<i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
<input type="date" name="to_time_date" value="" placeholder="Từ ngày" class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
</div>
<select name='info[from_time_minute]' id='from_time_minute' style="width: 85px;"> <p class="mr-[10px]"> Giờ </p>
<option value="00:00">00:00</option><option value="00:30">00:30</option><option value="01:00">01:00</option><option value="01:30">01:30</option><option value="02:00">02:00</option><option value="02:30">02:30</option><option value="03:00">03:00</option><option value="03:30">03:30</option><option value="04:00">04:00</option><option value="04:30">04:30</option><option value="05:00">05:00</option><option value="05:30">05:30</option><option value="06:00">06:00</option><option value="06:30">06:30</option><option value="07:00">07:00</option><option value="07:30">07:30</option><option value="08:00">08:00</option><option value="08:30">08:30</option><option value="09:00">09:00</option><option value="09:30">09:30</option><option value="10:00">10:00</option><option value="10:30">10:30</option><option value="11:00">11:00</option><option value="11:30">11:30</option><option value="12:00">12:00</option><option value="12:30">12:30</option><option value="13:00">13:00</option><option value="13:30">13:30</option><option value="14:00">14:00</option><option value="14:30">14:30</option><option value="15:00">15:00</option><option value="15:30">15:30</option><option value="16:00">16:00</option><option value="16:30">16:30</option><option value="17:00">17:00</option><option value="17:30">17:30</option><option value="18:00">18:00</option><option value="18:30">18:30</option><option value="19:00">19:00</option><option value="19:30">19:30</option><option value="20:00">20:00</option><option value="20:30">20:30</option><option value="21:00">21:00</option><option value="21:30">21:30</option><option value="22:00">22:00</option><option value="22:30">22:30</option><option value="23:00">23:00</option><option value="23:30">23:30</option>
</select>
</div>
<div class="items-center" style="display: flex;"> <select name='info[to_time_minute]' id='from_time_minute' style="width: 85px;">
<p style="width: 65px;"> Kết thúc </p> <option value="00:00">00:00</option><option value="00:30">00:30</option><option value="01:00">01:00</option><option value="01:30">01:30</option><option value="02:00">02:00</option><option value="02:30">02:30</option><option value="03:00">03:00</option><option value="03:30">03:30</option><option value="04:00">04:00</option><option value="04:30">04:30</option><option value="05:00">05:00</option><option value="05:30">05:30</option><option value="06:00">06:00</option><option value="06:30">06:30</option><option value="07:00">07:00</option><option value="07:30">07:30</option><option value="08:00">08:00</option><option value="08:30">08:30</option><option value="09:00">09:00</option><option value="09:30">09:30</option><option value="10:00">10:00</option><option value="10:30">10:30</option><option value="11:00">11:00</option><option value="11:30">11:30</option><option value="12:00">12:00</option><option value="12:30">12:30</option><option value="13:00">13:00</option><option value="13:30">13:30</option><option value="14:00">14:00</option><option value="14:30">14:30</option><option value="15:00">15:00</option><option value="15:30">15:30</option><option value="16:00">16:00</option><option value="16:30">16:30</option><option value="17:00">17:00</option><option value="17:30">17:30</option><option value="18:00">18:00</option><option value="18:30">18:30</option><option value="19:00">19:00</option><option value="19:30">19:30</option><option value="20:00">20:00</option><option value="20:30">20:30</option><option value="21:00">21:00</option><option value="21:30">21:30</option><option value="22:00">22:00</option><option value="22:30">22:30</option><option value="23:00">23:00</option><option value="23:30">23:30</option>
<div class="relative m-[0_20px_0_10px]"> </select>
<i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i> </div>
<input type="date" name="to_time_date" value="" placeholder="Từ ngày" class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/> </td>
</tr>
<tr>
<td> Giá trị đơn hàng tối thiểu </td>
<td>
<input type="text" name="info[valid_order_value]" value="2.000.000"
onkeyup="this.value = writeStringToPrice(this.value)" class="w-[135px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
<span> vnd (để 0 nếu không áp dụng) </span>
</td>
</tr>
<tr>
<td> Giới hạn số lần sử dụng / 1 khách hàng </td>
<td>
<input type="text" name="info[limit_use_per_user]" value="0" class="w-[80px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
<span> (để 0 nếu không giới hạn số lượng dùng phiếu này trên 1 khách hàng) </span>
</td>
</tr>
<tr>
<td> Áp dụng đồng thời với các mã KM khác </td>
<td>
<label class="items-center cursor-pointer" style="display: inline-flex;">
<input type="checkbox" name="info[can_use_with_other]" value="1" class="scale-[1.2] mr-[7px]">
<span> Có cho phép (1 đơn hàng có thể có nhiều voucher) </span>
</label>
</td>
</tr>
<tr>
<td> Hiển thị công khai </td>
<td>
<label class="items-center cursor-pointer" style="display: inline-flex;">
<input type="checkbox" name="info[show_to_public]" checked class="scale-[1.2] mr-[7px]">
<span> Cho hiển thị công khai (nếu giao diện web có) </span>
</label>
</td>
</tr>
<tr>
<td> Điều kiện áp dụng </td>
<td>
<label class="items-center cursor-pointer relative pl-[30px] mb-[8px]" style="display: inline-flex;">
<input type="radio" name="info[product_condition]" value="all" class="left-0">
<span> Tất cả các sản phầm </span>
</label>
<br>
<label class="items-center cursor-pointer relative pl-[30px]" style="display: inline-flex;">
<input type="radio" name="info[product_condition]" value="select" checked class="left-0">
<span> Chỉ một số sản phẩm (* bạn sẽ cần chọn danh sách các sản phẩm)</span>
</label>
</td>
</tr>
<tr>
<td> Số lượng phiếu </td>
<td>
<input type="text" size="10" name="info[total]" value="0" class="w-[135px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
<span> (để 0 nếu không có giới hạn) </span>
</td>
</tr>
<tr>
<td> Hiển thị </td>
<td>
<label class="items-center cursor-pointer relative pl-[30px] mr-[15px]" style="display: inline-flex;">
<input type="radio" name="info[status]" value="1" class="left-0">
<span>Cho hiển thị</span>
</label>
<label class="items-center cursor-pointer relative pl-[30px]" style="display: inline-flex;">
<input type="radio" name="info[status]" value="0" checked class="left-0">
<span>Ẩn hiển thị</span>
</label>
</td>
</tr>
</table>
<input type="hidden" name="create" value="yes" />
<input name="commit" type="submit" value="Cập nhật" class="inline-block mt-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]"/>
</form>
{% else %} <!-- Form thêm mới -->
<p class="w-[100%] bg-white m-[0_0_16px] text-center rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[54px] text-[18px] font-bold"> Thêm / sửa coupon </p>
<form method="post" enctype="multipart/form-data" class="order-page-table w-[100%] bg-white p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
<input type="hidden" name="info[id]" value="0" />
<table>
<tr>
<td width="215"> Mã số phiếu * </td>
<td>
<input type="hidden" name="info[code_auto]" value="">
<label class="items-center cursor-pointer relative pl-[26px] mb-[8px] w-[fit-content]" style="display: flex;">
<input type="radio" onchange="$('#info_code_manual_input').css('display','none')" name="info[code_type]" value="auto" checked class="left-0">
<span> Hệ thống tự tạo </span>
</label>
<label class="items-center cursor-pointer relative pl-[26px] w-[fit-content]" style="display: flex;">
<input type="radio" onchange="$('#info_code_manual_input').css('display','inline-block')" name="info[code_type]" value="manual" class="left-0">
<span> Tự nhập tay </span>
</label>
<div id="info_code_manual_input" class="w-[100%] mt-[12px]" style="display: none;">
<input type="text" name="info[code_manual]" onchange="check_coupon_code(this.value, '0')" value="" class="h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
<i style="color:#CC3300">(Chú ý: Mã số các phiếu phải khác nhau)</i>
<div id="check_coupon_code_status"></div>
</div>
</td>
</tr>
<tr>
<td> Tên phiếu khuyến mại * </td>
<td>
<input type="text" value="" name="info[title]" placeholder="Tên phiếu khuyến mại *" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
<i class="block text-[#E00000] mt-[7px]">* Phần này sẽ hiển thị trong đơn hàng của khách hàng, do vậy cần viết cụ thể.</i>
</td>
</tr>
<tr>
<td> Mô tả </td>
<td>
<textarea name="info[description]" placeholder="Mô tả" class="w-[100%] min-h-[76px] max-h-[150px] outline-[0px] p-[4px_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
<i class="block text-[#E00000] mt-[7px]">Phần này chỉ dành cho admin nắm được cụ thể khuyến mại này làm gì. Khách hàng không nhìn thấy.</i>
</td>
</tr>
<tr>
<td> Phân loại * </td>
<td>
<div style="display: flex;align-items: center;flex-wrap: wrap;">
<select name='info[type]' onchange="show_content(this.value)" class="w-[135px_!important] mr-[15px]">
<option value='pro' selected>Tặng sản phẩm</option>
<option value='cash'>Tặng tiền mặt</option>
<option value='priceoff'>Giảm giá %</option>
<option value='other'>Khác</option>
</select>
<div id="js-type-pro">
<span class="mr-[5px]"> Tên Sản phẩm </span>
<input type="text" name="content_pro" value="" class="h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
</div>
<div id="js-type-cash" style="display:none">
<span class="mr-[5px]"> Nhập số tiền </span>
<input type="text" name="content_cash" value="" onkeyup="this.value = writeStringToPrice(this.value)" class="w-[135px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
<span> vnd (v.d. 200000, 3000000) </span>
</div>
<div id="js-type-priceoff" style="display:none">
<span class="mr-[5px]"> Nhập % giảm giá </span>
<input type="text" name="content_priceoff" value="" class="w-[135px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
<span>% (v.d. 12, 30)</span>
</div>
</div>
</td>
</tr>
<tr>
<td> Thời gian hiệu lực * </td>
<td>
<div class="items-center mb-[7px]" style="display: flex;">
<p style="width: 65px;"> Bắt đầu </p>
<div class="relative m-[0_20px_0_10px]">
<i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
<input type="date" name="from_time_date" value="" placeholder="Từ ngày" class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
</div>
<p class="mr-[10px]"> Giờ </p>
<select name='info[from_time_minute]' id='from_time_minute' style="width: 85px;">
<option value="00:00">00:00</option><option value="00:30">00:30</option><option value="01:00">01:00</option><option value="01:30">01:30</option><option value="02:00">02:00</option><option value="02:30">02:30</option><option value="03:00">03:00</option><option value="03:30">03:30</option><option value="04:00">04:00</option><option value="04:30">04:30</option><option value="05:00">05:00</option><option value="05:30">05:30</option><option value="06:00">06:00</option><option value="06:30">06:30</option><option value="07:00">07:00</option><option value="07:30">07:30</option><option value="08:00">08:00</option><option value="08:30">08:30</option><option value="09:00">09:00</option><option value="09:30">09:30</option><option value="10:00">10:00</option><option value="10:30">10:30</option><option value="11:00">11:00</option><option value="11:30">11:30</option><option value="12:00">12:00</option><option value="12:30">12:30</option><option value="13:00">13:00</option><option value="13:30">13:30</option><option value="14:00">14:00</option><option value="14:30">14:30</option><option value="15:00">15:00</option><option value="15:30">15:30</option><option value="16:00">16:00</option><option value="16:30">16:30</option><option value="17:00">17:00</option><option value="17:30">17:30</option><option value="18:00">18:00</option><option value="18:30">18:30</option><option value="19:00">19:00</option><option value="19:30">19:30</option><option value="20:00">20:00</option><option value="20:30">20:30</option><option value="21:00">21:00</option><option value="21:30">21:30</option><option value="22:00">22:00</option><option value="22:30">22:30</option><option value="23:00">23:00</option><option value="23:30">23:30</option>
</select>
</div> </div>
<p class="mr-[10px]"> Giờ </p> <div class="items-center" style="display: flex;">
<p style="width: 65px;"> Kết thúc </p>
<div class="relative m-[0_20px_0_10px]">
<i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
<input type="date" name="to_time_date" value="" placeholder="Từ ngày" class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
</div>
<select name='info[to_time_minute]' id='from_time_minute' style="width: 85px;"> <p class="mr-[10px]"> Giờ </p>
<option value="00:00">00:00</option><option value="00:30">00:30</option><option value="01:00">01:00</option><option value="01:30">01:30</option><option value="02:00">02:00</option><option value="02:30">02:30</option><option value="03:00">03:00</option><option value="03:30">03:30</option><option value="04:00">04:00</option><option value="04:30">04:30</option><option value="05:00">05:00</option><option value="05:30">05:30</option><option value="06:00">06:00</option><option value="06:30">06:30</option><option value="07:00">07:00</option><option value="07:30">07:30</option><option value="08:00">08:00</option><option value="08:30">08:30</option><option value="09:00">09:00</option><option value="09:30">09:30</option><option value="10:00">10:00</option><option value="10:30">10:30</option><option value="11:00">11:00</option><option value="11:30">11:30</option><option value="12:00">12:00</option><option value="12:30">12:30</option><option value="13:00">13:00</option><option value="13:30">13:30</option><option value="14:00">14:00</option><option value="14:30">14:30</option><option value="15:00">15:00</option><option value="15:30">15:30</option><option value="16:00">16:00</option><option value="16:30">16:30</option><option value="17:00">17:00</option><option value="17:30">17:30</option><option value="18:00">18:00</option><option value="18:30">18:30</option><option value="19:00">19:00</option><option value="19:30">19:30</option><option value="20:00">20:00</option><option value="20:30">20:30</option><option value="21:00">21:00</option><option value="21:30">21:30</option><option value="22:00">22:00</option><option value="22:30">22:30</option><option value="23:00">23:00</option><option value="23:30">23:30</option>
</select>
</div>
</td>
</tr>
<tr> <select name='info[to_time_minute]' id='from_time_minute' style="width: 85px;">
<td> Giá trị đơn hàng tối thiểu </td> <option value="00:00">00:00</option><option value="00:30">00:30</option><option value="01:00">01:00</option><option value="01:30">01:30</option><option value="02:00">02:00</option><option value="02:30">02:30</option><option value="03:00">03:00</option><option value="03:30">03:30</option><option value="04:00">04:00</option><option value="04:30">04:30</option><option value="05:00">05:00</option><option value="05:30">05:30</option><option value="06:00">06:00</option><option value="06:30">06:30</option><option value="07:00">07:00</option><option value="07:30">07:30</option><option value="08:00">08:00</option><option value="08:30">08:30</option><option value="09:00">09:00</option><option value="09:30">09:30</option><option value="10:00">10:00</option><option value="10:30">10:30</option><option value="11:00">11:00</option><option value="11:30">11:30</option><option value="12:00">12:00</option><option value="12:30">12:30</option><option value="13:00">13:00</option><option value="13:30">13:30</option><option value="14:00">14:00</option><option value="14:30">14:30</option><option value="15:00">15:00</option><option value="15:30">15:30</option><option value="16:00">16:00</option><option value="16:30">16:30</option><option value="17:00">17:00</option><option value="17:30">17:30</option><option value="18:00">18:00</option><option value="18:30">18:30</option><option value="19:00">19:00</option><option value="19:30">19:30</option><option value="20:00">20:00</option><option value="20:30">20:30</option><option value="21:00">21:00</option><option value="21:30">21:30</option><option value="22:00">22:00</option><option value="22:30">22:30</option><option value="23:00">23:00</option><option value="23:30">23:30</option>
<td> </select>
<input type="text" name="info[valid_order_value]" value="2.000.000" </div>
onkeyup="this.value = writeStringToPrice(this.value)"/> </td>
<span> vnd (để 0 nếu không áp dụng) </span> </tr>
</td>
</tr>
<tr> <tr>
<td> Giới hạn số lần sử dụng / 1 khách hàng </td> <td> Giá trị đơn hàng tối thiểu </td>
<td> <td>
<input type="text" name="info[limit_use_per_user]" value="0"> <input type="text" name="info[valid_order_value]" value="0"
<span> (để 0 nếu không giới hạn số lượng dùng phiếu này trên 1 khách hàng) </span> onkeyup="this.value = writeStringToPrice(this.value)" class="w-[135px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
</td> <span> vnd (để 0 nếu không áp dụng) </span>
</tr> </td>
</tr>
<tr> <tr>
<td> Áp dụng đồng thời với các mã KM khác </td> <td> Giới hạn số lần sử dụng / 1 khách hàng </td>
<td> <td>
<label> <input type="text" name="info[limit_use_per_user]" value="0" class="w-[80px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
<input type="checkbox" name="info[can_use_with_other]" value="1" > <span> (để 0 nếu không giới hạn số lượng dùng phiếu này trên 1 khách hàng) </span>
<span> Có cho phép (1 đơn hàng có thể có nhiều voucher) </span> </td>
</label> </tr>
</td>
</tr>
<tr> <tr>
<td> Hiển thị công khai </td> <td> Áp dụng đồng thời với các mã KM khác </td>
<td> <td>
<label> <label class="items-center cursor-pointer" style="display: inline-flex;">
<input type="checkbox" name="info[show_to_public]"checked > <input type="checkbox" name="info[can_use_with_other]" value="1" class="scale-[1.2] mr-[7px]">
<span> Cho hiển thị công khai (nếu giao diện web có) </span> <span> Có cho phép (1 đơn hàng có thể có nhiều voucher) </span>
</label> </label>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> Điều kiện áp dụng </td> <td> Hiển thị công khai </td>
<td> <td>
<label> <label class="items-center cursor-pointer" style="display: inline-flex;">
<input type="radio" name="info[product_condition]" value="all"> <input type="checkbox" name="info[show_to_public]" class="scale-[1.2] mr-[7px]">
<span> Tất cả các sản phầm </span> <span> Cho hiển thị công khai (nếu giao diện web có) </span>
</label> </label>
</td>
</tr>
<label> <tr>
<input type="radio" name="info[product_condition]" value="select" checked> <td> Điều kiện áp dụng </td>
<span> Chỉ một số sản phẩm (* bạn sẽ cần chọn danh sách các sản phẩm)</span> <td>
</label> <label class="items-center cursor-pointer relative pl-[30px] mb-[8px]" style="display: inline-flex;">
</td> <input type="radio" name="info[product_condition]" value="all" class="left-0" checked>
</tr> <span> Tất cả các sản phầm </span>
</label>
<br>
<tr> <label class="items-center cursor-pointer relative pl-[30px]" style="display: inline-flex;">
<td> Số lượng phiếu </td> <input type="radio" name="info[product_condition]" value="select" class="left-0">
<td> <span> Chỉ một số sản phẩm (* bạn sẽ cần chọn danh sách các sản phẩm)</span>
<input type="text" size="10" name="info[total]" value="0"> </label>
<span> (để 0 nếu không có giới hạn) </span> </td>
</td> </tr>
</tr>
<tr> <tr>
<td> Hiển thị </td> <td> Số lượng phiếu </td>
<td> <td>
<label> <input type="text" size="10" name="info[total]" value="0" class="w-[135px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
<input type="radio" name="info[status]" value="1" > <span> (để 0 nếu không có giới hạn) </span>
<span>Cho hiển thị</span> </td>
</label> </tr>
<label> <tr>
<input type="radio" name="info[status]" value="0" checked > <td> Hiển thị </td>
<span>Ẩn hiển thị</span> <td>
</label> <label class="items-center cursor-pointer relative pl-[30px] mr-[15px]" style="display: inline-flex;">
<input type="radio" name="info[status]" value="1" class="left-0" checked>
<span>Cho hiển thị</span>
</label>
</td> <label class="items-center cursor-pointer relative pl-[30px]" style="display: inline-flex;">
</tr> <input type="radio" name="info[status]" value="0" class="left-0">
</table> <span>Ẩn hiển thị</span>
</label>
<input type="hidden" name="create" value="yes" /> </td>
<input name="commit" type="submit" value="Cập nhật" /> </tr>
</form> </table>
<input type="hidden" name="create" value="yes" />
<input name="commit" type="submit" value="Cập nhật" class="inline-block mt-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]"/>
</form>
{% endif %}
</div> </div>
</div> </div>

6
template/marketing/coupon.html
View File

@@ -27,7 +27,7 @@
<tbody> <tbody>
<tr> <tr>
<td> 1 </td> <td align="center"> 1 </td>
<td class="whitespace-nowrap"> CP231020233 </td> <td class="whitespace-nowrap"> CP231020233 </td>
@@ -74,7 +74,7 @@
<td> <td>
<div class="items-center" style="display: flex;"> <div class="items-center" style="display: flex;">
<a href="/admin/marketing/detail/id=8" class="icons icon-edit" title="Sửa lại"></a> <a href="/admin/marketing/coupon-add?id=8" class="icons icon-edit" title="Sửa lại"></a>
<!-- <a href="javascript:setStatus('8','off')" title="Hạ xuống" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a> --> <!-- <a href="javascript:setStatus('8','off')" title="Hạ xuống" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a> -->
@@ -85,7 +85,7 @@
</td> </td>
</tr> </tr>
<tr> <td> 2 </td><td class="whitespace-nowrap"> CP231020233 </td><td> <p class="font-bold"> Test phiếu giảm giá </p><div> Test phiếu giảm giá </div></td><td> <p class="font-bold"> Tặng sản phẩm </p><p> Balo thời trang </p></td><td> <div style="display: block;"> <p class="inline-block m-[0_6px_6px_0]"> - Bắt đầu: 23-10-2023, 12:00 am </p><span class="inline-block m-[0_0_6px_0] bg-[#F7F5FF] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#0041E8] shadow-[0_0_0_1px_#0041E8]"> Đã chạy </span> </div><div> <p class="inline-block m-[0_6px_6px_0]"> - Kết thúc: 28-10-2023, 12:00 am </p><span class="inline-block m-[0_0_6px_0] bg-[#F9F2F2] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#E00000] shadow-[0_0_0_1px_#E00000]"> Đã dừng </span> </div><p>- Giá trị đơn hàng tối thiểu: <b class="text-[#E00000] font-bold">2.000.000 đ</b> </p></td><td> <p> 0 đã dùng </p><p> Tổng số: 20 </p></td><td> <p> - Tạo bởi: Đức (05-09-2022, 9:48 am) </p><p> - Cập nhật cuối: hongvt@hurasoft.com<br>(03-10-2023, 8:31 am) </p></td><td> <div class="items-center" style="display: flex;"> <a href="/admin/marketing/detail/id=8" class="icons icon-edit" title="Sửa lại"></a> <a href="javascript:setStatus('8','off')" title="Hạ xuống" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a> <a href="javascript:delete_coupon('8')" class="icons icon-delete" title="Xóa"></a> </div></td></tr> <tr> <td align="center"> 2 </td><td class="whitespace-nowrap"> CP231020233 </td><td> <p class="font-bold"> Test phiếu giảm giá </p><div> Test phiếu giảm giá </div></td><td> <p class="font-bold"> Tặng sản phẩm </p><p> Balo thời trang </p></td><td> <div style="display: block;"> <p class="inline-block m-[0_6px_6px_0]"> - Bắt đầu: 23-10-2023, 12:00 am </p><span class="inline-block m-[0_0_6px_0] bg-[#F7F5FF] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#0041E8] shadow-[0_0_0_1px_#0041E8]"> Đã chạy </span> </div><div> <p class="inline-block m-[0_6px_6px_0]"> - Kết thúc: 28-10-2023, 12:00 am </p><span class="inline-block m-[0_0_6px_0] bg-[#F9F2F2] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#E00000] shadow-[0_0_0_1px_#E00000]"> Đã dừng </span> </div><p>- Giá trị đơn hàng tối thiểu: <b class="text-[#E00000] font-bold">2.000.000 đ</b> </p></td><td> <p> 0 đã dùng </p><p> Tổng số: 20 </p></td><td> <p> - Tạo bởi: Đức (05-09-2022, 9:48 am) </p><p> - Cập nhật cuối: hongvt@hurasoft.com<br>(03-10-2023, 8:31 am) </p></td><td> <div class="items-center" style="display: flex;"> <a href="/admin/marketing/coupon-add?id=8" class="icons icon-edit" title="Sửa lại"></a> <a href="javascript:setStatus('8','off')" title="Hạ xuống" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a> <a href="javascript:delete_coupon('8')" class="icons icon-delete" title="Xóa"></a> </div></td></tr>
</tbody> </tbody>
</table> </table>
</div> </div>

3
template/theme.html
View File

@@ -22,9 +22,10 @@
<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>
</head> </head>
{{ global|show_var }}
{{ page|show_var }}
<body> <body>
{{ global|show_var }}
<div class="admin-global-container"> <div class="admin-global-container">
<!-- Menu full --> <!-- Menu full -->