Compare commits

...

3 Commits

Author SHA1 Message Date
5cf4155fcc upload 2024-03-09 11:58:48 +07:00
10b1b7da6e marketting 2024-03-09 11:54:26 +07:00
8679b320e1 payinstall 2024-03-09 11:35:04 +07:00
33 changed files with 1732 additions and 449 deletions

View File

@@ -735,17 +735,15 @@ input[type=radio]:focus:before {
height: 16px;
background-position: -224px -88px;
}
<<<<<<< HEAD
.icons.icon-upload {
background-position: -2px -43px;
transform: rotate(-90deg);
filter: invert(60%) sepia(90%) saturate(6183%) hue-rotate(228deg) brightness(92%) contrast(101%);
=======
}
.icons.icon-feature {
width: 18px;
height: 16px;
background-position: -259px -88px;
>>>>>>> d5bd7d294839388ff76068a174b4639863c23dca
}
.admin-header-container .menu-hide {
@@ -1125,7 +1123,8 @@ input[type=radio]:focus:before {
.table-list-competitor th,
.table-customer-group th,
.table-review th,
.table-newsletter th {
.table-newsletter th,
.style-table th {
padding: 7px 5px;
background: #f6f6f6;
border: 1px solid #ececec;
@@ -1138,7 +1137,8 @@ input[type=radio]:focus:before {
.table-list-competitor td,
.table-customer-group td,
.table-review td,
.table-newsletter td {
.table-newsletter td,
.style-table td {
padding: 7px 6px;
border: 1px solid #ececec;
}
@@ -1148,7 +1148,8 @@ input[type=radio]:focus:before {
.table-list-competitor .name,
.table-customer-group .name,
.table-review .name,
.table-newsletter .name {
.table-newsletter .name,
.style-table .name {
color: #0041e8;
}

File diff suppressed because one or more lines are too long

View File

@@ -941,9 +941,10 @@ input[type="radio"] {
border: 1px solid #ececec;
}
}
.table-vertical-inherit{
.table-vertical-inherit {
tbody {
td{
td {
padding: 8px;
vertical-align: inherit;
}
@@ -1176,7 +1177,8 @@ input[type="radio"] {
.table-list-competitor,
.table-customer-group,
.table-review,
.table-newsletter {
.table-newsletter,
.style-table {
th {
padding: 7px 5px;
background: #f6f6f6;

View File

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

View File

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

View File

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

View File

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

1
data/payinstall/home.php Normal file
View File

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

View File

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

View File

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

View File

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

1
data/pcbuilder/home.php Normal file
View File

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

View File

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

View File

@@ -1,9 +1,12 @@
<div class="bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
<div
class="bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
<p class="leading-[30px] mb-[13px] font-bold text-[24px]"> Khuyến mại cấu hình máy tính </p>
<div class="text-right font-[500] leading-[35px] m-[0_0_20px_0] ">
<a href="/admin/marketing/conditional-promotion-add" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
<a href="/admin/marketing/conditional-promotion-add"
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
<span
class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
<span>Thêm khuyến mại mới</span>
</a>
</div>
@@ -44,11 +47,15 @@
<td>
<div class="items-center flex">
<a href="/admin/marketing/conditional-promotion-add?id=1" title="Sửa lại" class="icons icon-edit"></a>
<a href="/admin/marketing/conditional-promotion-add?id=1" title="Sửa lại"
class="icons icon-edit"></a>
<a href="" 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="" 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="" title="Cho Hiển thị" class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"> </a>
<a href="" title="Cho Hiển thị"
class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
</a>
<a href="" class="icons icon-delete" title="Xóa"></a>
</div>

View File

@@ -4,11 +4,14 @@
</div>
<div class="max-w-[1141px] flex flex-wrap items-start m-[0_auto_16px_auto]">
<div class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] flex flex-wrap items-center justify-between">
<div
class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] flex flex-wrap items-center justify-between">
<p class="font-bold text-[20px]"> Cập nhật khuyến mại </p>
<a href="/admin/marketing/conditional-promotion-add" class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
<span class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
<a href="/admin/marketing/conditional-promotion-add"
class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
<span
class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
<span>Thêm khuyến mại</span>
</a>
@@ -17,16 +20,21 @@
</p>
</div>
<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;"> Thông tin </a>
<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;"> Thông tin </a>
</div>
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
<form method="post" enctype="multipart/form-data"
class="order-page-table w-[852px] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
<table>
<tr>
<td width="215"> <b>Tên gọi</b> </td>
<td>
<input type="text" value="" placeholder="Tên gọ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)]"/>
<input type="text" value="" placeholder="Tên gọ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-[#6B7280] mt-[8px]"> * Phần này chỉ dùng cho quản trị viên phân biệt. </i>
</td>
</tr>
@@ -37,12 +45,14 @@
<div class="mb-[15px]">
<p class="mb-[8px]">1. Tặng tiền mặt: <i class="text-[#6B7280] font-[300]">VND</i></p>
<input type="text" value="" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
<input type="text" value=""
class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div>
<div class="mb-[15px]">
<p class="mb-[8px]">2. Tùy chọn gói sản phẩm: <i class="text-[#6B7280] font-[300]">VND</i></p>
<input type="text" value="" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
<input type="text" value=""
class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div>
<div class="mb-[15px]">
@@ -59,20 +69,24 @@
<div class="mb-[15px]">
<p class="mb-[8px]"> 1. Bắt buộc phải có sản phẩm thuộc các danh mục: </p>
<input type="text" value="" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
<input type="text" value=""
class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div>
<p class="mb-[8px]">2. Giá trị đơn hàng trong khoảng: <i class="text-[#6B7280] font-[300]">VND</i></p>
<p class="mb-[8px]">2. Giá trị đơn hàng trong khoảng: <i class="text-[#6B7280] font-[300]">VND</i>
</p>
<div class="flex items-center justify-between">
<div>
<p class="inline-block mr-[13px]"> Giá từ </p>
<input type="text" value="" class="w-[220px] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
<input type="text" value=""
class="w-[220px] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div>
<div>
<p class="inline-block mr-[13px]"> Đến </p>
<input type="text" value="" class="w-[220px] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
<input type="text" value=""
class="w-[220px] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div>
</div>
@@ -82,7 +96,8 @@
<tr>
<td> <b> Hiển thị </b> </td>
<td style="padding: 14px">
<label class="items-center cursor-pointer relative pl-[30px] mr-[15px]" style="display: inline-flex;">
<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>
@@ -96,7 +111,8 @@
</tr>
</table>
<input 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]"/>
<input 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>
</div>

View File

@@ -6,11 +6,14 @@
<div class="max-w-[1141px] m-auto">
<div class="flex flex-wrap items-start m-[16px_0]">
{% if global.url contains 'id=' %} <!-- Form chỉnh sửa -->
<div class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] flex flex-wrap items-center justify-between">
<div
class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] flex flex-wrap items-center justify-between">
<p class="font-bold text-[20px]"> Cập nhật </p>
<a href="/admin/marketing/coupon-add" class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
<span class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
<a href="/admin/marketing/coupon-add"
class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
<span
class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
<span>Thêm phiếu mới</span>
</a>
@@ -19,12 +22,18 @@
</p>
</div>
<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
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>
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
<form method="post" enctype="multipart/form-data"
class="order-page-table w-[852px] bg-white p-[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" />
@@ -37,17 +46,21 @@
<tr>
<td> Tên phiếu khuyến mại * </td>
<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>
<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>
<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)]">Test phiếu giảm giá </textarea>
<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>
<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>
<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>
@@ -55,7 +68,8 @@
<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]">
<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>
@@ -64,18 +78,22 @@
<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)]"/>
<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)]"/>
<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)]"/>
<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>
@@ -89,28 +107,126 @@
<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)]"/>
<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>
<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;">
<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)]"/>
<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>
<p class="mr-[10px]"> Giờ </p>
<select name='info[to_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>
<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>
@@ -120,7 +236,8 @@
<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)]"/>
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>
@@ -128,7 +245,8 @@
<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)]">
<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>
@@ -137,7 +255,8 @@
<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]">
<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>
@@ -156,7 +275,8 @@
<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;">
<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>
@@ -171,7 +291,8 @@
<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)]">
<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>
@@ -179,7 +300,8 @@
<tr>
<td> Hiển thị </td>
<td>
<label class="items-center cursor-pointer relative pl-[30px] mr-[15px]" style="display: inline-flex;">
<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>
@@ -194,14 +316,18 @@
</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]"/>
<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>
<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">
<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" />
@@ -211,18 +337,24 @@
<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">
<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">
<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)]">
<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>
@@ -234,17 +366,21 @@
<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>
<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>
<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>
<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>
@@ -252,7 +388,8 @@
<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]">
<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>
@@ -261,18 +398,22 @@
<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)]"/>
<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)]"/>
<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)]"/>
<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>
@@ -286,28 +427,126 @@
<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)]"/>
<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>
<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;">
<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)]"/>
<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>
<p class="mr-[10px]"> Giờ </p>
<select name='info[to_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>
<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>
@@ -317,7 +556,8 @@
<td> Giá trị đơn hàng tối thiểu </td>
<td>
<input type="text" name="info[valid_order_value]" value="0"
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)]"/>
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>
@@ -325,7 +565,8 @@
<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)]">
<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>
@@ -334,7 +575,8 @@
<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]">
<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>
@@ -353,7 +595,8 @@
<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;">
<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" checked>
<span> Tất cả các sản phầm </span>
</label>
@@ -369,7 +612,8 @@
<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)]">
<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>
@@ -377,7 +621,8 @@
<tr>
<td> Hiển thị </td>
<td>
<label class="items-center cursor-pointer relative pl-[30px] mr-[15px]" style="display: inline-flex;">
<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>
@@ -392,7 +637,8 @@
</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]"/>
<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 %}
@@ -401,13 +647,13 @@
<script>
function show_content(ty){
function show_content(ty) {
var list_type = ['pro', 'cash', 'priceoff'];
for(var i=0; i < list_type.length; i++){
for (var i = 0; i < list_type.length; i++) {
var t_ty = list_type[i];
if(ty == t_ty) document.getElementById('js-type-'+t_ty).style.display = 'block';
else document.getElementById('js-type-'+t_ty).style.display = 'none';
if (ty == t_ty) document.getElementById('js-type-' + t_ty).style.display = 'block';
else document.getElementById('js-type-' + t_ty).style.display = 'none';
}
}
</script>

View File

@@ -1 +1 @@
template/marketing/detail.html
<div></div>

View File

@@ -1 +1 @@
template/marketing/home.html
<div></div>

View File

@@ -2,7 +2,8 @@
<p class="m-[0_0_13px] text-[24px] font-bold leading-[31px]"> Danh sách poster quảng cáo </p>
<div class="text-right m-[13px_0_20px]">
<a href="/admin/marketing/poster-upload" class="rounded-[4px] bg-[#F5F7FF] border border-[#0041E8] hover:text-[#fff] hover:bg-[#0041E8] leading-[36px] font-[500] text-[#0041E8] p-[0_14px] inline-block">
<a href="/admin/marketing/poster-upload"
class="rounded-[4px] bg-[#F5F7FF] border border-[#0041E8] hover:text-[#fff] hover:bg-[#0041E8] leading-[36px] font-[500] text-[#0041E8] p-[0_14px] inline-block">
<i class="fas fa-file-download m-[0_4px_0_0]"></i> Upload poster mới
</a>
</div>

View File

@@ -5,20 +5,31 @@
<div class="max-w-[1140px] m-auto">
<i class="block text-[13px] leading-[18px] mb-[10px]">Chức năng này cho phép bạn upload các file quảng cáo poster. Yêu cầu cần đặt trong file đuôi .zip. Server này giới hạn dung lượng file upload là 20 MB, do vậy nếu file .zip dung lượng lớn hơn 20MB thì bạn cần sử dụng công cụ FTP (hoặc liên hệ bên cung cấp server để nâng giới hạn file upload).</i>
<i class="block text-[13px] leading-[18px] mb-[10px]">Chức năng này cho phép bạn upload các file quảng cáo poster.
Yêu cầu cần đặt trong file đuôi .zip. Server này giới hạn dung lượng file upload là 20 MB, do vậy nếu file .zip
dung lượng lớn hơn 20MB thì bạn cần sử dụng công cụ FTP (hoặc liên hệ bên cung cấp server để nâng giới hạn file
upload).</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"> Upload poster quảng cáo </p>
<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">
Upload poster quảng cáo </p>
<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">
<a href="javascript:void(0)" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" style="color: #Fff;background: #0041E8;"> Upload Poster </a>
<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;"> Upload Poster </a>
</div>
<form enctype="multipart/form-data" method="post" class="w-[852px] bg-white p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
<form enctype="multipart/form-data" method="post"
class="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="mb-[20px]"> File zip chỉ được phép chứa file ảnh (jpg, gif) và html nếu có. </p>
<p class="mb-[20px]">
<b class="text-[#E00000]">Chú ý</b>: Bạn cần nhớ tên file để truy cập, ví dụ bạn upload file abc.zip có chứa file khuyenmai.html, thì sau khi upload xong, đường dẫn truy cập sẽ là https://demopc8.hurasoft.com/media/marketing/abc/khuyenmai.html
<b class="text-[#E00000]">Chú ý</b>: Bạn cần nhớ tên file để truy cập, ví dụ bạn upload file abc.zip có
chứa file khuyenmai.html, thì sau khi upload xong, đường dẫn truy cập sẽ là
https://demopc8.hurasoft.com/media/marketing/abc/khuyenmai.html
</p>
<div class="flex items-center border border-[#ECECEC] mb-[10px] p-[8px_12px]">
@@ -26,7 +37,8 @@
<input type="file" name="zip_file" size="40" />
</div>
<input name="submit" 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]">
<input name="submit" 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>
</div>
</div>

View File

@@ -1,24 +1,32 @@
<div class="max-w-[1141px] m-[17px_auto_20px]">
<div class="flex flex-wrap items-start justify-center">
<div class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] flex flex-wrap items-center justify-between">
<div
class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] flex flex-wrap items-center justify-between">
<p class="font-bold text-[20px]"> Sản phẩm phiếu khuyến mại </p>
<a href="/admin/deal/deal-add" class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
<a href="/admin/deal/deal-add"
class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
<i class="far fa-file-excel mr-2"></i>
<span>Tải danh sách hiện tại</span>
</a>
<p class="w-[100%] text-[#6B7280] mt-[10px]"> Hướng dẫn: Để cập nhật/xoá Sản phẩm có mã khuyến mại, tải file excel mới nhất về và sửa từ đó. Để xoá sp thì chỉ cần xoá sp khỏi file excel. Sau khi chỉnh xong file excel thì Upload lại để hệ thống nhận mới. </p>
<p class="w-[100%] text-[#6B7280] mt-[10px]"> Hướng dẫn: Để cập nhật/xoá Sản phẩm có mã khuyến mại, tải file
excel mới nhất về và sửa từ đó. Để xoá sp thì chỉ cần xoá sp khỏi file excel. Sau khi chỉnh xong file
excel thì Upload lại để hệ thống nhận mới. </p>
</div>
<!-- col left -->
<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;"> Thông tin </a>
<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;"> Thông tin </a>
</div>
<!-- col right -->
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block text-[#6B7280]">
<form method="post" enctype="multipart/form-data"
class="order-page-table w-[852px] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block text-[#6B7280]">
<table>
<tr>
@@ -34,16 +42,18 @@
<td>
<label class="inline-flex items-center mb-[5px] cursor-pointer">
<input type="checkbox" class="mr-[10px] scale-[1.5]"/>
<input type="checkbox" class="mr-[10px] scale-[1.5]" />
<span> Xóa dữ liệu cũ trước khi cập nhật </span>
</label>
<i class="block font-[300]">(* Nếu lựa chọn, hệ thống sẽ xóa bỏ hết dữ liệu đang có trước khi cập nhật dữ liệu nhận được từ file excel)</i>
<i class="block font-[300]">(* Nếu lựa chọn, hệ thống sẽ xóa bỏ hết dữ liệu đang có trước khi
cập nhật dữ liệu nhận được từ file excel)</i>
</td>
</tr>
</table>
<input name="commit" type="submit" value="Cập nhật" class="inline-block cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px] mt-[17px]"/>
<input name="commit" type="submit" value="Cập nhật"
class="inline-block cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px] mt-[17px]" />
</form>
</div>
</div>

View File

@@ -1,31 +1,41 @@
<div class="bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
<div
class="bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
<p class="leading-[30px] mb-[13px] font-bold text-[24px]"> Danh sách media </p>
<form method="get" enctype="multipart/form-data" action="/admin/" class="border border-[#F6F6F6] m-[12px_0_16px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
<input type="text" name="q" id="keyword" value="" placeholder="" class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
<input type="submit" value="Tìm kiếm" class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
<form method="get" enctype="multipart/form-data" action="/admin/"
class="border border-[#F6F6F6] m-[12px_0_16px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
<input type="text" name="q" id="keyword" value="" placeholder=""
class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
<input type="submit" value="Tìm kiếm"
class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
</form>
<div class="flex items-center flex-wrap justify-between mb-[20px]">
<div class="flex items-center">
<select class="min-w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] mr-[15px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
<select
class="min-w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] mr-[15px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
<option value=""> Xem phân nhóm </option>
<option value=""> option </option>
</select>
<a href="" class="leading-[35px] mr-[16px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
<a href=""
class="leading-[35px] mr-[16px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
Quản lý nhóm media
</a>
</div>
<a href="" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] font-[500] leading-[35px] group hover:bg-[#0041E8] hover:text-[#fff]">
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
<a href=""
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] font-[500] leading-[35px] group hover:bg-[#0041E8] hover:text-[#fff]">
<span
class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
<span>Thêm nội dung mới</span>
</a>
</div>
<p class="m-[13pX_0]">
<b>Hướng dẫn:</b> Chức năng này cho phép bạn quản lý tất cả các loại file media (như file word, excel, ảnh chương trình, ảnh banner, file flash, ảnh Sản phẩm ...) phục vụ cho website. Copy đường dẫn file và gắn vào miêu tả Sản phẩm hay bài viết khác.
<b>Hướng dẫn:</b> Chức năng này cho phép bạn quản lý tất cả các loại file media (như file word, excel, ảnh
chương trình, ảnh banner, file flash, ảnh Sản phẩm ...) phục vụ cho website. Copy đường dẫn file và gắn vào miêu
tả Sản phẩm hay bài viết khác.
</p>
<div class="order-page-table">
@@ -47,7 +57,8 @@
<td> 1 </td>
<td>
<a href="" class="block text-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] font-[500] leading-[32px] hover:bg-[#0041E8] hover:text-[#fff]">
<a href=""
class="block text-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] font-[500] leading-[32px] hover:bg-[#0041E8] hover:text-[#fff]">
Xem nhanh
</a>
</td>
@@ -56,7 +67,8 @@
<div class="flex items-center">
<p class="mr-2 whitespace-nowrap"> Đường dẫn </p>
<input type="text" value="/media/lib/11-08-2023/new.png" readonly class="max-w-[700px] w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-[#6B7280]">
<input type="text" value="/media/lib/11-08-2023/new.png" readonly
class="max-w-[700px] w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-[#6B7280]">
</div>
</td>
@@ -74,7 +86,8 @@
<div class="flex items-center justify-center mt-[5px]">
<p class="mr-[8px]">STT</p>
<input type="text" value="0" class="w-[32px] h-[32px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-center">
<input type="text" value="0"
class="w-[32px] h-[32px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-center">
</div>
</td>
</tr>

View File

@@ -0,0 +1,50 @@
<div class="w-[100%] mb-[50px]">
<div class="text-sm breadcrumbs ml-[10px]">
<ul>
<li><a href="/admin/payinstall">Cài đặt trả góp</a></li>
<li class="text-[#0041E8]">Form thêm / sửa công ty tín dụng</li>
</ul>
</div>
<div class="w-[1140px] my-0 mx-auto">
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] my-[15px]">
<div>
<h1 class="text-[20px] font-[700]">Cập nhật công ty</h1>
<p class="text-[#6B7280]">HD Saigon</p>
</div>
</div>
<div class="flex">
<div class="left w-[270px] mr-[10px]">
<div class="list-tab">
<a href="javascript:void(0)"
class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[10px]">Chỉnh
sửa</a>
</div>
</div>
<div class="right w-[860px]">
<div
class="bg-white p-[15px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
<b class="text-[20px] mb-[10px] block">Thông tin cơ bản</b>
<div class="form-control mb-[10px]">
<label class="font-[600] mb-[5px] text-[14px]">Tên công ty</label>
<input type="text" size="60" name="" id="" placeholder="Tên công ty"
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
</div>
<div class="form-control mb-[10px]">
<label class="font-[600] mb-[5px] text-[14px]">Thứ tự hiển thị</label>
<input type="text" size="60" name="" id="" placeholder="0"
class="w-[50%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
</div>
</div>
<div class="bg-white p-[10px] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A]">
<input class="w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
id="submit-collection-btn" name="commit" type="submit" value="Cập nhật" />
</div>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,68 @@
<div class="w-[100%] mb-[50px]">
<div class="text-sm breadcrumbs ml-[10px]">
<ul>
<li><a href="/admin/payinstall">Cài đặt trả góp</a></li>
<li class="text-[#0041E8]">Form thêm / sửa thời gian</li>
</ul>
</div>
<div class="w-[1140px] my-0 mx-auto">
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] my-[15px]">
<div class="flex items-center justify-between">
<h1 class="text-[20px] font-[700]">Cập nhật thời gian</h1>
<a href="/admin/payinstall/add-period"
class="flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px]">
<span
class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#6B7280] text-center leading-[11px] mr-[5px] text-[#6B7280]">+</span>
<span class="text-[#6B7280]">Thêm thời gian</span>
</a>
</div>
<p class="text-[#6B7280]">6 tháng</p>
</div>
<div class="flex">
<div class="left w-[270px] mr-[10px]">
<div class="list-tab">
<a href="javascript:void(0)"
class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[10px]">Chỉnh
sửa</a>
</div>
</div>
<div class="right w-[860px]">
<div
class="bg-white p-[15px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
<b class="text-[20px] mb-[10px] block">Thông tin cơ bản</b>
<div class="form-control mb-[10px]">
<div class="flex items-center mb-[5px]">
<label class="font-[600] mr-[5px] text-[14px]">Số tháng</label>
<p class="text-[#6B7280]">Tháng (* ghi số, ví dụ 6)</p>
</div>
<input type="text" size="60" name="" id="" placeholder="Số tháng"
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
</div>
<div class="form-control mb-[10px]">
<div class="flex items-center mb-[5px]">
<label class="font-[600] mr-[5px] text-[14px]">Lãi suất</label>
<p class="text-[#6B7280]">% (* ghi số thập phân, ví dụ: 2.6 - tương đương 2.6%)</p>
</div>
<input type="text" size="60" name="" id="" placeholder="Lãi suất"
class="w-[50%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
</div>
<div class="form-control mb-[10px]">
<label class="font-[600] mb-[5px] text-[14px]">Thứ tự hiển thị</label>
<input type="text" size="60" name="" id="" placeholder="0"
class="w-[50%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
</div>
</div>
<div class="bg-white p-[10px] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A]">
<input class="w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
id="submit-collection-btn" name="commit" type="submit" value="Cập nhật" />
</div>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,68 @@
<div class="w-[100%] mb-[50px]">
<div class="text-sm breadcrumbs ml-[10px]">
<ul>
<li><a href="/admin/payinstall">Cài đặt trả góp</a></li>
<li class="text-[#0041E8]">Form thêm / sửa thông tin trả trước</li>
</ul>
</div>
<div class="w-[1140px] my-0 mx-auto">
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] my-[15px]">
<div class="flex items-center justify-between">
<h1 class="text-[20px] font-[700]">Cập nhật % trả trước</h1>
<a href="/admin/payinstall/add-upfront"
class="flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px]">
<span
class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#6B7280] text-center leading-[11px] mr-[5px] text-[#6B7280]">+</span>
<span class="text-[#6B7280]">Thêm trả trước</span>
</a>
</div>
<p class="text-[#6B7280]">HD Saigon</p>
</div>
<div class="flex">
<div class="left w-[270px] mr-[10px]">
<div class="list-tab">
<a href="javascript:void(0)"
class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[10px]">Chỉnh
sửa</a>
</div>
</div>
<div class="right w-[860px]">
<div
class="bg-white p-[15px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
<b class="text-[20px] mb-[10px] block">Thông tin cơ bản</b>
<div class="form-control mb-[10px]">
<div class="flex items-center mb-[5px]">
<label class="font-[600] mr-[5px] text-[14px]">Tên gọi</label>
<p class="text-[#6B7280]">(* dùng để hiển thị trên web, ví dụ ghi 20 %)</p>
</div>
<input type="text" size="60" name="" id="" placeholder="Tên gọi"
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
</div>
<div class="form-control mb-[10px]">
<div class="flex items-center mb-[5px]">
<label class="font-[600] mr-[5px] text-[14px]">Số phần trăm</label>
<p class="text-[#6B7280]">% (* ghi số, ví dụ: 20% thì ghi là 20)</p>
</div>
<input type="text" size="60" name="" id="" placeholder="Số phần trăm"
class="w-[50%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
</div>
<div class="form-control mb-[10px]">
<label class="font-[600] mb-[5px] text-[14px]">Thứ tự hiển thị</label>
<input type="text" size="60" name="" id="" placeholder="0"
class="w-[50%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
</div>
</div>
<div class="bg-white p-[10px] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A]">
<input class="w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
id="submit-collection-btn" name="commit" type="submit" value="Cập nhật" />
</div>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,55 @@
<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">Danh mục sản phẩm có trả góp</h1>
<div id="action-links" class="mb-[15px]">
<div class="flex item-center justify-between">
<div
class="p-[5px_10px] border-[1px] border-[#79B0E2] rounded-[4px] text-[14px] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
<a href="javascript:;" onclick="RowExpand.open_all();"><span id="js-row-expand-all">[+]</span> Xem
hết
danh mục</a>
</div>
</div>
</div>
<table class="style-table mt-[15px]">
<thead>
<tr>
<th>Danh mục</th>
<th class="w-[190px]">SP</th>
<th class="w-[100px]">Lựa chọn</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<p>
1. <a href="" class="name">Màn Hình Máy Tính</a>
</p>
</td>
<td>
<div class="flex items-center justify-center">
<p>798</p>
<a href="" class="p-[5px] rounded-[4px] bg-[#0041E8] text-white ml-[5px]">Xem sản phẩm</a>
</div>
</td>
<td>
<div class="list-btn flex items-center justify-center">
<a href="/0-vetp" 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]">
<i class="icons icon-view"></i>
</a>
<a href="/0-vetp" 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]">
<i class="fa-solid fa-piggy-bank text-[#0041E8]"></i>
</a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>

View File

@@ -0,0 +1,280 @@
<div class="w-[100%]">
<div class="m-[15px] p-[15px] 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">Cài đặt trả góp</h1>
<a href="/admin/payinstall/add-company" id="add-prod"
class="p-[5px_10px] w-[140px] border-[1px] border-[#0041E8] rounded-[4px] text-[14px] text-[#0041E8] block m-[auto_0_auto_auto] hover:bg-[#0041E8] hover:text-white"><span
class="border-[1px] border-[#0041E8] h-[14px] w-[14px] inline-block leading-[11px] text-center rounded-[50%]">+</span>
<span class="font-[500]">Thêm công ty</span></a>
<table class="style-table mt-[20px]">
<thead>
<tr>
<th class="w-[45px]">STT</th>
<th class="w-[215px]">Công ty</th>
<th>Thông tin trả góp</th>
</tr>
</thead>
<tbody>
<tr>
<td class="align-text-top">1</td>
<td class="align-text-top">
<p>HD Saigon</p>
<div class='list-btn flex items-center mt-[5px]'>
<a href="/admin/payinstall/add-company"
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class='icons icon-edit'></i></a>
<a href=""
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
class='icons icon-remove'></i></a>
</div>
</td>
<td>
<div class="flex items-center justify-between">
<div class="w-[50%] mr-[10px]">
<div class="flex items-center">
<b class="mr-[15px]">Trả trước</b>
<a href="/admin/payinstall/add-upfront" id="add-prod"
class="p-[5px_10px] w-[140px] border-[1px] border-[#0041E8] rounded-[4px] text-[14px] text-[#0041E8] block hover:bg-[#0041E8] hover:text-white"><span
class="border-[1px] border-[#0041E8] h-[14px] w-[14px] inline-block leading-[11px] text-center rounded-[50%]">+</span>
<span class="font-[500]">Thêm trả trước</span></a>
</div>
<div class="flex items-center">
<table class="style-table mt-[15px] w-[85px]">
<tbody>
<tr>
<td class="">20%</td>
</tr>
<tr>
<td>20%</td>
</tr>
<tr>
<td>
<div class='list-btn flex items-center mt-[5px]'>
<a href=""
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class='icons icon-edit'></i></a>
<a href=""
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
class='icons icon-remove'></i></a>
</div>
</td>
</tr>
</tbody>
</table>
<table class="style-table mt-[15px] w-[85px]">
<tbody>
<tr>
<td class="">20%</td>
</tr>
<tr>
<td>20%</td>
</tr>
<tr>
<td>
<div class='list-btn flex items-center mt-[5px]'>
<a href=""
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class='icons icon-edit'></i></a>
<a href=""
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
class='icons icon-remove'></i></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="w-[50%] ml-[10px]">
<div class="flex items-center">
<b class="mr-[15px]">Thời hẹn trả góp</b>
<a href="/admin/payinstall/add-period" id="add-prod"
class="p-[5px_10px] w-[140px] border-[1px] border-[#0041E8] rounded-[4px] text-[14px] text-[#0041E8] block hover:bg-[#0041E8] hover:text-white"><span
class="border-[1px] border-[#0041E8] h-[14px] w-[14px] inline-block leading-[11px] text-center rounded-[50%]">+</span>
<span class="font-[500]">Thêm thời gian</span></a>
</div>
<div class="flex items-center">
<table class="style-table mt-[15px] w-[85px]">
<tbody>
<tr>
<td class="">20%</td>
</tr>
<tr>
<td>20%</td>
</tr>
<tr>
<td>
<div class='list-btn flex items-center mt-[5px]'>
<a href=""
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class='icons icon-edit'></i></a>
<a href=""
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
class='icons icon-remove'></i></a>
</div>
</td>
</tr>
</tbody>
</table>
<table class="style-table mt-[15px] w-[85px]">
<tbody>
<tr>
<td class="">20%</td>
</tr>
<tr>
<td>20%</td>
</tr>
<tr>
<td>
<div class='list-btn flex items-center mt-[5px]'>
<a href=""
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class='icons icon-edit'></i></a>
<a href=""
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
class='icons icon-remove'></i></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td class="align-text-top">1</td>
<td class="align-text-top">
<p>HD Saigon</p>
<div class='list-btn flex items-center mt-[5px]'>
<a href="/admin/payinstall/add-company"
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class='icons icon-edit'></i></a>
<a href=""
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
class='icons icon-remove'></i></a>
</div>
</td>
<td>
<div class="flex items-center justify-between">
<div class="w-[50%] mr-[10px]">
<div class="flex items-center">
<b class="mr-[15px]">Trả trước</b>
<a href="/admin/payinstall/add-upfront" id="add-prod"
class="p-[5px_10px] w-[140px] border-[1px] border-[#0041E8] rounded-[4px] text-[14px] text-[#0041E8] block hover:bg-[#0041E8] hover:text-white"><span
class="border-[1px] border-[#0041E8] h-[14px] w-[14px] inline-block leading-[11px] text-center rounded-[50%]">+</span>
<span class="font-[500]">Thêm trả trước</span></a>
</div>
<div class="flex items-center">
<table class="style-table mt-[15px] w-[85px]">
<tbody>
<tr>
<td class="">20%</td>
</tr>
<tr>
<td>20%</td>
</tr>
<tr>
<td>
<div class='list-btn flex items-center mt-[5px]'>
<a href=""
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class='icons icon-edit'></i></a>
<a href=""
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
class='icons icon-remove'></i></a>
</div>
</td>
</tr>
</tbody>
</table>
<table class="style-table mt-[15px] w-[85px]">
<tbody>
<tr>
<td class="">20%</td>
</tr>
<tr>
<td>20%</td>
</tr>
<tr>
<td>
<div class='list-btn flex items-center mt-[5px]'>
<a href=""
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class='icons icon-edit'></i></a>
<a href=""
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
class='icons icon-remove'></i></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="w-[50%] ml-[10px]">
<div class="flex items-center">
<b class="mr-[15px]">Thời hẹn trả góp</b>
<a href="/admin/product/payinstall/add-period" id="add-prod"
class="p-[5px_10px] w-[140px] border-[1px] border-[#0041E8] rounded-[4px] text-[14px] text-[#0041E8] block hover:bg-[#0041E8] hover:text-white"><span
class="border-[1px] border-[#0041E8] h-[14px] w-[14px] inline-block leading-[11px] text-center rounded-[50%]">+</span>
<span class="font-[500]">Thêm thời gian</span></a>
</div>
<div class="flex items-center">
<table class="style-table mt-[15px] w-[85px]">
<tbody>
<tr>
<td class="">20%</td>
</tr>
<tr>
<td>20%</td>
</tr>
<tr>
<td>
<div class='list-btn flex items-center mt-[5px]'>
<a href=""
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class='icons icon-edit'></i></a>
<a href=""
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
class='icons icon-remove'></i></a>
</div>
</td>
</tr>
</tbody>
</table>
<table class="style-table mt-[15px] w-[85px]">
<tbody>
<tr>
<td class="">20%</td>
</tr>
<tr>
<td>20%</td>
</tr>
<tr>
<td>
<div class='list-btn flex items-center mt-[5px]'>
<a href=""
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class='icons icon-edit'></i></a>
<a href=""
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
class='icons icon-remove'></i></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>

View File

@@ -0,0 +1,79 @@
<div class="w-[100%]">
<div class="m-[15px] p-[15px] 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">Danh sách đơn đăng ký</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>
<p>Tổng số: 16</p>
<table class="style-table mt-[15px]">
<thead>
<tr>
<th>STT</th>
<th class="w-[135px]">Mã đơn</th>
<th class="w-[113px]">Nhà cung cấp</th>
<th>Sản phẩm</th>
<th class="w-[175px]">Điều khoản</th>
<th>Khách hàng</th>
<th>Thời gian</th>
<th class="w-[130px]">Lựa chọn</th>
</tr>
</thead>
<tbody>
<tr>
<td class="w-[45px]">1</td>
<td>5yl0uuds52fO</td>
<td>hdsaigon</td>
<td>
<div class="mb-[5px]">
<div>
<span>1. </span> <a href="" class="name">Tay cầm chơi Game Sony PS5 DualSense Galactic
Purple</a>
</div>
<p>- SKU: GPSO037</p>
<p>- Giá: 1.599.000</p>
</div>
<div class="mb-[5px]">
<div>
<span>1. </span> <a href="" class="name">Tay cầm chơi Game Sony PS5 DualSense Galactic
Purple</a>
</div>
<p>- SKU: GPSO037</p>
<p>- Giá: 1.599.000</p>
</div>
</td>
<td>
<p>- Giá trả góp: 1690146</p>
<p>- Trả trước: 799500</p>
<p>- Lãi suất: 1.90</p>
<p>- Tháng: 6</p>
</td>
<td>
<p>- Tên: phạm thanh chiến</p>
<p>- Địa chỉ: nhà 04 ngõ 362 lê viết thuật , Xã Hưng Lộc</p>
<p>- Tỉnh: Nghệ An</p>
<p>- Email: phamthanhchien1808@gmail.com</p>
<p>- Điện thoại: 0968 296 041</p>
</td>
<td>05-03-2024, 12:58 am</td>
<td>
<div class='list-btn flex items-center justify-center'>
<a href="/admin/payinstall/order_detail"
class="mr-[5px] bg-[#0041E8] text-white px-[10px] py-[5px] rounded-[4px]">Chi
tiết</a>
<a href=""
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
class='icons icon-remove'></i></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>

View File

@@ -0,0 +1,91 @@
<div class="w-[100%] mb-[50px]">
<div class="text-sm breadcrumbs ml-[10px]">
<ul>
<li><a href="/admin/payinstall/order">Danh sách đơn đăng ký</a></li>
<li class="text-[#0041E8]">Thông tin đơn đăng ký</li>
</ul>
</div>
<div class="w-[1140px] my-0 mx-auto">
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] my-[15px]">
<h1 class="text-[20px] font-[700]">Chi tiết đơn hàng trả góp</h1>
<p class="text-[#6B7280]">9dDMHsx5CBgG</p>
</div>
<div class="flex">
<div class="left w-[270px] mr-[10px]">
<div class="list-tab">
<a href="javascript:void(0)"
class="item block w-[100%] h-[36px] text-[#fff] bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[10px]">Thông
tin</a>
</div>
</div>
<div class="right w-[860px]">
<div class="bg-white p-[10px] rounded-[10px] shadow-[0px_1px_1px_0px_#0000001A]">
<table class="style-table">
<tr>
<td class="w-[106px]">Mã đơn</td>
<td>9dDMHsx5CBgG</td>
</tr>
<tr>
<td>Nhà cung cấp</td>
<td>alepay</td>
</tr>
<tr>
<td class="align-text-top">Sản phẩm</td>
<td>
<div class="mb-[5px]">
<div>
<span>1. </span> <a href="" class="name">Tay cầm chơi Game Sony PS5 DualSense
Galactic
Purple</a>
</div>
<p>- SKU: GPSO037</p>
<p>- Giá: 1.599.000</p>
</div>
<div class="mb-[5px]">
<div>
<span>1. </span> <a href="" class="name">Tay cầm chơi Game Sony PS5 DualSense
Galactic
Purple</a>
</div>
<p>- SKU: GPSO037</p>
<p>- Giá: 1.599.000</p>
</div>
</td>
</tr>
<tr>
<td class="align-text-top">Điều khoản</td>
<td>
<p>- Giá trả góp: 6520000</p>
<p>- Trả trước: 2500000</p>
<p>- Lãi suất: 0</p>
<p>- Tháng: 6</p>
</td>
</tr>
<tr>
<td class="align-text-top">Khách hàng</td>
<td>
<p>- Nghề nghiệp:</p>
<p>- Tên: TRAN QUI</p>
<p>- Địa chỉ: 39 Cao Lỗ, Phường 04</p>
<p>- Tỉnh: TP HCM</p>
<p>- Email: quitnp83@gmail.com</p>
<p>- Điện thoại: 0919843649</p>
<p>- Ngày sinh: </p>
<p>- Giới tính:</p>
<p>- CMND:</p>
<p>- Siêu thị duyệt hồ sơ:</p>
</td>
</tr>
<tr>
<td>Thời gian</td>
<td>05-03-2024, 12:11 am</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,73 @@
<div class="w-[100%] mb-[50px]">
<div class="text-sm breadcrumbs ml-[10px]">
<ul>
<li><a href="/admin/pcbuilder">Linh kiện xây dựng</a></li>
<li class="text-[#0041E8]">Chỉnh sửa linh kiện</li>
</ul>
</div>
<div class="w-[1140px] my-0 mx-auto">
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] my-[15px]">
<div>
<h1 class="text-[20px] font-[700]">Chỉnh sửa cấu hình và quan hệ lệ thuộc</h1>
<p class="text-[#6B7280]"><b>Hướng dẫn: </b>Nhập từng dòng, mỗi dòng là 1 loại linh kiện theo
form mẫu sau:</p>
<b class="text-[#6B7280]">ID danh mục | Tên gọi linh kiện | ID liên quan 1, ID liên quan 2, ID liên quan
2</b>
</div>
</div>
<div class="flex">
<div class="left w-[270px] mr-[10px]">
<div class="list-tab">
<a href="javascript:void(0)"
class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[10px]">Chỉnh
sửa</a>
</div>
</div>
<div class="right w-[860px]">
<div
class="bg-white p-[15px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
<p>
<b>Ví dụ 1: </b><span>Ví dụ 1: 30 | Bo mạch chủ | 61,36</span>
</p>
<p>(Trong đó: 30 là ID danh mục của Bo mạch
chủ, 61 là ID danh mục RAM, 36 là ID danh mục
CPU. Bo mạch chủ cần tương thích với RAM và CPU nên chọn ở đây)
</p>
<p class="mt-[20px]">
<b>Ví dụ 2: 10 | Màn hình |</b>
</p>
<p>(Trong đó: 10 là ID danh mục
của Màn hình máy tính. Và Màn máy tính không cần phụ thuộc với các linh kiện khác nên để
trống)</p>
<textarea class="w-[100%] h-[380px] border-[1px] border-[#ECECEC] p-[15px] mt-[15px]" rows="10"
spellcheck="true">2 | Bộ vi xử lý | 3,4
3 | Bo mạch chủ |
4 | RAM | 3
16 | Ổ Cứng SSD |
15 | Ổ Cứng HDD |
6 | VGA | 7,8
7 | Nguồn | 8
8 | Vỏ Case |
22 | Quạt Tản Nhiệt |
17 | Tản Nhiệt CPU |
28 | Tản Nhiệt Nước AIO |
9 | Màn Hình |
18 | Bàn phím |
19 | Chuột |
26 | Tai Nghe |
74 | Bàn Máy Máy Tính | 90
90 | Ghế Gaming |</textarea>
</div>
<div class="bg-white p-[10px] shadow-[0px_1px_1px_0px_#0000001A] rounded-[0_0_10px_10px]">
<input class="w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
id="submit-collection-btn" name="commit" type="submit" value="Cập nhật" />
</div>
</div>
</div>
</div>
</div>

View File

@@ -1 +1,70 @@
template/pcbuilder/home.html
<div class="w-[100%]">
<div class="m-[15px] p-[15px] 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">Danh sách linh kiện</h1>
<a href="/admin/pcbuilder/config-edit"
class="p-[5px] border-[1px] border-[#79B0E2] text-[#79B0E2] rounded-[4px]">Chỉnh sửa linh kiện</a>
<table class="style-table mt-[15px]">
<thead>
<tr>
<th class="w-[50px]">STT</th>
<th>ID danh mục</th>
<th>Tên danh mục</th>
<th class="w-[650px]">Danh mục liên quan</th>
<th>Số lượng Sản phẩm</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>Bộ vi xử lý</td>
<td>
<div class="flex flex-wrap">
<div class="my-[5px]">
<span>Mainboard - Bo Mạch Chủ</span>
<a href="/admin/pcbuilder/part-relation"
class="p-[5px] border-[1px] border-[#0041E8] text-[#0041E8] rounded-[4px] ml-[5px]">Tạo
quan hệ</a>
</div>
<div class="my-[5px] ml-[5px]">
<span>,RAM - Bộ Nhớ Trong</span>
<a href="/admin/pcbuilder/part-relation"
class="p-[5px] border-[1px] border-[#0041E8] text-[#0041E8] rounded-[4px] ml-[5px]">Tạo
quan hệ</a>
</div>
</div>
</td>
<td>
32
</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>Bộ vi xử lý</td>
<td>
<div class="flex flex-wrap">
<div class="my-[5px]">
<span>Mainboard - Bo Mạch Chủ</span>
<a href="/admin/pcbuilder/part-relation"
class="p-[5px] border-[1px] border-[#0041E8] text-[#0041E8] rounded-[4px] ml-[5px]">Tạo
quan hệ</a>
</div>
<div class="my-[5px] ml-[5px]">
<span>,RAM - Bộ Nhớ Trong</span>
<a href="/admin/pcbuilder/part-relation"
class="p-[5px] border-[1px] border-[#0041E8] text-[#0041E8] rounded-[4px] ml-[5px]">Tạo
quan hệ</a>
</div>
</div>
</td>
<td>
32
</td>
</tr>
</tbody>
</table>
</div>
</div>

View File

@@ -0,0 +1,138 @@
<div class="w-[100%] mb-[50px]">
<div class="text-sm breadcrumbs ml-[10px]">
<ul>
<li><a href="/admin/pcbuilder">Linh kiện xây dựng</a></li>
<li class="text-[#0041E8]">Tạo quan hệ của linh kiện Bộ vi xử lý</li>
</ul>
</div>
<div class="w-[1140px] my-0 mx-auto">
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] my-[15px]">
<div>
<h1 class="text-[20px] font-[700]">Mối quan hệ của linh kiện</h1>
<p class="text-[#6B7280]">Chọn 1 Sản phẩm ở một danh mục để chọn các Sản phẩm ở liên quan ở danh mục
kia.
</p>
</div>
</div>
<div class="flex">
<div class="left w-[270px] mr-[10px]">
<div class="list-tab">
<a href="javascript:void(0)"
class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px_10px_0_0] text-[13px] leading-[35px] px-[10px]">CPU
- Bộ Vi Xử Lý (#2)</a>
<a href="javascript:void(0)"
class="item block w-[100%] h-[36px] text-[#919699] bg-[#fff] rounded-[0_0_10px_10px] text-[13px] leading-[35px] px-[10px]">Mainboard
- Bo Mạch Chủ (#3)</a>
</div>
</div>
<div class="right w-[860px]">
<div class="bg-white p-[15px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A]">
<b class="block text-[20px] mb-[15px] font-[700]">CPU - Bộ Vi Xử Lý (#2)</b>
<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-[90%] 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 sản phẩm liên quan">
<button type="submit"
class="w-[10%] px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm
kiếm</button>
</form>
<div class="flex flex-wrap items-center mt-[15px]">
<p>Bộ lọc</p>
<select name="" id=""
class="w-[115px] h-[36px] ml-[15px] rounded-[4px] border-[1px] border-[#D8D8D8] shadow-[0px_2px_4px_0px_#0000001F]">
<option value="">-Cache-</option>
</select>
<select name="" id=""
class="w-[115px] h-[36px] ml-[15px] rounded-[4px] border-[1px] border-[#D8D8D8] shadow-[0px_2px_4px_0px_#0000001F]">
<option value="">Dòng cpu</option>
</select>
<select name="" id=""
class="w-[115px] h-[36px] ml-[15px] rounded-[4px] border-[1px] border-[#D8D8D8] shadow-[0px_2px_4px_0px_#0000001F]">
<option value="">Thế hệ CPU</option>
</select>
<select name="" id=""
class="w-[115px] h-[36px] ml-[15px] rounded-[4px] border-[1px] border-[#D8D8D8] shadow-[0px_2px_4px_0px_#0000001F]">
<option value="">Thế hệ CPU</option>
</select>
<select name="" id=""
class="w-[115px] h-[36px] ml-[15px] rounded-[4px] border-[1px] border-[#D8D8D8] shadow-[0px_2px_4px_0px_#0000001F]">
<option value="">Thế hệ CPU</option>
</select>
<a href=""
class="w-[115px] h-[36px] ml-[15px] rounded-[4px] leading-[36px] text-center text-white bg-[#0041E8]">Lọc
sản phẩm</a>
</div>
<div class="flex items-center mt-[15px]">
<b>Kết quả chọn: </b>
<p>0 sản phẩm</p>
</div>
<table class="style-table mt-[15px]">
<thead>
<tr>
<th class="w-[40px]">
<input type="checkbox" name="change_url_on_update" value="1"
class="checked:bg-[#0041E8] w-[16px] h-[16px] rounded-[4px]">
</th>
<th class="w-[40px]">STT</th>
<th class="w-[90px]">Ảnh</th>
<th>Sản phẩm (Tổng số: 132)</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<input type="checkbox" name="change_url_on_update" value="1"
class="checked:bg-[#0041E8] w-[16px] h-[16px] rounded-[4px]">
</td>
<td>1</td>
<td>
<img src="{{'img-product.png' | asset_url }}" alt="" class="mx-auto">
</td>
<td>
<a href="" class="name">Máy đo độ bóng Horiba IG-320 (gloss meter),góc đo 60 °,
khoảng đo 0.0-100.0, phân độ 0.1, bộ nhớ 99 phép đo</a>
<p>
Góc đo tiêu chuẩn 60 ° Khoảng đo 0-100 khoảng hiển thị 0-200 Kết quả đo chính
xác với độ lặp lại +/- 0,5 % trên toàn dải
đo Quá trình đo cho kết quả không bị ảnh hưởng bởi ánh sáng môi trường bên ngoài
Lấy trung bình đến 99 điểm dữ liệu Xem
các dữ liệu được lưu trữ trên màn hình hiển thị Vận hành thiết bị dễ dàng với 1
nốt bấm
</p>
<p>
<span>Mã kho:</span>
<b>MOVI213</b>
</p>
<p>Giá: 5.000.000</p>
<p>SL: 1</p>
<p>Trạng thái: Đang hiển thị</p>
</td>
</tr>
</tbody>
</table>
<div class="paging mt-[20px] mb-[10px]">
<a href="" class=" current ">1</a>
<a href="?page=2" class="">2</a>
<a href="?page=3" class="">3</a>
<a href="?page=4" class="">4</a>
<a href="?page=5" class="">5</a>
<a href="?page=6" class="">6</a>
<a href="?page=7" class="">7</a>
<a href="?page=2" class="">
<i class="fas fa-chevron-right"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>

View File

@@ -26,8 +26,6 @@
<body>
<div class="admin-global-container">
<!-- Menu full -->