update
This commit is contained in:
@@ -1 +0,0 @@
|
||||
template/addon/home.html
|
||||
@@ -1,106 +0,0 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin"> Danh sách quản trị viên </a>
|
||||
<a href=""> Form thêm/sửa quản trị viên </a>
|
||||
</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]">
|
||||
<p class="font-bold text-[20px] leading-[26px] block"> Cập nhật quản trị </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="/add" style="color: #Fff;background: #0041E8;"
|
||||
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
|
||||
Thông tin
|
||||
</a>
|
||||
<a href="/menu-permission" style="color: #919699;border-bottom: 1px solid #f3f3f3;"
|
||||
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
|
||||
Quyền xem menu
|
||||
</a>
|
||||
<a href="/entity-permission" style="color: #919699;"
|
||||
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
|
||||
Quyền chỉnh sửa
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="w-[852px]">
|
||||
<div class="p-[15px] bg-white rounded-[15px_15px_0_0] shadow-[0px_-1px_1px_0px_#0000001A]">
|
||||
<div class="form-control mb-[15px] w-[100%]">
|
||||
<label class="block font-[600] text-[14px] mb-[5px]">Họ và tên</label>
|
||||
<input name="" id="" placeholder="Họ và tên" value="Khắc tiệp"
|
||||
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]" />
|
||||
</div>
|
||||
<div class="form-control mb-[15px] w-[100%]">
|
||||
<label class="block font-[600] text-[14px] mb-[5px]">Phòng ban</label>
|
||||
<div class="flex items-center">
|
||||
<select name="" id=""
|
||||
class="w-[50%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
|
||||
<option value="">Chọn phòng ban</option>
|
||||
</select>
|
||||
<a href="/department-add" class="ml-[5px] text-[#0041E8]">Quản lý phòng ban</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-control mb-[15px] w-[100%]">
|
||||
<label class="block font-[600] text-[14px] mb-[5px]">Email (dùng đăng nhập)</label>
|
||||
<input name="" id="" placeholder="Email" value="tieptk@hurasoft.com"
|
||||
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]" />
|
||||
</div>
|
||||
<div class="form-control mb-[15px] w-[100%]">
|
||||
<div class="flex items-center mb-[5px]">
|
||||
<label class="font-[600] text-[14px]">Mật khẩu đăng nhập (nếu không đổi mật khẩu thì để
|
||||
trống)</label>
|
||||
<span class="ml-[5px] text-[#6B7280] italic">(* tối thiểu 6 ký tự)</span>
|
||||
</div>
|
||||
<input name="" type="password" id=""
|
||||
placeholder="Mật khẩu đăng nhập (nếu không đổi mật khẩu thì để trố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)] mr-[10px]" />
|
||||
</div>
|
||||
<div class="form-control mb-[15px] w-[100%]">
|
||||
<label class="block font-[600] text-[14px] mb-[5px]">Địa chỉ IP giới hạn truy cập. Nhập mỗi IP một dòng
|
||||
(IP mạng của bạn là : 2405:4802:1d21:1660:45f1:2aba:d8c0:b1f1)
|
||||
</label>
|
||||
<textarea name="" id="" placeholder="Địa chỉ IP giới hạn truy cập. Nhập mỗi IP một dòng"
|
||||
class="w-[100%] h-[80px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]"></textarea>
|
||||
</div>
|
||||
<label class="check-form flex items-center mb-[15px] cursor-pointer">
|
||||
<input type="checkbox" name="change_url_on_update" value="1" checked=""
|
||||
class="checkbox checkbox-success">
|
||||
<span class="ml-[10px] text-[#6B7280] label-text">Không giới hạn theo IP. Cho phép người ngày truy cập
|
||||
quản trị
|
||||
website ở mọi nơi (v.d. ở nhà, nơi công cộng)</span>
|
||||
</label>
|
||||
<div class="form-control mb-[15px] w-[100%]">
|
||||
<label class="block font-[600] text-[14px] mb-[5px]">Phân quyền đặc biệt</label>
|
||||
<label class="check-form flex items-center cursor-pointer">
|
||||
<input type="checkbox" name="change_url_on_update" value="1" checked=""
|
||||
class="checkbox checkbox-success">
|
||||
<span class="ml-[10px] text-[#6B7280] label-text">Cho phép tất cả quyền hạn (* quản trị viên có đặc
|
||||
quyền này
|
||||
sẽ
|
||||
không cần bị hạn chế bởi quy định phân quyền)
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="form-control w-[100%]">
|
||||
<label class="block font-[600] text-[14px] mb-[5px]">Khóa thành viên</label>
|
||||
<label class="check-form flex items-center cursor-pointer">
|
||||
<input type="checkbox" name="change_url_on_update" value="1" checked=""
|
||||
class="checkbox checkbox-success">
|
||||
<span class="ml-[10px] text-[#6B7280] label-text">Cho phép tất cả quyền hạn (* quản trị viên có đặc
|
||||
quyền này
|
||||
sẽ không cần bị hạn chế bởi quy định phân quyền)
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div
|
||||
class="p-[15px] bg-white border-t-[6px] border-[#FAFAFB] rounded-[0_0_15px_15px] shadow-[0px_1px_1px_0px_#0000001A]">
|
||||
<input 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]" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,45 +0,0 @@
|
||||
<div class="w-[100%]">
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin"> Danh sách quản trị viên </a>
|
||||
<a href="" class="text-[#0041E8]"> Theo dõi hoạt động tạo sản phẩm </a>
|
||||
</div>
|
||||
|
||||
<div class="p-[15px] m-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
|
||||
<div class="flex items-center justify-between">
|
||||
<h1 class="text-[24px] font-[700] ">Theo dõi hoạt động tạo sản phẩm</h1>
|
||||
<div class="flex items-center">
|
||||
<a href="/admin"
|
||||
class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-white bg-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[10px] hover:stroke-white font-[500]">
|
||||
<span class="ml-1">Danh sách quản trị</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<table class="mt-[25px]">
|
||||
<thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-bold">
|
||||
<tr>
|
||||
<td>STT</td>
|
||||
<td>Quản trị</td>
|
||||
<td>Ngày</td>
|
||||
<td>Tổng Sản phẩm tạo</td>
|
||||
<td>Sản phẩm được duyệt</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td><a href="" class="text-blue-600">adminkenli@gmail.com</a></td>
|
||||
<td><a href="" class="text-blue-600">2025-3-12</a></td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<span>1 -</span>
|
||||
<a href="" class="text-blue-600">Xem</a>
|
||||
</div>
|
||||
</td>
|
||||
<td>0</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,48 +0,0 @@
|
||||
<div class="w-[100%]">
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin"> Danh sách quản trị viên </a>
|
||||
<a href="" class="text-[#0041E8]"> Danh sách phòng ban </a>
|
||||
</div>
|
||||
|
||||
<div class="p-[15px] m-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
|
||||
<div class="flex items-center justify-between">
|
||||
<h1 class="text-[24px] font-[700] ">Danh sách phòng ban</h1>
|
||||
<div class="flex items-center">
|
||||
<a href="/department_add"
|
||||
class="flex items-center p-[7px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[15px] font-[500]">
|
||||
<span
|
||||
class="border-[1px] border-[#0041E8] h-[15px] w-[15px] leading-[12px] text-center rounded-[50%] mr-1">+</span>
|
||||
<span>Thêm phòng ban mới</span>
|
||||
</a>
|
||||
<a href="/admin"
|
||||
class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-white bg-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[10px] hover:stroke-white font-[500]">
|
||||
<span class="ml-1">Danh sách quản trị</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<table class="mt-[25px] table">
|
||||
<thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-500">
|
||||
<tr>
|
||||
<th class="w-[38px]">STT</th>
|
||||
<th>Phòng ban</th>
|
||||
<th>Email</th>
|
||||
<th>Code</th>
|
||||
<th>Quản trị</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>Hurasoft test code không được xóa</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td><a href="/department_add&id=1" class="font-bold">Sửa lại</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
@@ -1,81 +0,0 @@
|
||||
<div class="w-[100%]">
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin"> Danh sách quản trị viên </a>
|
||||
<a href="" class="text-[#0041E8]"> Form sửa phòng ban </a>
|
||||
</div>
|
||||
|
||||
<div class="max-w-[1141px] m-[0_auto_16px_auto]">
|
||||
<div class="p-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
|
||||
<div class="flex items-center justify-between">
|
||||
<h1 class="text-[24px] font-[700] ">Thêm phòng ban</h1>
|
||||
<div class="flex items-center">
|
||||
<a href="/department_add"
|
||||
class="flex items-center p-[7px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[15px] font-[500]">
|
||||
<span
|
||||
class="border-[1px] border-[#0041E8] h-[15px] w-[15px] leading-[12px] text-center rounded-[50%] mr-1">+</span>
|
||||
<span>Thêm mới</span>
|
||||
</a>
|
||||
<a href="/department" class=" flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px]
|
||||
text-white bg-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[10px] hover:stroke-white
|
||||
font-[500]">
|
||||
<span class="ml-1">Danh sách phòng ban</span>
|
||||
</a>
|
||||
<a href="/admin"
|
||||
class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-white bg-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[10px] hover:stroke-white font-[500]">
|
||||
<span class="ml-1">Danh sách quản trị</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex mt-[15px]">
|
||||
<div class="left w-[270px] mr-[10px]">
|
||||
<div class="list-tab rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] overflow-hidden">
|
||||
<a href="/distributor/form"
|
||||
class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px_10px_0_0] leading-[35px] px-[20px]">Thông
|
||||
tin</a>
|
||||
<a href="/department_menu_permission?id=0"
|
||||
class="item block w-[100%] h-[36px] bg-white leading-[35px] px-[20px] border-b-[1px] border-gray-100 hover:bg-[#0041E8] hover:text-white">Quyền
|
||||
xem menu</a>
|
||||
<a href="/department_entity_permission?id=0"
|
||||
class="item block w-[100%] h-[36px] bg-white rounded-[0_0_10px_10px] leading-[35px] px-[20px] hover:bg-[#0041E8] hover:text-white">Quyền
|
||||
chỉnh sửa</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right w-[860px]">
|
||||
<div
|
||||
class="p-[15px] bg-white rounded-[10px_10px_0_0] shadow-[0px_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
|
||||
<b class="block text-[20px] mb-[23px]">Thông tin phong ban</b>
|
||||
<div class="mb-[15px]">
|
||||
<label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Tên phòng
|
||||
ban</label>
|
||||
<input type="text" name="" value="Test" placeholder="Tên phòng ban"
|
||||
class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
|
||||
</div>
|
||||
<div class="mb-[15px]">
|
||||
<label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Email</label>
|
||||
<input type="text" name="" value="Test" placeholder="Địa chỉ email"
|
||||
class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
|
||||
</div>
|
||||
<div class="mb-[15px]">
|
||||
<label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Code</label>
|
||||
<input type="text" name="" value="Test" placeholder="Code"
|
||||
class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
|
||||
</div>
|
||||
<div class="mb-[15px]">
|
||||
<label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Mô tả</label>
|
||||
<textarea type="text" name="" value="Test" placeholder="Code"
|
||||
class="w-[100%] h-[70px] textarea input-bordered rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-[15px] bg-white rounded-[0_0_10px_10px] shadow-[0px_1px_1px_0px_#0000001A] mt-15px]">
|
||||
<input type="hidden" name="create" value="yes" />
|
||||
<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]" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,136 +0,0 @@
|
||||
<div class="w-[100%]">
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin"> Danh sách quản trị viên </a>
|
||||
<a href="" class="text-[#0041E8]"> Form sửa phòng ban </a>
|
||||
</div>
|
||||
|
||||
<div class="max-w-[1141px] m-[0_auto_16px_auto]">
|
||||
<div class="p-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
|
||||
<div class="flex items-center justify-between">
|
||||
<h1 class="text-[24px] font-[700] ">Thêm phòng ban</h1>
|
||||
<div class="flex items-center">
|
||||
<a href="/department_add"
|
||||
class="flex items-center p-[7px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[15px] font-[500]">
|
||||
<span
|
||||
class="border-[1px] border-[#0041E8] h-[15px] w-[15px] leading-[12px] text-center rounded-[50%] mr-1">+</span>
|
||||
<span>Thêm mới</span>
|
||||
</a>
|
||||
<a href="/department" class=" flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px]
|
||||
text-white bg-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[10px] hover:stroke-white
|
||||
font-[500]">
|
||||
<span class="ml-1">Danh sách phòng ban</span>
|
||||
</a>
|
||||
<a href="/admin"
|
||||
class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-white bg-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[10px] hover:stroke-white font-[500]">
|
||||
<span class="ml-1">Danh sách quản trị</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex mt-[15px]">
|
||||
<div class="left w-[270px] mr-[10px]">
|
||||
<div class="list-tab rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] overflow-hidden">
|
||||
<a href="/distributor/form"
|
||||
class="item block w-[100%] h-[36px] bg-white rounded-[10px_10px_0_0] border-b-[1px] border-gray-100 leading-[35px] px-[20px] hover:bg-[#0041E8] hover:text-white">Thông
|
||||
tin</a>
|
||||
<a href="/department_menu_permission?id=0"
|
||||
class="item block w-[100%] h-[36px] bg-white leading-[35px] px-[20px] border-b-[1px] border-gray-100 hover:bg-[#0041E8] hover:text-white">Quyền
|
||||
xem menu</a>
|
||||
<a href="/department_entity_permission?id=0"
|
||||
class="item block w-[100%] h-[36px] bg-[#0041E8] text-white rounded-[0_0_10px_10px] leading-[35px] px-[20px] hover:bg-[#0041E8] hover:text-white">Quyền
|
||||
chỉnh sửa</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right w-[860px]">
|
||||
<div class="p-[15px] bg-white rounded-[15px_15px_0_0] shadow-[0px_-1px_1px_0px_#0000001A]">
|
||||
<b class="block mb-[15px] font-[20px]">Cài đặt quyền xem Menu cho: Tiệp Hura</b>
|
||||
<div class="mb-[20px] text-[#6B7280]">
|
||||
<p class="mb-[20px]">Trong trường hợp quản trị viên không được cập nhật quyền tại đây thì quyền
|
||||
của quản
|
||||
trị viên sẽ được
|
||||
thừa hưởng từ quyền
|
||||
của phòng ban.
|
||||
</p>
|
||||
<p> <b>Lưu ý:</b> Quyền xem menu chỉ quy định việc ẩn/hiện nội dung ở Menu, không quy định việc
|
||||
quản trị viên có thể
|
||||
xem được nội dung chi tiết của 1 hạng mục nào đó hay không nếu quản trị viên đó biết được
|
||||
đường link
|
||||
truy cập. Để hạn
|
||||
chế quản trị viên xem hạng mục, bạn cần cài đặt ở Quyền hạng mục.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<table class="table">
|
||||
<thead class="bg-[#f6f6f6] text-[#000] font-[500]">
|
||||
<tr>
|
||||
<th class="w-[40px]">STT</th>
|
||||
<th>Hạng mục</th>
|
||||
<th class="w-[210px]">Được phép xem</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="bg-[#FFE6C1] font-[700]">
|
||||
<td>1</td>
|
||||
<td colspan="2">Bán hàng</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1.1</td>
|
||||
<td>Danh sách đơn hàng</td>
|
||||
<td>
|
||||
<label class="check-form flex items-center cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1.2</td>
|
||||
<td>Chờ mua sản phẩm</td>
|
||||
<td>
|
||||
<label class="check-form flex items-center cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1.3</td>
|
||||
<td>Thanh toán qua cổng dịch vụ</td>
|
||||
<td>
|
||||
<label class="check-form flex items-center cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="bg-[#FFE6C1] font-[700]">
|
||||
<td>2</td>
|
||||
<td colspan="2">Sản phẩm</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2.1</td>
|
||||
<td>Danh sách Sản phẩm</td>
|
||||
<td>
|
||||
<label class="check-form flex items-center cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
<div
|
||||
class="p-[15px] bg-white border-t-[6px] border-[#FAFAFB] rounded-[0_0_15px_15px] shadow-[0px_1px_1px_0px_#0000001A]">
|
||||
<input 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]" />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
@@ -1,135 +0,0 @@
|
||||
<div class="w-[100%]">
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin"> Danh sách quản trị viên </a>
|
||||
<a href="" class="text-[#0041E8]"> Form sửa phòng ban </a>
|
||||
</div>
|
||||
|
||||
<div class="max-w-[1141px] m-[0_auto_16px_auto]">
|
||||
<div class="p-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
|
||||
<div class="flex items-center justify-between">
|
||||
<h1 class="text-[24px] font-[700] ">Thêm phòng ban</h1>
|
||||
<div class="flex items-center">
|
||||
<a href="/department_add"
|
||||
class="flex items-center p-[7px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[15px] font-[500]">
|
||||
<span
|
||||
class="border-[1px] border-[#0041E8] h-[15px] w-[15px] leading-[12px] text-center rounded-[50%] mr-1">+</span>
|
||||
<span>Thêm mới</span>
|
||||
</a>
|
||||
<a href="/department" class=" flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px]
|
||||
text-white bg-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[10px] hover:stroke-white
|
||||
font-[500]">
|
||||
<span class="ml-1">Danh sách phòng ban</span>
|
||||
</a>
|
||||
<a href="/admin"
|
||||
class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-white bg-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[10px] hover:stroke-white font-[500]">
|
||||
<span class="ml-1">Danh sách quản trị</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex mt-[15px]">
|
||||
<div class="left w-[270px] mr-[10px]">
|
||||
<div class="list-tab rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] overflow-hidden">
|
||||
<a href="/distributor/form"
|
||||
class="item block w-[100%] h-[36px] bg-white rounded-[10px_10px_0_0] leading-[35px] px-[20px] hover:bg-[#0041E8] hover:text-white">Thông
|
||||
tin</a>
|
||||
<a href="/department_menu_permission?id=0"
|
||||
class="item block w-[100%] h-[36px] bg-[#0041E8] text-white leading-[35px] px-[20px] border-b-[1px] border-gray-100 hover:bg-[#0041E8] hover:text-white">Quyền
|
||||
xem menu</a>
|
||||
<a href="/department_entity_permission?id=0"
|
||||
class="item block w-[100%] h-[36px] bg-white rounded-[0_0_10px_10px] leading-[35px] px-[20px] hover:bg-[#0041E8] hover:text-white">Quyền
|
||||
chỉnh sửa</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right w-[860px]">
|
||||
<div class="p-[15px] bg-white rounded-[15px_15px_0_0] shadow-[0px_-1px_1px_0px_#0000001A]">
|
||||
<b class="block mb-[15px] font-[20px]">Cài đặt quyền xem Menu cho: Tiệp Hura</b>
|
||||
<div class="mb-[20px] text-[#6B7280]">
|
||||
<p class="mb-[20px]">Trong trường hợp quản trị viên không được cập nhật quyền tại đây thì quyền
|
||||
của quản
|
||||
trị viên sẽ được
|
||||
thừa hưởng từ quyền
|
||||
của phòng ban.
|
||||
</p>
|
||||
<p> <b>Lưu ý:</b> Quyền xem menu chỉ quy định việc ẩn/hiện nội dung ở Menu, không quy định việc
|
||||
quản trị viên có thể
|
||||
xem được nội dung chi tiết của 1 hạng mục nào đó hay không nếu quản trị viên đó biết được
|
||||
đường link
|
||||
truy cập. Để hạn
|
||||
chế quản trị viên xem hạng mục, bạn cần cài đặt ở Quyền hạng mục.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<table class="table">
|
||||
<thead class="bg-[#f6f6f6] text-[#000] font-[500]">
|
||||
<tr>
|
||||
<th class="w-[40px]">STT</th>
|
||||
<th>Hạng mục</th>
|
||||
<th class="w-[210px]">Được phép xem</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="bg-[#FFE6C1] font-[700]">
|
||||
<td>1</td>
|
||||
<td colspan="2">Bán hàng</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1.1</td>
|
||||
<td>Danh sách đơn hàng</td>
|
||||
<td>
|
||||
<label class="check-form flex items-center cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1.2</td>
|
||||
<td>Chờ mua sản phẩm</td>
|
||||
<td>
|
||||
<label class="check-form flex items-center cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1.3</td>
|
||||
<td>Thanh toán qua cổng dịch vụ</td>
|
||||
<td>
|
||||
<label class="check-form flex items-center cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="bg-[#FFE6C1] font-[700]">
|
||||
<td>2</td>
|
||||
<td colspan="2">Sản phẩm</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2.1</td>
|
||||
<td>Danh sách Sản phẩm</td>
|
||||
<td>
|
||||
<label class="check-form flex items-center cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
<div
|
||||
class="p-[15px] bg-white border-t-[6px] border-[#FAFAFB] rounded-[0_0_15px_15px] shadow-[0px_1px_1px_0px_#0000001A]">
|
||||
<input 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]" />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -1,144 +0,0 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin"> Danh sách quản trị viên </a>
|
||||
<a href=""> Form thêm/sửa quản trị viên </a>
|
||||
</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]">
|
||||
<p class="font-bold text-[20px] leading-[26px] block"> Cập nhật quản trị </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="/add" style="color: #919699;border-bottom: 1px solid #f3f3f3;"
|
||||
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
|
||||
Thông tin
|
||||
</a>
|
||||
<a href="/menu-permission" style="color: #919699;border-bottom: 1px solid #f3f3f3;"
|
||||
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
|
||||
Quyền xem menu
|
||||
</a>
|
||||
<a href="/entity-permission" style="color: #fff;background: #0041E8;"
|
||||
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
|
||||
Quyền chỉnh sửa
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="w-[852px]">
|
||||
<div class="p-[15px] bg-white rounded-[15px_15px_0_0] shadow-[0px_-1px_1px_0px_#0000001A]">
|
||||
<b class="block mb-[15px] font-[20px]">Cài đặt quyền xem Menu cho: Tiệp Hura</b>
|
||||
<div class="mb-[20px] text-[#6B7280]">
|
||||
Trong trường hợp quản trị viên không được cập nhật quyền tại đây thì quyền của quản
|
||||
trị viên sẽ được thừa hưởng từ quyền
|
||||
của phòng ban.
|
||||
</div>
|
||||
|
||||
<table class="table">
|
||||
<thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-500">
|
||||
<tr>
|
||||
<th class="w-[40px]">STT</th>
|
||||
<th>Hạng mục</th>
|
||||
<th>Được phép xem</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="bg-[#FFE6C1] font-[700]">
|
||||
<td>1</td>
|
||||
<td colspan="2">Bán hàng</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1.1</td>
|
||||
<td>Danh sách đơn hàng</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<label class="check-form flex items-center mr-[20px] cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Xem</span>
|
||||
</label>
|
||||
<label class="check-form flex items-center mr-[20px] cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Xóa</span>
|
||||
</label>
|
||||
<label class="check-form flex items-center mr-[20px] cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Cập nhật</span>
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1.2</td>
|
||||
<td>Chờ mua sản phẩm</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<label class="check-form flex items-center mr-[20px] cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Xem</span>
|
||||
</label>
|
||||
<label class="check-form flex items-center mr-[20px] cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Xóa</span>
|
||||
</label>
|
||||
<label class="check-form flex items-center mr-[20px] cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Cập nhật</span>
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1.3</td>
|
||||
<td>Thanh toán qua cổng dịch vụ</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<label class="check-form flex items-center mr-[20px] cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Xem</span>
|
||||
</label>
|
||||
<label class="check-form flex items-center mr-[20px] cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Xóa</span>
|
||||
</label>
|
||||
<label class="check-form flex items-center mr-[20px] cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Cập nhật</span>
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="bg-[#FFE6C1] font-[700]">
|
||||
<td>2</td>
|
||||
<td colspan="2">Sản phẩm</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2.1</td>
|
||||
<td>Danh sách Sản phẩm</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<label class="check-form flex items-center mr-[20px] cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Xem</span>
|
||||
</label>
|
||||
<label class="check-form flex items-center mr-[20px] cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Xóa</span>
|
||||
</label>
|
||||
<label class="check-form flex items-center mr-[20px] cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Cập nhật</span>
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
<div
|
||||
class="p-[15px] bg-white border-t-[6px] border-[#FAFAFB] rounded-[0_0_15px_15px] shadow-[0px_1px_1px_0px_#0000001A]">
|
||||
<input 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]" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,103 +0,0 @@
|
||||
<div class="w-[100%]">
|
||||
<div class="p-[15px] m-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
|
||||
<h1 class="text-[24px] font-[700] mb-[15px]">Danh sách quản trị website</h1>
|
||||
<form action=""
|
||||
class="flex items-center p-[15px] rounded-[10px] shadow-[0_1px_1px_0_rgba(0,0,0,0.10)] my-[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 theo tên/email">
|
||||
<button type="submit" class="px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm kiếm</button>
|
||||
</form>
|
||||
|
||||
<div class="flex items-center justify-between">
|
||||
<select name="" id=""
|
||||
class="w-[260px] h-[35px] border-[1px] border-[#D8D8D8] shadow-[0px_2px_4px_0px_#0000001F] rounded-[4px] px-[5px]">
|
||||
<option value="">Chọn phòng ban</option>
|
||||
</select>
|
||||
|
||||
<div class="flex items-center">
|
||||
<a href="/add"
|
||||
class="flex items-center p-[7px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[15px] font-[500]">
|
||||
<span
|
||||
class="border-[1px] border-[#0041E8] h-[15px] w-[15px] leading-[12px] text-center rounded-[50%] mr-1">+</span>
|
||||
<span>Thêm quản trị mới</span>
|
||||
</a>
|
||||
<a href="/department"
|
||||
class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[10px] hover:stroke-white font-[500]">
|
||||
<i class="fa-regular fa-file-pdf"></i>
|
||||
<span class="ml-1">Danh sách phòng ban</span>
|
||||
</a>
|
||||
<a href="/admin-log-product"
|
||||
class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[10px] hover:stroke-white font-[500]">
|
||||
<i class="fa-solid fa-box"></i>
|
||||
<span class="ml-1">Theo dõi tạo sản phẩm</span>
|
||||
</a>
|
||||
<a href="/login-log"
|
||||
class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[10px] hover:stroke-white font-[500]">
|
||||
<i class="fa-solid fa-user-gear"></i>
|
||||
<span class="ml-1">Quản trị đăng nhập</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<table class="table mt-[15px]">
|
||||
<thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-500">
|
||||
<tr>
|
||||
<th class="w-[38px]">STT</th>
|
||||
<th>Họ tên</th>
|
||||
<th>Email</th>
|
||||
<th>Phòng ban</th>
|
||||
<th>Thời gian tạo</th>
|
||||
<th>Đăng nhập lần cuối</th>
|
||||
<th>IP đăng nhập</th>
|
||||
<th class="w-[140px]">Xem lịch sử</th>
|
||||
<th class="w-[95px]">Quản lý</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<p>Khách hàng hunglong.vn</p>
|
||||
<span
|
||||
class="px-[5px] py-[3px] rounded-[10px] border border-[#E00000] text-[#E00000] text-[12px] font-[700]">Tạm
|
||||
khóa</span>
|
||||
</td>
|
||||
<td>
|
||||
hunglong@hurasoft.com
|
||||
</td>
|
||||
<td>
|
||||
Khách hàng test giao diện
|
||||
</td>
|
||||
<td>
|
||||
29-01-2024, 1:34 pm
|
||||
</td>
|
||||
<td>
|
||||
07-03-2024, 9:54 am
|
||||
</td>
|
||||
<td>
|
||||
2405:4802:1d21:1660:c4b3:5e6e:3699:f991
|
||||
</td>
|
||||
<td>
|
||||
<a href="/admin-log"
|
||||
class="btn w-[120px] h-[34px] min-h-[34px] px-[15px] py-[5px] bg-[#0041E8] rounded-[4px] m-auto text-white text-center">Xem
|
||||
toàn
|
||||
bộ</a>
|
||||
</td>
|
||||
<td>
|
||||
<div class="list-btn flex items-center justify-center">
|
||||
<a href="/template/upload-set" title="Form sản phẩm"
|
||||
class="w-[30px] h-[30px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
|
||||
<i class="icons icon-edit"></i>
|
||||
</a>
|
||||
<a href=""
|
||||
class="w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
|
||||
<i class="icons icon-delete"></i>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,40 +0,0 @@
|
||||
<div class="w-[100%]">
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin"> Danh sách quản trị viên </a>
|
||||
<a href="" class="text-[#0041E8]"> Danh sách đăng nhập quản trị </a>
|
||||
</div>
|
||||
|
||||
<div class="p-[15px] m-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
|
||||
<div class="flex items-center justify-between">
|
||||
<h1 class="text-[24px] font-[700] ">Danh sách đăng nhập quản trị</h1>
|
||||
<div class="flex items-center">
|
||||
<a href="/admin"
|
||||
class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-white bg-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[10px] hover:stroke-white font-[500]">
|
||||
<span class="ml-1">Danh sách quản trị</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<table class="mt-[25px]">
|
||||
<thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-bold">
|
||||
<tr>
|
||||
<td>STT</td>
|
||||
<td>User</td>
|
||||
<td>IP</td>
|
||||
<td>Thời gian</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td><a href="" class="text-blue-600">adminkenli@gmail.com</a></td>
|
||||
<td>2405:4802:21c:5670:cf0:8f00:98e3:972d</td>
|
||||
<td>
|
||||
04-04-2025, 10:17 am
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,112 +0,0 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin"> Danh sách quản trị viên </a>
|
||||
<a href=""> Form thêm/sửa quản trị viên </a>
|
||||
</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]">
|
||||
<p class="font-bold text-[20px] leading-[26px] block"> Cập nhật quản trị </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="/add" style="color: #919699;border-bottom: 1px solid #f3f3f3;"
|
||||
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
|
||||
Thông tin
|
||||
</a>
|
||||
<a href="/menu-permission" style="color: #fff;background: #0041E8;"
|
||||
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
|
||||
Quyền xem menu
|
||||
</a>
|
||||
<a href="/entity-permission" style="color: #919699;"
|
||||
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
|
||||
Quyền chỉnh sửa
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="w-[852px]">
|
||||
<div class="p-[15px] bg-white rounded-[15px_15px_0_0] shadow-[0px_-1px_1px_0px_#0000001A]">
|
||||
<b class="block mb-[15px] font-[20px]">Cài đặt quyền xem Menu cho: Tiệp Hura</b>
|
||||
<div class="mb-[20px] text-[#6B7280]">
|
||||
<p class="mb-[20px]">Trong trường hợp quản trị viên không được cập nhật quyền tại đây thì quyền của quản
|
||||
trị viên sẽ được
|
||||
thừa hưởng từ quyền
|
||||
của phòng ban.
|
||||
</p>
|
||||
<p> <b>Lưu ý:</b> Quyền xem menu chỉ quy định việc ẩn/hiện nội dung ở Menu, không quy định việc
|
||||
quản trị viên có thể
|
||||
xem được nội dung chi tiết của 1 hạng mục nào đó hay không nếu quản trị viên đó biết được đường link
|
||||
truy cập. Để hạn
|
||||
chế quản trị viên xem hạng mục, bạn cần cài đặt ở Quyền hạng mục.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<table class="table">
|
||||
<thead class="bg-[#f6f6f6] text-[#000] font-[500]">
|
||||
<tr>
|
||||
<th class="w-[40px]">STT</th>
|
||||
<th>Hạng mục</th>
|
||||
<th class="w-[210px]">Được phép xem</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="bg-[#FFE6C1] font-[700]">
|
||||
<td>1</td>
|
||||
<td colspan="2">Bán hàng</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1.1</td>
|
||||
<td>Danh sách đơn hàng</td>
|
||||
<td>
|
||||
<label class="check-form flex items-center cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1.2</td>
|
||||
<td>Chờ mua sản phẩm</td>
|
||||
<td>
|
||||
<label class="check-form flex items-center cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1.3</td>
|
||||
<td>Thanh toán qua cổng dịch vụ</td>
|
||||
<td>
|
||||
<label class="check-form flex items-center cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="bg-[#FFE6C1] font-[700]">
|
||||
<td>2</td>
|
||||
<td colspan="2">Sản phẩm</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2.1</td>
|
||||
<td>Danh sách Sản phẩm</td>
|
||||
<td>
|
||||
<label class="check-form flex items-center cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
<div
|
||||
class="p-[15px] bg-white border-t-[6px] border-[#FAFAFB] rounded-[0_0_15px_15px] shadow-[0px_1px_1px_0px_#0000001A]">
|
||||
<input 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]" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,200 +0,0 @@
|
||||
<div class="w-[100%]">
|
||||
<div
|
||||
class="m-[16px] p-[20px_16px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
|
||||
<p class="leading-[31px] font-bold text-[24px] mb-[12px]"> Danh sách banner </p>
|
||||
|
||||
<form method='get' enctype="multipart/form-data" action="/"
|
||||
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='hidden' name='opt' value='banner' />
|
||||
<input type='hidden' name='q' value='' />
|
||||
<input type='hidden' name='page' value='' />
|
||||
|
||||
<input type=text name='q' id='keyword' value="" placeholder="Tìm banner(theo tên)"
|
||||
class="w-[375px] h-[36px] input input-md input-bordered h-[35px] 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] ml-[10px] cursor-pointer rounded-[4px]">
|
||||
</form>
|
||||
|
||||
<div class="flex items-center flex-wrap justify-between">
|
||||
<div class="flex items-center">
|
||||
<select
|
||||
class="m-[0_16px_16px_0] h-[36px] min-h-[36px] rounded-[4px] select select-bordered shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||
<option value="">Xem theo vị trí banner</option>
|
||||
<option value='43'> - Banner MB Webmau4</option>
|
||||
<option value='42'> - Brand Homepage</option>
|
||||
</select>
|
||||
|
||||
<select
|
||||
class="m-[0_16px_16px_0] h-[36px] min-h-[36px] rounded-[4px] select select-bordered shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||
<option value="">Lọc hiển thị</option>
|
||||
<option value="">Chưa hiển thị</option>
|
||||
<option value="">Đang hiển thị</option>
|
||||
</select>
|
||||
|
||||
<a href=""
|
||||
class="m-[0_16px_16px_0] leading-[36px] p-[0_10px] rounded-[4px] border border-[#0041E8] text-[#0041E8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] hover:bg-[#0041E8] hover:text-[#fff]">Chọn
|
||||
danh mục sản phẩm để xem</a>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center font-[500] leading-[34.5px]">
|
||||
<a href="/banner/upload"
|
||||
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_16px_0] 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 banner mới</span>
|
||||
</a>
|
||||
|
||||
<a href="/banner/location"
|
||||
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_0_16px_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
<i class="far fa-image mr-[8px]"></i>
|
||||
<span>Quản trị vị trí banner</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="overflow-x-auto">
|
||||
<table class="table td-top">
|
||||
<thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-500">
|
||||
<td> STT </td>
|
||||
<td width="280"> Ảnh </td>
|
||||
<td> Thông tin </td>
|
||||
<td> Thứ tự </td>
|
||||
<td> Click </td>
|
||||
<td> Chỉnh sửa </td>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<td align="center"> 1 </td>
|
||||
|
||||
<td>
|
||||
<img src="https://demopc8.hurasoft.com/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
|
||||
width="260" />
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<table class="not-border not-padding">
|
||||
<tr>
|
||||
<td width="115">Tên gọi:</td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Link tới:</td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>File:</td>
|
||||
<td>/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Kích thước:</td>
|
||||
<td>Rộng x Cao (Width x Height) = 3130px x 2075px</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Link:</td>
|
||||
<td>/ad.php?id=236</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Thời gian hiển thị:</td>
|
||||
<td>Luôn hiển thị, chỉ ẩn khi hạ bằng tay</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Cập nhật:</td>
|
||||
<td>21-06-2023, 11:08 am</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
|
||||
<td align="center"> 0 </td>
|
||||
|
||||
<td align="center"> 0 </td>
|
||||
|
||||
<td>
|
||||
<div class="items-center flex justify-center">
|
||||
<a href="/banner/upload?id=1" class="icons icon-edit" title="Sửa lại"></a>
|
||||
|
||||
<a href="javascript:void(0)" title="Hạ Hiển thị"
|
||||
class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[8px]"></a>
|
||||
|
||||
<a href="javascript:void(0)" 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-[8px]">
|
||||
</a>
|
||||
|
||||
<a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="center"> 2 </td>
|
||||
<td>
|
||||
<img src="https://demopc8.hurasoft.com/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
|
||||
width="260" class="min-w-[200px]" />
|
||||
</td>
|
||||
<td>
|
||||
<table class="not-border not-padding whitespace-nowrap">
|
||||
<tr>
|
||||
<td width="115">Tên gọi:</td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Link tới:</td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>File:</td>
|
||||
<td>/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Kích thước:</td>
|
||||
<td>Rộng x Cao (Width x Height)=3130px x 2075px</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Link:</td>
|
||||
<td>/ad.php?id=236</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Thời gian hiển thị:</td>
|
||||
<td>Luôn hiển thị, chỉ ẩn khi hạ bằng tay</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Cập nhật:</td>
|
||||
<td>21-06-2023, 11:08 am</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td align="center"> 0 </td>
|
||||
<td align="center"> 0 </td>
|
||||
<td>
|
||||
<div class="items-center flex justify-center"> <a href="/banner/upload?id=1"
|
||||
class="icons icon-edit" title="Sửa lại"></a> <a href="javascript:void(0)"
|
||||
title="Hạ Hiển thị"
|
||||
class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[8px]"></a>
|
||||
<a href="javascript:void(0)" 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-[8px]">
|
||||
</a> <a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="paging">
|
||||
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||
<a href="" class="current">1</a>
|
||||
<a href="">2</a>
|
||||
<a href="">3</a>
|
||||
<a href="">4</a>
|
||||
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,67 +0,0 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/banner"> Danh sách banner </a>
|
||||
<a href=""> Vị trí banner </a>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="marketing-coupon-page bg-white m-[0_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] text-[24px] font-bold m-[0_0_12px]"> Quản lý vị trí hiển thị banner </p>
|
||||
|
||||
<div class="text-right m-[15px_0]">
|
||||
<a href="/banner/location-add"
|
||||
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff_!important]">
|
||||
<span
|
||||
class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||
<span>Thêm vị trí mới</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="table">
|
||||
<table>
|
||||
<thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-700">
|
||||
<tr class="font-[600]">
|
||||
<td width="50"> STT </td>
|
||||
<td> ID </td>
|
||||
<td width="140"> Template File </td>
|
||||
<td> Vị trí </td>
|
||||
<td width="220"> Ngày tạo </td>
|
||||
<td width="200"> Chỉnh sửa </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<td align="center"> 1 </td>
|
||||
|
||||
<td>
|
||||
<p> ID: 43 </p>
|
||||
<p> banner_webmau4_mb </p>
|
||||
</td>
|
||||
|
||||
<td> homepage </td>
|
||||
|
||||
<td> Banner MB Webmau4 </td>
|
||||
|
||||
<td> 30-11-2024, 12:00 am </td>
|
||||
|
||||
<td>
|
||||
<div class="flex items-center flex-wrap justify-center">
|
||||
<a href="/banner?id=1"
|
||||
class="block text-center font-[500] text-[#fff_!important] bg-[#0041E8] rounded-[4px] p-[0_9px] leading-[30px] mr-[8px]">Xem
|
||||
banner</a>
|
||||
<a href="/banner/location-add?id=1" class="icons icon-edit mr-[5px]" title="Sửa lại"></a>
|
||||
<a href="" class="icons icon-delete" title="Xóa"></a>
|
||||
</div>
|
||||
</td>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="paging">
|
||||
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||
<a href="" class="current">1</a>
|
||||
<a href="">2</a>
|
||||
<a href="">3</a>
|
||||
<a href="">4</a>
|
||||
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,123 +0,0 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/banner"> Danh sách banner </a>
|
||||
<a href="/banner/location"> Vị trí banner </a>
|
||||
<a href=""> Thêm / Sửa vị trí banner </a>
|
||||
</div>
|
||||
|
||||
<div class="max-w-[1141px] m-auto">
|
||||
<div class="flex flex-wrap items-start m-[0_0_16px_0]">
|
||||
<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 lại vị trí banner </p>
|
||||
|
||||
<a href="/banner/location-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 vị trí mới</span>
|
||||
</a>
|
||||
|
||||
<p class="w-[100%] text-[#6B7280]">
|
||||
banner_under_slider_mobile_webmau3
|
||||
</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>
|
||||
</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">
|
||||
<p class="font-bold text-[20px] leading-[20px] mb-[17px]"> Thông tin cơ bản </p>
|
||||
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<div class="mb-[6px] relative">
|
||||
<b> Chọn template hiển thị </b>
|
||||
|
||||
<div class="inline-block relative group">
|
||||
<i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
|
||||
|
||||
<p
|
||||
class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
|
||||
Tùy một số template mà banner này sẽ được hiển thị. Đa số trường hợp bạn không cần quan tâm
|
||||
tới thông tin này trừ các website cấu trúc phức tạp.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<select class="select select-bordered h-[38px] min-h-[38px] rounded-[4px]">
|
||||
<option value="">-- Chọn template --</option>
|
||||
<option value='header' selected>header - Đầu trang</option>
|
||||
<option value='homepage'>homepage - Trang chủ</option>
|
||||
<option value='column_left'>column_left - Cột trái</option>
|
||||
<option value='column_right'>column_right - Cột phải</option>
|
||||
<option value='footer'>footer - Chân trang</option>
|
||||
<option value='product_detail'>product_detail - Chi tiết sản phẩm</option>
|
||||
<option value='product_list'>product_list - Danh sách & Danh mục sản phẩm</option>
|
||||
<option value='collection_list'>collection_list - Bộ sưu tập</option>
|
||||
<option value='article_home'>article_home - Trang chủ tin tức</option>
|
||||
<option value='brand_detail'>brand_detail - Chi tiết thương hiệu</option>
|
||||
<option value='deal_group'>deal_group - Nhóm deal</option>
|
||||
</select>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<div class="mb-[6px] relative">
|
||||
<b> Mã vị trí (*) <i class="font-[300] text-[#6B7280]"> * chỉ gồm ký tự a-z0-9 và dấu _ </i> </b>
|
||||
|
||||
<div class="inline-block relative group">
|
||||
<i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
|
||||
|
||||
<p
|
||||
class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
|
||||
Mã vị trí cho phép gọi các banner theo mã ở bất kỳ mẫu giao diện web nào, v.d. trang_chu,
|
||||
khuyen_mai_shop
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<input type="text" value=""
|
||||
class="w-[100%] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<div class="mb-[6px] relative">
|
||||
<b> Đặt tên vị trí (*) </b>
|
||||
|
||||
<div class="inline-block relative group">
|
||||
<i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
|
||||
|
||||
<p
|
||||
class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
|
||||
Nếu bạn có nhiều banner và muốn thay đổi, theo dõi, bạn nên đặt tên cụ thể <br />v.d. Banner
|
||||
quảng cáo khuyến mại 8/3/2012.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<input type="text" value=""
|
||||
class="w-[100%] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<p class="font-bold mb-[6px]">Mô tả tóm tắt</p>
|
||||
|
||||
<textarea
|
||||
class="w-[100%] min-h-[122px] max-h-[170px] textarea textarea-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||||
</div>
|
||||
|
||||
<hr class="border-[3px] border-[#FAFAFB] m-[16px_-16px]">
|
||||
|
||||
<input 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]" />
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,417 +0,0 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/banner"> Danh sách banner </a>
|
||||
<a href=""> Form sửa banner </a>
|
||||
</div>
|
||||
|
||||
<div class="max-w-[1141px] m-auto p-[0_15px]">
|
||||
<div class="text-right m-[0_0_12px]">
|
||||
<a href="/banner/upload"
|
||||
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[35px] p-[0_12px] m-[0_10px_0_0] 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 banner mới</span>
|
||||
</a>
|
||||
|
||||
<a href="/banner"
|
||||
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[35px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
<i class="fas fa-clipboard-list mr-[8px]"></i>
|
||||
<span>Danh sách banner</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="m-[16px_0]">
|
||||
{% if global.url contains 'id=' %} <!-- Form chỉnh sửa -->
|
||||
{% endif %}
|
||||
<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 lại banner </p>
|
||||
<div class="flex flex-wrap">
|
||||
<div class="2xl:w-[30%] sm:w-full mb-[16px] sm:mr-[0] 2xl:mr-[16px]">
|
||||
<div
|
||||
class="w-full 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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<form method="post" enctype="multipart/form-data"
|
||||
class="2xl:w-[calc(100%_-30%_-16px)] sm:w-full 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="236">
|
||||
<input type='hidden' name='info[category_list]' id='selected_cat' value="9,148">
|
||||
<input type="hidden" value="product_list" id="current_template_page">
|
||||
<input type="hidden" name="action" value="send">
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td width="220" style="vertical-align: top;">
|
||||
<p class="leading-[32px]">File</p>
|
||||
</td>
|
||||
<td>
|
||||
<p
|
||||
class="leading-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||
/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg </p>
|
||||
|
||||
<img src="https://demopc8.hurasoft.com/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
|
||||
class="block m-[15px_0_22px] max-h[390px]" />
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<div class="order-page-table">
|
||||
<table>
|
||||
<tr>
|
||||
<td width="220"> Link theo dõi</td>
|
||||
<td> /ad.php?id=236 </td>
|
||||
</tr>
|
||||
|
||||
<tr id="banner_location">
|
||||
<td>Vị trí quảng cáo</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<select name="info[locationId]"
|
||||
class="mr-[10px] select select-bordered h-[38px] min-h-[38px] rounded-[4px]">
|
||||
<option>--Chọn vị trí--</option>
|
||||
<option value='43,homepage'>Banner MB Webmau4</option>
|
||||
</select>
|
||||
|
||||
<a href="/banner/location" class="whitespace-nowrap text-[#0041E8]">Quản lý vị
|
||||
trí</a>
|
||||
</div>
|
||||
|
||||
<div id="location_detail_holder" class="mt-[10px] overflow-auto max-h-[350px]">
|
||||
<p class="font-bold mb-[7px]">Chọn vị trí </p>
|
||||
|
||||
<div class="pl-[3px]">
|
||||
<label for="cat_special_all"
|
||||
class="flex items-center cursor-pointer m-[0_0_7px_0]">
|
||||
<input id="cat_special_all" value="-1"
|
||||
onchange="select_cat('cat_special_all', -1)" type="checkbox"
|
||||
class="checkbox checkbox-success mr-[10px]">
|
||||
<span class="label-text">Tất cả danh mục</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="pl-[3px]"> <!-- Cấp 1 -->
|
||||
<label class="flex items-center cursor-pointer m-[0_0_7px_0]">
|
||||
<input type="checkbox" id="cat_special_9" value="9"
|
||||
onchange="select_cat('cat_special_9', 9)"
|
||||
class="checkbox checkbox-success mr-[10px]">
|
||||
<span class="label-text"> Danh mục cấp 1 </span>
|
||||
</label>
|
||||
|
||||
<div class="pl-[30px]"> <!-- Cấp 2 -->
|
||||
<label class="flex items-center cursor-pointer m-[0_0_7px_0]">
|
||||
<input type="checkbox" id="cat_special_1" value="1"
|
||||
onchange="select_cat('cat_special_1', 1)"
|
||||
class="checkbox checkbox-success mr-[10px]">
|
||||
<span class="label-text"> Danh mục cấp 2 </span>
|
||||
</label>
|
||||
|
||||
<div class="pl-[30px]"><!-- Cấp 3 -->
|
||||
<label class="table items-center cursor-pointer m-[0_0_7px_0]">
|
||||
<input type="checkbox" id="cat_special_1" value="1"
|
||||
onchange="select_cat('cat_special_1', 1)"
|
||||
class="checkbox checkbox-success mr-[10px]">
|
||||
<span class="label-text"> Danh mục cấp 3 </span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="pl-[3px]">
|
||||
<label class="flex items-center cursor-pointer m-[0_0_7px_0]">
|
||||
<input type="checkbox" id="cat_special_9" value="9"
|
||||
onchange="select_cat('cat_special_9', 9)"
|
||||
class="checkbox checkbox-success mr-[10px]">
|
||||
<span class="label-text"> Danh mục cấp 1 </span>
|
||||
</label>
|
||||
<div class="pl-[30px]">
|
||||
<label class="flex items-center cursor-pointer m-[0_0_7px_0]">
|
||||
<input type="checkbox" id="cat_special_1" value="1"
|
||||
onchange="select_cat('cat_special_1', 1)"
|
||||
class="checkbox checkbox-success mr-[10px]">
|
||||
<span class="label-text"> Danh mục cấp 2 </span>
|
||||
</label>
|
||||
<div class="pl-[30px]">
|
||||
<label class="table items-center cursor-pointer m-[0_0_7px_0]">
|
||||
<input type="checkbox" id="cat_special_1" value="1"
|
||||
onchange="select_cat('cat_special_1', 1)"
|
||||
class="checkbox checkbox-success mr-[10px]">
|
||||
<span class="label-text"> Danh mục cấp 3 </span>
|
||||
</label>
|
||||
<label class="table items-center cursor-pointer m-[0_0_7px_0]">
|
||||
<input type="checkbox" id="cat_special_1" value="1"
|
||||
onchange="select_cat('cat_special_1', 1)"
|
||||
class="checkbox checkbox-success mr-[10px]">
|
||||
<span class="label-text"> Danh mục cấp 3 </span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Đặt tên banner để theo dõi</td>
|
||||
<td>
|
||||
<input type="text" name="info[name]" value=""
|
||||
class="w-[100%] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Mô tả</td>
|
||||
<td>
|
||||
<textarea name="info[summary]"
|
||||
class="w-[100%] min-h-[76px] max-h-[150px] textarea textarea-bordered rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Kích thước file</td>
|
||||
<td>
|
||||
Chiều dài (width) : <input type="text" name="info[width]" value="3130"
|
||||
class="w-[80px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||
px -
|
||||
Chiều cao (height) <input type="text" name="info[height]" value="2075"
|
||||
class="w-[80px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||
px
|
||||
(<span style="color:#F00">* bắt buộc cho file flash</span>)
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>File banner</td>
|
||||
<td>
|
||||
<div>
|
||||
<span> Upload từ máy tính </span>
|
||||
<input type="file" name="media_file_1">
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<p class="m-[7px_0]">Hoặc điền địa chỉ đầy đủ trên mạng (v.d.
|
||||
http://web-acb.com/anh.jpg):</p>
|
||||
|
||||
<input type="text" name="info[file_external_url]"
|
||||
value="/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
|
||||
class="w-[100%] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td style="font-weight:bold;">Địa chỉ URL đích</td>
|
||||
<td>
|
||||
<input type="text" name="info[desUrl]" value=""
|
||||
class="w-[100%] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Thứ tự hiển thị</td>
|
||||
<td>
|
||||
<input type="text" name="info[ordering]" value="0"
|
||||
class="w-[80px] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||
<i>(nếu nhiều banner cùng 1 vị trí, số cao xếp trước)</i>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Thời gian hiển thị</td>
|
||||
<td>
|
||||
<label class="flex items-center cursor-pointer relative pl-[30px] mb-[8px]">
|
||||
<input type="radio" checked="checked" name="time_valid" value="1"
|
||||
class="left-0 radio checked:bg-blue-500" />
|
||||
<span class="label-text ml-[5px]">Luôn hiển thị, chỉ ẩn khi hạ bằng tay</span>
|
||||
</label>
|
||||
|
||||
<label class="flex items-center cursor-pointer relative pl-[30px] mb-[8px]">
|
||||
<input type="radio" name="time_valid" value="2"
|
||||
class="left-0 radio checked:bg-blue-500" />
|
||||
<span class="label-text ml-[5px]">Thời gian hiển thị:</span>
|
||||
</label>
|
||||
|
||||
<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="info[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'
|
||||
class="select select-bordered w-[100px] h-[40px] min-h-[40px]">
|
||||
<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="info[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'
|
||||
class="select select-bordered w-[100px] h-[40px] min-h-[40px]">
|
||||
<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>
|
||||
<td>Hiển thị</td>
|
||||
<td>
|
||||
<label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[15px]">
|
||||
<input type="radio" name="info[status]" value="1"
|
||||
class="left-0 radio checked:bg-blue-500">
|
||||
<span class="label-text ml-[5px]">Cho hiển thị</span>
|
||||
</label>
|
||||
|
||||
<label class="inline-flex items-center cursor-pointer relative pl-[30px]">
|
||||
<input type="radio" name="info[status]" value="0" checked
|
||||
class="left-0 radio checked:bg-blue-500">
|
||||
<span class="label-text ml-[5px]">Ẩn hiển thị</span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Khác</td>
|
||||
<td>
|
||||
<label class="inline-flex items-center cursor-pointer">
|
||||
<input type="checkbox" name="info[show_in_mobile]" value="1"
|
||||
class="checkbox checkbox-success mr-[10px]">
|
||||
<span class="label-text ml-[5px]"> Hiển thị tại mobile </span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<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>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
function show_content(ty) {
|
||||
var list_type = ['pro', 'cash', 'priceoff'];
|
||||
|
||||
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';
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -1,384 +0,0 @@
|
||||
{% if global.url contains '?id=' %}
|
||||
|
||||
{% include 'deal/deal_detail' %}
|
||||
|
||||
{% else %}
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/deal"> Deal/giờ vàng </a>
|
||||
<a href=""> Thêm sản phẩm deal </a>
|
||||
</div>
|
||||
|
||||
|
||||
<div
|
||||
class="bg-white m-[0_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] text-[24px] font-bold m-[0_0_12px]"> Chọn sản phẩm Deal </p>
|
||||
|
||||
<form method="get" enctype="multipart/form-data" action="/"
|
||||
class="border border-[#F6F6F6] m-[12px_0_20px] 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="Tìm sản phẩm"
|
||||
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 justify-between m-[20px_0_16px]">
|
||||
<div class="flex items-center">
|
||||
<a href="javascript:void(0)" onclick="js_list_category.showModal()"
|
||||
class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||
Chọn danh mục để xem
|
||||
</a>
|
||||
|
||||
<a href="javascript:void(0)" onclick="js_list_brand.showModal()"
|
||||
class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||
Chọn thương hiệu để xem
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center">
|
||||
<select
|
||||
class="min-w-[160px] h-[36px] select select-bordered min-h-[36px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||
<option value=""> Lọc sản phẩm </option>
|
||||
<option value=""> option </option>
|
||||
</select>
|
||||
|
||||
<select
|
||||
class="min-w-[160px] h-[36px] select select-bordered min-h-[36px] ml-[10px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||
<option value=""> Sắp xếp sản phẩm </option>
|
||||
<option value=""> option </option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="table">
|
||||
<table>
|
||||
<thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-500">
|
||||
<tr>
|
||||
<td width="40"> STT </td>
|
||||
<td> Sản phẩm (Tổng số: 1.742) </td>
|
||||
<td> Thông tin khác </td>
|
||||
<td width="160"> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td align="center"> 1 </td>
|
||||
|
||||
<td>
|
||||
<a href="" target="_blank"> Màn hình Viewsonic VA3209U-4K (32 inch/UHD/IPS/60Hz/4ms) </a>
|
||||
<p> Mã kho: <b> MOVI213 </b> </p>
|
||||
<p> Danh mục: <b> Màn Hình Máy Tính, Màn Hình Theo Hãng, Màn Hình ViewSonic </b> </p>
|
||||
<p> Bảo hành: 36 Tháng </p>
|
||||
<p> Khuyến mại: + "ƯU ĐÃI Giảm ngay 10% vào thẻ nhớ khi khách hàng mua kèm Camera" </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<p> Giá: 10.599.000 </p>
|
||||
<p> Kho hàng: 0 </p>
|
||||
<p> Bảo hành: 36 Tháng </p>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<a href="/deal/deal-add?id=1"
|
||||
class="block leading-[36px] bg-[#0041E8] text-[#fff_!important] font-[500] p-[0_14px] cursor-pointer rounded-[4px]">
|
||||
Chọn sản phẩm
|
||||
</a>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="paging">
|
||||
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||
<a href="" class="current">1</a>
|
||||
<a href="">2</a>
|
||||
<a href="">3</a>
|
||||
<a href="">4</a>
|
||||
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Popup Danh mục + thương hiệu -->
|
||||
<dialog id="js_list_category" class="modal">
|
||||
<div class="modal-box max-w-xl p-[16px]">
|
||||
<form method="dialog">
|
||||
<button
|
||||
class="absolute bg-[#ECECEC] font-bold leading-[30px] right-2 rounded-[50%] text-[#9E9E9E] top-2 w-[30px]">✕</button>
|
||||
</form>
|
||||
|
||||
<p class="mb-[6px] font-bold text-[20px] leading-[26px]"> Chọn danh mục để xem </p>
|
||||
<p class="m-[6px_0]"> Tổng số sản phẩm: 1.740 </p>
|
||||
|
||||
<ul class="h-[400px] overflow-auto leading-[24px]">
|
||||
<li class="mb-[7px]">
|
||||
<div>
|
||||
+ (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a>
|
||||
</div>
|
||||
|
||||
<ul class="pl-[15px]">
|
||||
|
||||
<li class="mb-[2px]">
|
||||
<div>
|
||||
+ (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a>
|
||||
</div>
|
||||
|
||||
<ul class="pl-[15px]">
|
||||
<li class="mb-[2px]">
|
||||
<div>
|
||||
+ (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5)
|
||||
</div>
|
||||
|
||||
<ul class="pl-[15px]">
|
||||
<li>
|
||||
<div>
|
||||
+ (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5)
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="mb-[2px]">
|
||||
<div>
|
||||
+ (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5)
|
||||
</div>
|
||||
</li>
|
||||
<li class="mb-[2px]">
|
||||
<div>
|
||||
+ (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5)
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</li>
|
||||
|
||||
<!-- loop -->
|
||||
<li class="mb-[2px]">
|
||||
<div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div>
|
||||
<ul class="pl-[15px]">
|
||||
<li class="mb-[2px]">
|
||||
<div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div>
|
||||
<ul class="pl-[15px]">
|
||||
<li>
|
||||
<div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- // -->
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<!-- Clone -->
|
||||
<li class="mb-[7px]">
|
||||
<div> + (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a> </div>
|
||||
<ul class="pl-[15px]">
|
||||
<li class="mb-[2px]">
|
||||
<div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div>
|
||||
<ul class="pl-[15px]">
|
||||
<li class="mb-[2px]">
|
||||
<div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div>
|
||||
<ul class="pl-[15px]">
|
||||
<li>
|
||||
<div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="mb-[2px]">
|
||||
<div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div>
|
||||
<ul class="pl-[15px]">
|
||||
<li class="mb-[2px]">
|
||||
<div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div>
|
||||
<ul class="pl-[15px]">
|
||||
<li>
|
||||
<div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="mb-[2px]">
|
||||
<div> + (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a> </div>
|
||||
<ul class="pl-[15px]">
|
||||
<li class="mb-[2px]">
|
||||
<div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div>
|
||||
<ul class="pl-[15px]">
|
||||
<li class="mb-[2px]">
|
||||
<div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div>
|
||||
<ul class="pl-[15px]">
|
||||
<li>
|
||||
<div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="mb-[2px]">
|
||||
<div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div>
|
||||
<ul class="pl-[15px]">
|
||||
<li class="mb-[2px]">
|
||||
<div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div>
|
||||
<ul class="pl-[15px]">
|
||||
<li>
|
||||
<div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- // clone -->
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form method="dialog" class="modal-backdrop">
|
||||
<button>close</button>
|
||||
</form>
|
||||
</dialog>
|
||||
|
||||
<dialog id="js_list_brand" class="modal">
|
||||
<div class="modal-box max-w-xl p-[16px]">
|
||||
<form method="dialog">
|
||||
<button
|
||||
class="absolute bg-[#ECECEC] font-bold leading-[30px] right-2 rounded-[50%] text-[#9E9E9E] top-2 w-[30px]">✕</button>
|
||||
</form>
|
||||
|
||||
<p class="mb-[6px] font-bold text-[20px] leading-[26px]"> Chọn thương hiệu để xem </p>
|
||||
|
||||
<div class="h-[400px] overflow-auto">
|
||||
<p class="mb-[6px]"> Tìm theo chữ cái: </p>
|
||||
|
||||
<div class="flex flex-wrap items-center brand-letters leading-[24px] mb-[20px]">
|
||||
<a href="">
|
||||
A <span class="text-[black]">(73)</span>
|
||||
</a>
|
||||
|
||||
<a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span
|
||||
class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a
|
||||
href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span
|
||||
class="text-[black]">(73)</span></a><a href=""> g <span class="text-[black]">(73)</span></a><a
|
||||
href=""> 123 <span class="text-[black]">(73)</span></a><a href=""> b <span
|
||||
class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a
|
||||
href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span
|
||||
class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a><a
|
||||
href=""> g <span class="text-[black]">(73)</span></a><a href=""> 123 <span
|
||||
class="text-[black]">(73)</span></a><a href=""> b <span class="text-[black]">(73)</span></a><a
|
||||
href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span
|
||||
class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a
|
||||
href=""> f <span class="text-[black]">(73)</span></a><a href=""> g <span
|
||||
class="text-[black]">(73)</span></a><a href=""> 123 <span class="text-[black]">(73)</span></a><a
|
||||
href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span
|
||||
class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a
|
||||
href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span
|
||||
class="text-[black]">(73)</span></a>
|
||||
</div>
|
||||
|
||||
<div class="order-page-table">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<td width="40">STT</td>
|
||||
<td>Thương hiệu</td>
|
||||
<td width="120">Số sản phẩm</td>
|
||||
<td width="80"></td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr align="center">
|
||||
<td> 1 </td>
|
||||
<td align="left"> ABS </td>
|
||||
<td> 1 </td>
|
||||
<td>
|
||||
<a href="/deal/deal-add?id=1"
|
||||
class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- loop -->
|
||||
<tr align="center">
|
||||
<td> 2 </td>
|
||||
<td align="left"> A </td>
|
||||
<td> 1 </td>
|
||||
<td> <a href=""
|
||||
class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr align="center">
|
||||
<td> 3</td>
|
||||
<td align="left"> B</td>
|
||||
<td> 1 </td>
|
||||
<td> <a href=""
|
||||
class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr align="center">
|
||||
<td> 4 </td>
|
||||
<td align="left"> C</td>
|
||||
<td> 1 </td>
|
||||
<td> <a href=""
|
||||
class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr align="center">
|
||||
<td> 5 </td>
|
||||
<td align="left"> ABS </td>
|
||||
<td> 1 </td>
|
||||
<td> <a href=""
|
||||
class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr align="center">
|
||||
<td> 2 </td>
|
||||
<td align="left"> A </td>
|
||||
<td> 1 </td>
|
||||
<td> <a href=""
|
||||
class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr align="center">
|
||||
<td> 3</td>
|
||||
<td align="left"> B</td>
|
||||
<td> 1 </td>
|
||||
<td> <a href=""
|
||||
class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr align="center">
|
||||
<td> 4 </td>
|
||||
<td align="left"> C</td>
|
||||
<td> 1 </td>
|
||||
<td> <a href=""
|
||||
class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr align="center">
|
||||
<td> 5 </td>
|
||||
<td align="left"> ABS </td>
|
||||
<td> 1 </td>
|
||||
<td> <a href=""
|
||||
class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
|
||||
</td>
|
||||
</tr>
|
||||
<!-- // -->
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<form method="dialog" class="modal-backdrop">
|
||||
<button>close</button>
|
||||
</form>
|
||||
</dialog>
|
||||
{% endif %}
|
||||
@@ -1,294 +0,0 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/deal"> Deal/giờ vàng </a>
|
||||
<a href="/deal/deal-add"> Thêm sản phẩm deal </a>
|
||||
<a href=""> Form thêm deal </a>
|
||||
</div>
|
||||
|
||||
<div class="max-w-[1141px] m-[0_auto_20px] p-[0_16px]">
|
||||
<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-[18px] flex flex-wrap items-center justify-between">
|
||||
<p class="font-bold text-[20px]"> Cập nhật deal </p>
|
||||
|
||||
<div class="flex items-center">
|
||||
<a href="/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]">
|
||||
<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 deal</span>
|
||||
</a>
|
||||
|
||||
<a href="/deal" title="Danh sách deal"
|
||||
class="fas fa-ellipsis-h text-[18px] border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] text-center min-w-[36px] group hover:bg-[#0041E8] hover:text-[#fff]"></a>
|
||||
</div>
|
||||
|
||||
<p class="w-[100%] text-[#6B7280]">
|
||||
Màn hình máy tính HKC M20A6 20 Inch Full HD
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- col left -->
|
||||
<div class="w-[25%] mr-[16px]">
|
||||
<div
|
||||
class="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>
|
||||
</div>
|
||||
|
||||
<!-- col right -->
|
||||
<form method="post" enctype="multipart/form-data"
|
||||
class="order-page-table w-[calc(100%_-25%_-16px)] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] block">
|
||||
|
||||
<p class="mb-[20px] font-bold text-[20px]"> Thông tin deal </p>
|
||||
|
||||
<div class="mb-[24px]">
|
||||
<p class="mb-[7px]"> <b>Tiêu đề của Deal</b> </p>
|
||||
|
||||
<input type="text" value=""
|
||||
class="w-[100%] h-[34px] input input-bordered input-md rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<div class="mb-[24px]">
|
||||
<p class="mb-[7px]"> <b>Sản phẩm liên quan</b> </p>
|
||||
|
||||
<p class="text-[#6B7280]">
|
||||
Màn hình máy tính HKC M20A6 20 Inch Full HD
|
||||
<a href="">Xem link</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="mb-[24px]">
|
||||
<p class="mb-[7px]"> <b>Mô tả tóm tắt về deal nếu có</b> </p>
|
||||
|
||||
<textarea
|
||||
class="w-[100%] min-h-[122px] max-h-[170px] textarea textarea-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||||
</div>
|
||||
|
||||
<p class="bg-[#FAFAFB] h-[6px] m-[20px_-16px]"></p>
|
||||
|
||||
<p class="mb-[20px] font-bold text-[20px]"> Thông tin bán Sản phẩm </p>
|
||||
|
||||
<div class="mb-[24px] flex items-center">
|
||||
<p class="w-[140px]"> <b>Giá sản phẩm</b> </p>
|
||||
|
||||
<p class="text-[#6B7280]"> 17.999.000 VNĐ </p>
|
||||
</div>
|
||||
|
||||
<div class="mb-[24px] flex items-center">
|
||||
<p class="w-[140px]"> <b> Giá deal </b> </p>
|
||||
|
||||
<input type="text" value=""
|
||||
class="w-[50%] h-[34px] input input-bordered input-md rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<div class="flex flex-wrap justify-between">
|
||||
<div class="mb-[24px] w-[32%]">
|
||||
<p class="mb-[6px]">
|
||||
<b> Số lượng bán </b>
|
||||
(Số đang có: 8)
|
||||
</p>
|
||||
|
||||
<input type="text" value=""
|
||||
class="w-[100%] h-[32px] input input-bordered input-md rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<div class="mb-[24px] w-[32%]">
|
||||
<div class="mb-[6px] relative">
|
||||
<b> Số lượng tối thiểu phải mua </b>
|
||||
|
||||
<div class="inline-block relative group">
|
||||
<i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
|
||||
|
||||
<p
|
||||
class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
|
||||
Đây là số lượng mà người mua phải mua ở một lần đặt hàng nếu muốn đặt hàng deal này. Có
|
||||
thể áp dụng trường hợp bạn đang có số lượng hàng tồn lớn và muốn bán nhanh
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<input type="text" value=""
|
||||
class="w-[100%] h-[32px] input input-bordered input-md rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<div class="mb-[24px] w-[32%]">
|
||||
<div class="mb-[6px]">
|
||||
<b> Số lượng tối đa được mua </b>
|
||||
|
||||
<div class="inline-block relative group">
|
||||
<i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
|
||||
|
||||
<p
|
||||
class="hidden leading-[16px] text-[13px] absolute left-[-30px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[250px] z-[1] group-hover:block">
|
||||
Số lượng tối đa 1 khách hàng được phép đặt mua
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<input type="text" value=""
|
||||
class="w-[100%] h-[32px] input input-bordered input-md rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-[24px]">
|
||||
<p class="mb-[10px]"> <b>Thời gian hiệu lực *</b> </p>
|
||||
|
||||
<div class="flex items-center mb-[12px]">
|
||||
<p style="width: 65px;"> Bắt đầu </p>
|
||||
<div class="relative m-[0_35px_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'
|
||||
class="w-[100px] rounded-[4px] select select-bordered min-h-[35px] h-[35px]">
|
||||
<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="flex items-center">
|
||||
<p style="width: 65px;"> Kết thúc </p>
|
||||
<div class="relative m-[0_35px_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>
|
||||
|
||||
<p class="mr-[10px]"> Giờ </p>
|
||||
|
||||
<select name='info[to_time_minute]' id='from_time_minute'
|
||||
class="w-[100px] rounded-[4px] select select-bordered min-h-[35px] h-[35px]">
|
||||
<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>
|
||||
|
||||
<div class="mb-[24px]">
|
||||
<p class="mb-[7px]"> <b>Thứ tự hiển thị</b> </p>
|
||||
|
||||
<input type="text" value="0"
|
||||
class="w-[50%] h-[34px] input input-bordered input-md rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
|
||||
<div class="flex items-center">
|
||||
<p> <b>Hiển thị</b> </p>
|
||||
|
||||
<label class="flex items-center cursor-pointer relative pl-[30px] m-[0_76px]">
|
||||
<input type="radio" name="info[status]" value="1" class="left-0 radio checked:bg-blue-500" checked>
|
||||
<span class="label-text ml-[10px]">Cho hiển thị</span>
|
||||
</label>
|
||||
|
||||
<label class="flex items-center cursor-pointer relative pl-[30px]">
|
||||
<input type="radio" name="info[status]" value="0" class="left-0 radio checked:bg-blue-500">
|
||||
<span class="label-text ml-[10px]">Ẩn hiển thị</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<p class="bg-[#FAFAFB] h-[6px] m-[20px_-16px]"></p>
|
||||
|
||||
<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]" />
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,178 +0,0 @@
|
||||
<div class="w-[100%]">
|
||||
<div
|
||||
class="bg-white m-[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 Deal </p>
|
||||
|
||||
<form method="get" enctype="multipart/form-data" action="/"
|
||||
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="hidden" name="opt" value="deal">
|
||||
<input type="hidden" name="q" value="">
|
||||
<input type="hidden" name="page" value="">
|
||||
|
||||
<input type="text" name="q" id="keyword" value="" placeholder="Tìm sản phẩm"
|
||||
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]">
|
||||
<a href=""
|
||||
class="leading-[35px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||
Xóa danh sách được chọn
|
||||
</a>
|
||||
|
||||
<div class="flex items-center font-[500] leading-[35px]">
|
||||
<a href="/deal/deal-add"
|
||||
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_0_0] 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 deal mới</span>
|
||||
</a>
|
||||
|
||||
<a href="/deal/upload-deal-excel"
|
||||
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_0_0] 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 deal excel</span>
|
||||
</a>
|
||||
|
||||
<a href="javascript:void(0)"
|
||||
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]">
|
||||
<i class="fas fa-file-download m-[0_4px_0_0]"></i>
|
||||
<span>Tải file excel</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="overflow-x-auto">
|
||||
<table class="table">
|
||||
<thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
|
||||
<tr>
|
||||
<td width="40">
|
||||
<input type="checkbox" class="checkbox checkbox-success"
|
||||
onclick="CheckList.setAllChecked.call(this)" />
|
||||
</td>
|
||||
<td width="40"> STT </td>
|
||||
<td width="80"> Ảnh </td>
|
||||
<td> Sản phẩm (Tổng số: 1.742) </td>
|
||||
<td> Thông tin Deal </td>
|
||||
<td> Thời gian Deal </td>
|
||||
<td width="130">
|
||||
<select class="select w-[120px_!important] h-[30px] min-h-[30px]">
|
||||
<option value="">Tình trạng</option>
|
||||
<option value="not-started"> Chưa bắt đầu </option>
|
||||
<option value="started"> Đang bắt đầu </option>
|
||||
<option value="ended"> Hết thời gian </option>
|
||||
<option value="hidden"> Ẩn hiển thị </option>
|
||||
<option value="featured"> Đang nổi bật </option>
|
||||
</select>
|
||||
</td>
|
||||
<td class="text-center"> Công cụ </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td align="center">
|
||||
<input type="checkbox" class="checkbox checkbox-success js-checkbox-id" />
|
||||
</td>
|
||||
|
||||
<td align="center"> 1 </td>
|
||||
|
||||
<td>
|
||||
<div class="w-[100px]">
|
||||
<img src="https://via.placeholder.com/500x500" class="block" />
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<a href=""> HH WORKSTATION CORE i9 10900K | 32GB | NVIDIA RTX 2060 6GB </a>
|
||||
<p> [SKU: LTLE950] </p>
|
||||
<p> Số lượng: <b>60</b> </p>
|
||||
<p> Số tối thiểu cho 1 đơn hàng: <b>1</b> </p>
|
||||
<p> Tạo lúc: 25-10-2022, 4:56 pm </p>
|
||||
<p> Cập nhật: 17-01-2024, 9:36 am </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<p> Giá Deal:
|
||||
<b class="text-[red] mr-1"> 35.000.000 vnđ </b>
|
||||
(Giảm: <b class="text-[red]"> 4% </b>)
|
||||
</p>
|
||||
<p> Giá thị trường: <b class="text-[red]"> 36.000.000 vnd </b></p>
|
||||
<p> Số đơn hàng : <b> 6 </b> </p>
|
||||
<p> Số lượng đặt mua: <b> 10 </b> </p>
|
||||
<p> Lượt xem: <b> 0 </b> </p>
|
||||
</td>
|
||||
|
||||
<td class="whitespace-nowrap">
|
||||
<b> 01-01-2024, 1:00 pm </b> đến
|
||||
<b class="block"> 31-03-2024, 8:00 pm </b>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<i title="Chưa bắt đầu" style="background: #0041E8;"
|
||||
class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
|
||||
<i title="Đang bắt đầu" style="background: #299D00;"
|
||||
class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
|
||||
<i title="Hết thời gian" style="background: #E00000;"
|
||||
class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
|
||||
<i title="Ẩn hiển thị" style="background: #C8C8C8;"
|
||||
class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
|
||||
<i title="Đang nổi bật" style="background: #FFC700;"
|
||||
class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="items-center flex">
|
||||
<a href="/deal/deal-add?id=1" title="Sửa lại" class="icons icon-edit"></a>
|
||||
|
||||
<a href="" title="Cho nổi bật"
|
||||
class="fas fa-crown bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Hạ nổi bật"
|
||||
class="fas fa-crown 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="" class="icons icon-delete" title="Xóa"></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="paging">
|
||||
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||
<a href="" class="current">1</a>
|
||||
<a href="">2</a>
|
||||
<a href="">3</a>
|
||||
<a href="">4</a>
|
||||
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="{{ 'checkbox.js' | asset_url }}"></script>
|
||||
|
||||
<script>
|
||||
|
||||
const CheckList = Checkbox(delete_deal);
|
||||
|
||||
function delete_deal(id, must_confirm) {
|
||||
if (must_confirm && !confirm("Bạn chắc chắn muốn xóa ?")) {
|
||||
return;
|
||||
}
|
||||
|
||||
$.post(ACTION_URL, { action: "delete-deal", id: id }, function (data) {
|
||||
$("#row_" + id).fadeOut();
|
||||
});
|
||||
}
|
||||
</script>
|
||||
@@ -1,127 +0,0 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/deal"> Deal/giờ vàng </a>
|
||||
<a href=""> Thêm deal qua Excel </a>
|
||||
</div>
|
||||
|
||||
<div class="max-w-[1141px] m-[0_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">
|
||||
<p class="font-bold text-[20px]"> Thêm deal qua excel </p>
|
||||
|
||||
<p class="text-[#6B7280] mt-[10px] order-[1] w-[100%]"> Hướng dẫn: File sẽ thêm Sản phẩm nếu chưa có, và cập nhật Sản phẩm nếu có rồi </p>
|
||||
|
||||
<a href="" 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] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
<i class="far fa-file-excel mr-1"></i>
|
||||
<span> Tải danh sách deal </span>
|
||||
</a>
|
||||
</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>
|
||||
|
||||
<!-- 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">
|
||||
|
||||
<div class="flex items-center mb-[20px]">
|
||||
<b class="mr-[10px]"> Chú ý: Yêu cầu file excel theo đúng file mẫu. </b>
|
||||
|
||||
<a href="" class="flex items-center whitespace-nowrap border border-[#0041E8] font-[500] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[35px] p-[0_12px] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
<i class="far fa-file-excel mr-1"></i>
|
||||
<span> Tải file mẫu </span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td width="215"> File cập nhật </td>
|
||||
|
||||
<td>
|
||||
<input type="file">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Cấu hình cột Excel </td>
|
||||
|
||||
<td>
|
||||
|
||||
<table>
|
||||
<tr class="font-[600] bg-[#ECECEC_!important]">
|
||||
<td>Cột Excel</td>
|
||||
<td>Nội dung</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>A</td>
|
||||
<td>Mã kho (SKU)</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>B</td>
|
||||
<td>Tên của deal</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>C</td>
|
||||
<td>Giá deal (dạng số)</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>D</td>
|
||||
<td>Số lượng mua tối thiểu (dạng số - mặc định là 1)</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>E</td>
|
||||
<td>Số lượng mua tối đa (dạng số - mặc định là 1)</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>F</td>
|
||||
<td>Số lượng (dạng số)</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>G</td>
|
||||
<td>Ngày bắt đầu (DD/MM/YYYY)</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>H</td>
|
||||
<td>Giờ bắt đầu (hh:mm)</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>I</td>
|
||||
<td>Ngày kết thúc (DD/MM/YYYY)</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>J</td>
|
||||
<td>Giờ kết thúc (hh:mm)</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>K</td>
|
||||
<td>Chọn hiển thị (yes|no)</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>L</td>
|
||||
<td>Thứ tự hiển thị</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<hr class="border-[4px] border-[#FAFAFB] m-[16px_-16px]">
|
||||
|
||||
<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]">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,170 +0,0 @@
|
||||
<div class="w-[100%] mb-[50px]">
|
||||
<div class="text-sm breadcrumbs ml-[10px]">
|
||||
<ul>
|
||||
<li><a href="/distributor">Danh sách đại lý</a></li>
|
||||
<li class="text-[#0041E8]">Form thêm/sửa danh sách</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]">Form đại lý</h1>
|
||||
<div class="flex items-center">
|
||||
<a href="/distributor/form"
|
||||
class="group flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px] hover:bg-blue-700">
|
||||
<span
|
||||
class="w-[14.5px] group-hover:text-white group-hover:border-white h-[14.5px] border-[1px] rounded-[50%] border-[#6B7280] text-center leading-[10.5px] mr-[5px] text-[#6B7280]">+</span>
|
||||
<span class="text-[#6B7280] group-hover:text-white">Thêm đại lý</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-gray-500">Nhà Thuốc Hiệp Phát</p>
|
||||
</div>
|
||||
<div class="flex">
|
||||
<div class="left w-[270px] mr-[10px]">
|
||||
<div class="list-tab">
|
||||
<a href="/distributor/form"
|
||||
class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[20px]">Thông
|
||||
tin</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right w-[860px]">
|
||||
<div
|
||||
class="bg-white p-[10px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
|
||||
<b class="block text-[20px] font-bold my-[10px]">Cập nhật lại</b>
|
||||
|
||||
<table class="">
|
||||
<tr>
|
||||
<td>Tên gọi</td>
|
||||
<td>
|
||||
<input type="text" name="" value="" placeholder="Têm gọi"
|
||||
class="w-full input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="align-top">Mô tả</td>
|
||||
<td>
|
||||
<textarea type="text" name="" value="" placeholder="Nội dung tóm tắt (nếu có)"
|
||||
class="w-full textarea h-[70px] input-bordered rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]"></textarea>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Tọa độ bản đồ</td>
|
||||
<td>
|
||||
<div class="grid grid-cols-2 gap-[30px]">
|
||||
<div class="flex items-center">
|
||||
<p class="whitespace-nowrap">Kinh độ</p>
|
||||
<input type="text" name="" value="" placeholder="Kinh độ"
|
||||
class="w-[200px] ml-[10px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
|
||||
</div>
|
||||
|
||||
<div class="flex items-center">
|
||||
<p class="whitespace-nowrap">Vĩ độ</p>
|
||||
<input type="text" name="" value="" placeholder="Vĩ độ"
|
||||
class="w-[200px] ml-[10px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Tỉnh/TP</td>
|
||||
<td>
|
||||
<select name=''
|
||||
class="w-[50%] mr-[15px] select select-bordered h-[38px] min-h-[38px] rounded-[4px]">
|
||||
<option value='' selected>Tỉnh/TP</option>
|
||||
<option value=''>Hà nội</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Quận huyện</td>
|
||||
<td>
|
||||
<select name=''
|
||||
class="w-[50%] mr-[15px] select select-bordered h-[38px] min-h-[38px] rounded-[4px]">
|
||||
<option value='' selected>Quận huyện</option>
|
||||
<option value=''>Thị xã Đông Hòa</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="align-top">Địa chỉ</td>
|
||||
<td>
|
||||
<textarea type="text" name="" value="" placeholder="Địa chỉ"
|
||||
class="w-full textarea h-[70px] input-bordered rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]"></textarea>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Điện thoại</td>
|
||||
<td>
|
||||
<input type="text" name="" value="" placeholder="Điện thoại"
|
||||
class="w-full input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Website</td>
|
||||
<td>
|
||||
<input type="text" name="" value="" placeholder=""
|
||||
class="w-full input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Người liên hệ</td>
|
||||
<td>
|
||||
<input type="text" name="" value="Nguyễn Thị Hiệp" placeholder=""
|
||||
class="w-full input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Email liên hệ</td>
|
||||
<td>
|
||||
<input type="text" name="" value="" placeholder=""
|
||||
class="w-full input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>STT</td>
|
||||
<td>
|
||||
<input type="text" name="" value="" placeholder=""
|
||||
class="w-[35%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>STT</td>
|
||||
<td>
|
||||
<input type="text" name="" value="" placeholder=""
|
||||
class="w-[35%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Trạng thái</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<label class="inline-flex items-center cursor-pointer relative mr-[34px]">
|
||||
<input type="radio" value="0" name="info[status]"
|
||||
class="radio checked:bg-blue-500" checked="">
|
||||
<span class="label-text ml-[10px]"> Hiển thị </span>
|
||||
</label>
|
||||
|
||||
<label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
|
||||
<input type="radio" value="1" name="info[status]"
|
||||
class="radio checked:bg-blue-500">
|
||||
<span class="label-text ml-[10px]"> Ẩn hiển thị </span>
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-[10px] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A]">
|
||||
<input
|
||||
class="btn w-[95px] h-[35px] min-h-[35px] bg-[#0041E8] rounded-[4px] mt-[10px] text-white cursor-pointer"
|
||||
name="submit" type="submit" value="Cập nhật">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,106 +0,0 @@
|
||||
<div class="w-[100%]">
|
||||
<div
|
||||
class="bg-white m-[16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
|
||||
<h1 class="leading-[30px] mb-[13px] font-bold text-[24px]"> Danh sách đại lý </h1>
|
||||
|
||||
<form method="get" enctype="multipart/form-data" action="/"
|
||||
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 justify-between mb-[15px]">
|
||||
<div class="flex items-center">
|
||||
<p class="mr-[10px]">Lựa chọn ngôn ngữ</p>
|
||||
<select
|
||||
class="min-w-[160px] h-[36px] min-h-[36px] select select-bordered rounded-[4px] mr-[15px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||
<option value=""> Chọn ngôn ngữ </option>
|
||||
<option value=""> Tiếng việt </option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center">
|
||||
<a href="/distributor/form"
|
||||
class="block w-[155px] m-[auto_0_auto_auto] 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="inline-block border-[1px] border-[#0041E8] h-[14px] w-[14px] leading-[10.5px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||
<span>Thêm đại lý mới</span>
|
||||
</a>
|
||||
|
||||
<a href=""
|
||||
class="ml-[10px] group leading-[35px] border border-[#0041E8] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#0041E8] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
<i class="fa-solid fa-file-arrow-down text-[#0041E8] group-hover:text-white mr-[5px]"></i>
|
||||
<span>Upload Excel</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<table class="mt-[20px]">
|
||||
<thead class="bg-[#f6f6f6] font-bold">
|
||||
<tr>
|
||||
<td>STT</td>
|
||||
<td>Đại lý</td>
|
||||
<td>NGười liên hệ</td>
|
||||
<td>Địa chỉ</td>
|
||||
<td>Tỉnh</td>
|
||||
<td>Điện thoại</td>
|
||||
<td>Lựa chọn</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>Nhà Thuốc Hiệp Phát</td>
|
||||
<td>Nguyễn Thị Hiệp</td>
|
||||
<td>Thửa đất số 126, Tờ BĐS 53, KP Phú Lạc, P.Hòa Hiệp Nam, TX Đông Hòa, PY</td>
|
||||
<td>Phú yên</td>
|
||||
<td>0982483346</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<a href="" title="Form sản phẩm"
|
||||
class="w-[32px] h-[32px] border-[1px] border-[#0041e8] rounded-[4px] text-center leading-[32px] flex items-center justify-center mr-[5px]">
|
||||
<i class="icons icon-edit"></i>
|
||||
</a>
|
||||
<a href=""
|
||||
class="w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
|
||||
<i class="fa-regular fa-eye-slash text-[#9E9E9E]"></i>
|
||||
</a>
|
||||
<a href=""
|
||||
class="w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
|
||||
<i class="icons icon-remove"></i>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>Nhà Thuốc Hiệp Phát</td>
|
||||
<td>Nguyễn Thị Hiệp</td>
|
||||
<td>Thửa đất số 126, Tờ BĐS 53, KP Phú Lạc, P.Hòa Hiệp Nam, TX Đông Hòa, PY</td>
|
||||
<td>Phú yên</td>
|
||||
<td>0982483346</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<a href="" title="Form sản phẩm"
|
||||
class="w-[32px] h-[32px] border-[1px] border-[#0041e8] rounded-[4px] text-center leading-[32px] flex items-center justify-center mr-[5px]">
|
||||
<i class="icons icon-edit"></i>
|
||||
</a>
|
||||
<a href=""
|
||||
class="w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
|
||||
<i class="fa-regular fa-eye-slash text-[#9E9E9E]"></i>
|
||||
</a>
|
||||
<a href=""
|
||||
class="w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
|
||||
<i class="icons icon-remove"></i>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,368 +1,7 @@
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
|
||||
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
|
||||
|
||||
<!-- plugin upload image -->
|
||||
<link href="https://unpkg.com/filepond/dist/filepond.min.css" rel="stylesheet" />
|
||||
<link href="https://unpkg.com/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.min.css"
|
||||
rel="stylesheet" />
|
||||
<script src="https://unpkg.com/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.min.js"></script>
|
||||
<script src="https://unpkg.com/filepond/dist/filepond.min.js"></script>
|
||||
|
||||
<script>
|
||||
const initCustomerAcquisitionChart = () => {
|
||||
const chartOptions = {
|
||||
chart: {
|
||||
height: 390,
|
||||
sparkline: {
|
||||
enabled: false,
|
||||
},
|
||||
toolbar: {
|
||||
show: false,
|
||||
},
|
||||
zoom: {
|
||||
enabled: false,
|
||||
},
|
||||
background: "transparent",
|
||||
},
|
||||
forecastDataPoints: {
|
||||
count: 2,
|
||||
dashArray: [6, 4],
|
||||
},
|
||||
grid: {
|
||||
show: false,
|
||||
},
|
||||
yaxis: {
|
||||
show: false,
|
||||
min: 125,
|
||||
max: 181,
|
||||
},
|
||||
xaxis: {
|
||||
categories: Array.from({ length: 15 }, (_, index) => index + 1),
|
||||
},
|
||||
tooltip: {
|
||||
y: {
|
||||
formatter: (val) => val.toString(),
|
||||
},
|
||||
},
|
||||
stroke: {
|
||||
curve: "stepline",
|
||||
width: [2, 1.5],
|
||||
},
|
||||
colors: ["#167bff", "rgba(150,150,150,0.3)"],
|
||||
series: [
|
||||
{
|
||||
name: "Khách hàng",
|
||||
data: [144, 150, 146, 154, 150, 155, 160, 155, 140, 155, 160, 180, 170, 165, 165],
|
||||
},
|
||||
{
|
||||
name: "Quảng cáo",
|
||||
data: [140, 142, 142, 140, 146, 148, 150, 136, 130, 133, 145, 148, 158, 150, 150],
|
||||
},
|
||||
],
|
||||
}
|
||||
|
||||
if (document.getElementById("customer-acquisition-chart")) {
|
||||
new ApexCharts(document.getElementById("customer-acquisition-chart"), chartOptions).render()
|
||||
}
|
||||
}
|
||||
|
||||
const initRevenueStatisticsChart = () => {
|
||||
const chartOptions = {
|
||||
chart: {
|
||||
height: 295,
|
||||
type: "bar",
|
||||
stacked: true,
|
||||
background: "transparent",
|
||||
toolbar: {
|
||||
show: false,
|
||||
},
|
||||
},
|
||||
|
||||
plotOptions: {
|
||||
bar: {
|
||||
borderRadius: 8,
|
||||
borderRadiusApplication: "end",
|
||||
borderRadiusWhenStacked: "last",
|
||||
colors: {
|
||||
backgroundBarColors: ["rgba(150,150,150,0.07)"],
|
||||
backgroundBarRadius: 8,
|
||||
},
|
||||
columnWidth: "45%",
|
||||
barHeight: "100%",
|
||||
},
|
||||
},
|
||||
dataLabels: {
|
||||
enabled: false,
|
||||
},
|
||||
colors: ["#ff8b4b", "#6c74f8"],
|
||||
legend: {
|
||||
show: true,
|
||||
horizontalAlign: "center",
|
||||
offsetX: 0,
|
||||
offsetY: 6,
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: "Đơn hàng",
|
||||
data: [10, 12, 14, 16, 18, 20, 14, 16, 24, 12],
|
||||
},
|
||||
{
|
||||
name: "Doanh thu",
|
||||
data: [15, 24, 21, 28, 30, 40, 22, 32, 48, 20],
|
||||
},
|
||||
],
|
||||
xaxis: {
|
||||
categories: [
|
||||
new Date("1/1/2016"),
|
||||
new Date("1/1/2017"),
|
||||
new Date("1/1/2018"),
|
||||
new Date("1/1/2019"),
|
||||
new Date("1/1/2020"),
|
||||
new Date("1/1/2021"),
|
||||
new Date("1/1/2022"),
|
||||
new Date("1/1/2023"),
|
||||
new Date("1/1/2024"),
|
||||
new Date("1/1/2025"),
|
||||
],
|
||||
axisBorder: {
|
||||
show: false,
|
||||
},
|
||||
axisTicks: {
|
||||
show: false,
|
||||
},
|
||||
labels: {
|
||||
formatter: (val) => {
|
||||
return new Date(val).getFullYear().toString()
|
||||
},
|
||||
},
|
||||
},
|
||||
yaxis: {
|
||||
axisBorder: {
|
||||
show: false,
|
||||
},
|
||||
axisTicks: {
|
||||
show: false,
|
||||
},
|
||||
labels: {
|
||||
show: false,
|
||||
},
|
||||
},
|
||||
|
||||
tooltip: {
|
||||
enabled: true,
|
||||
shared: true,
|
||||
intersect: false,
|
||||
},
|
||||
grid: {
|
||||
show: false,
|
||||
},
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 450,
|
||||
options: {
|
||||
plotOptions: {
|
||||
bar: {
|
||||
borderRadius: 4,
|
||||
},
|
||||
},
|
||||
xaxis: {
|
||||
tickAmount: 3,
|
||||
},
|
||||
},
|
||||
},
|
||||
],
|
||||
}
|
||||
|
||||
if (document.getElementById("revenue-statics-chart")) {
|
||||
new ApexCharts(document.getElementById("revenue-statics-chart"), chartOptions).render()
|
||||
}
|
||||
}
|
||||
|
||||
const initGlobalSalesChart = () => {
|
||||
const data = [
|
||||
{
|
||||
name: "Turkey",
|
||||
orders: 9,
|
||||
},
|
||||
{
|
||||
name: "India",
|
||||
orders: 12,
|
||||
},
|
||||
{
|
||||
name: "Canada",
|
||||
orders: 13,
|
||||
},
|
||||
{
|
||||
name: "US",
|
||||
orders: 16,
|
||||
},
|
||||
{
|
||||
name: "Netherlands",
|
||||
orders: 14,
|
||||
},
|
||||
{
|
||||
name: "Italy",
|
||||
orders: 17,
|
||||
},
|
||||
{
|
||||
name: "Other",
|
||||
orders: 19,
|
||||
},
|
||||
]
|
||||
|
||||
const chartOptions = {
|
||||
chart: {
|
||||
height: 344,
|
||||
type: "bar",
|
||||
parentHeightOffset: 0,
|
||||
background: "transparent",
|
||||
toolbar: {
|
||||
show: false,
|
||||
},
|
||||
},
|
||||
plotOptions: {
|
||||
bar: {
|
||||
horizontal: true,
|
||||
borderRadius: 4,
|
||||
distributed: true,
|
||||
borderRadiusApplication: "end",
|
||||
},
|
||||
},
|
||||
dataLabels: {
|
||||
enabled: true,
|
||||
textAnchor: "start",
|
||||
style: {
|
||||
colors: ["#fff"],
|
||||
},
|
||||
formatter: function (val, opt) {
|
||||
return opt.w.globals.labels[opt.dataPointIndex] + ": " + val
|
||||
},
|
||||
offsetX: -10,
|
||||
dropShadow: {
|
||||
enabled: false,
|
||||
},
|
||||
},
|
||||
series: [
|
||||
{
|
||||
data: data.map((country) => country.orders),
|
||||
},
|
||||
],
|
||||
legend: {
|
||||
show: false,
|
||||
},
|
||||
stroke: {
|
||||
width: 0,
|
||||
colors: ["#fff"],
|
||||
},
|
||||
xaxis: {
|
||||
categories: data.map((country) => country.name),
|
||||
},
|
||||
yaxis: {
|
||||
labels: {
|
||||
show: false,
|
||||
},
|
||||
},
|
||||
grid: {
|
||||
show: false,
|
||||
},
|
||||
|
||||
tooltip: {
|
||||
theme: "dark",
|
||||
x: {
|
||||
show: false,
|
||||
},
|
||||
y: {
|
||||
formatter: (val) => `${val}%`,
|
||||
},
|
||||
},
|
||||
colors: ["#7179ff", "#4bcd89", "#ff6c88", "#5cb7ff", "#9071ff", "#ff5892", "#ff8b4b"],
|
||||
}
|
||||
|
||||
if (document.getElementById("global-sales-chart")) {
|
||||
new ApexCharts(document.getElementById("global-sales-chart"), chartOptions).render()
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
const initGradientDonutChart = () => {
|
||||
const seriesData = [35.1, 23.5, 2.4, 5.4]
|
||||
const chartOptions = {
|
||||
chart: {
|
||||
type: "donut",
|
||||
height: 380,
|
||||
toolbar: {
|
||||
show: false,
|
||||
},
|
||||
background: "transparent",
|
||||
},
|
||||
title: {
|
||||
text: "Truy cập website",
|
||||
style: { fontWeight: "500" },
|
||||
align: "right",
|
||||
},
|
||||
stroke: {
|
||||
show: true,
|
||||
width: 1,
|
||||
colors: ["var(--color-base-100)"],
|
||||
},
|
||||
fill: {
|
||||
type: "solid",
|
||||
},
|
||||
plotOptions: {
|
||||
pie: {
|
||||
startAngle: -45,
|
||||
endAngle: 315,
|
||||
donut: {
|
||||
size: "60%",
|
||||
labels: {
|
||||
show: true,
|
||||
value: {
|
||||
formatter: (value) => `${value}K`,
|
||||
color: "var(--color-base-content)",
|
||||
},
|
||||
total: {
|
||||
show: true,
|
||||
color: "#FF4560",
|
||||
formatter: () => `${seriesData.reduce((acc, cur) => acc + cur, 0)}K`,
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
tooltip: {
|
||||
enabled: true,
|
||||
y: {
|
||||
formatter: (value) => `${value}K`,
|
||||
},
|
||||
},
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 480,
|
||||
options: {
|
||||
chart: {
|
||||
width: 200,
|
||||
},
|
||||
legend: {
|
||||
position: "bottom",
|
||||
},
|
||||
},
|
||||
},
|
||||
],
|
||||
labels: [
|
||||
"Trực tiếp",
|
||||
"Quảng cáo",
|
||||
"Liên kết",
|
||||
"Qua email",
|
||||
],
|
||||
colors: ["#0041E8", "#6DC580", "#FFC700", "#E00000"],
|
||||
series: seriesData,
|
||||
}
|
||||
|
||||
if (document.getElementById("gradient-donut-chart")) {
|
||||
new ApexCharts(document.getElementById("gradient-donut-chart"), chartOptions).render()
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function initHomepageBannerSlider() {
|
||||
if (typeof Swiper === "undefined") return
|
||||
@@ -381,49 +20,26 @@
|
||||
})
|
||||
}
|
||||
|
||||
function initAdminHomeTab() {
|
||||
document.querySelectorAll("#js-admin-home-tab a").forEach(function (link) {
|
||||
link.addEventListener("click", function (event) {
|
||||
event.preventDefault();
|
||||
|
||||
// Xóa class current ở tất cả các tab
|
||||
document.querySelectorAll("#js-admin-home-tab a").forEach(function (el) {
|
||||
el.classList.remove("hura-btn-active");
|
||||
});
|
||||
|
||||
// Gán class current vào tab đang click
|
||||
this.classList.add("hura-btn-active");
|
||||
|
||||
// Lấy ID từ href để show nội dung
|
||||
var id = this.getAttribute("href");
|
||||
|
||||
// Ẩn tất cả nội dung
|
||||
document.querySelectorAll(".home-report-holder").forEach(function (holder) {
|
||||
holder.style.display = "none";
|
||||
});
|
||||
|
||||
// Hiện phần tương ứng
|
||||
document.querySelector(id).style.display = "block";
|
||||
});
|
||||
});
|
||||
function initProductCategorySliders() {
|
||||
if (typeof Swiper === "undefined") return
|
||||
document.querySelectorAll(".product-category-slider").forEach(function (el) {
|
||||
new Swiper(el, {
|
||||
slidesPerView: 5,
|
||||
spaceBetween: 12,
|
||||
navigation: {
|
||||
nextEl: el.querySelector(".swiper-button-next"),
|
||||
prevEl: el.querySelector(".swiper-button-prev"),
|
||||
},
|
||||
breakpoints: {
|
||||
1280: { slidesPerView: 4 },
|
||||
1600: { slidesPerView: 5 },
|
||||
},
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
document.addEventListener("DOMContentLoaded", () => {
|
||||
initHomepageBannerSlider()
|
||||
initCustomerAcquisitionChart()
|
||||
initRevenueStatisticsChart()
|
||||
initGlobalSalesChart()
|
||||
initGradientDonutChart()
|
||||
initAdminHomeTab()
|
||||
initProductCategorySliders()
|
||||
})
|
||||
|
||||
// Quan trọng: đăng ký plugin
|
||||
FilePond.registerPlugin(FilePondPluginImagePreview);
|
||||
FilePond.create(document.querySelector("#uploadfile-support"), {
|
||||
credits: false,
|
||||
allowImageCrop: false,
|
||||
allowImagePreview: false,
|
||||
allowMultiple: true,
|
||||
labelIdle: 'Kéo thả file hoặc <span class="filepond--label-action">Chọn file</span>',
|
||||
})
|
||||
</script>
|
||||
</script>
|
||||
@@ -1,79 +0,0 @@
|
||||
<div class="w-[100%]">
|
||||
<div
|
||||
class="bg-white m-[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="/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>
|
||||
|
||||
<div class="overflow-x-auto">
|
||||
<table class="table">
|
||||
<thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-[500]">
|
||||
<tr>
|
||||
<td> STT </td>
|
||||
<td> Khuyến mại </td>
|
||||
<td> Điều kiện áp dụng </td>
|
||||
<td> Thông tin khác </td>
|
||||
<td> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td align="center"> 1 </td>
|
||||
|
||||
<td>
|
||||
<p class="font-bold"> 20.000.000 </p>
|
||||
<p> - Tặng tiền mặt: 500.000 </p>
|
||||
<p> - Tùy chọn gói sản phẩm: 500.000 </p>
|
||||
<p> - Nội dung:Tặng ngay tiền mặt 500.000 VNĐ </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<p>1. Bắt buộc phải có sản phẩm thuộc các danh mục: 30,31,32,164,35,36 </p>
|
||||
<p>2. Giá trị đơn hàng trong khoảng: 20.000.000 VND - 30.000.000 VND </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<p> Tạo bởi: Nguyễn Tiến Dinh (10-11-2023, 10:06 am) </p>
|
||||
<p> Cập nhật: Nguyễn Tiến Dinh (18-12-2023, 2:59 pm) </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="items-center flex">
|
||||
<a href="/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="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>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="paging">
|
||||
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||
<a href="" class="current">1</a>
|
||||
<a href="">2</a>
|
||||
<a href="">3</a>
|
||||
<a href="">4</a>
|
||||
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,141 +0,0 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/marketing/conditional-promotion"> Khuyến mại BuildPC </a>
|
||||
<a href=""> Form thêm / sửa khuyến mại </a>
|
||||
</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">
|
||||
<p class="font-bold text-[20px]"> Cập nhật khuyến mại </p>
|
||||
|
||||
<a href="/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>
|
||||
|
||||
<p class="w-[100%] text-[#6B7280]">
|
||||
100 triệu
|
||||
</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>
|
||||
|
||||
<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] input input-md input-bordered rounded-[4px] 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>
|
||||
|
||||
<tr>
|
||||
<td> <b>Nội dung khuyến mại</b> </td>
|
||||
<td>
|
||||
|
||||
<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] input input-md input-bordered rounded-[4px] 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] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<p class="mb-[8px]">3. Nội dung: </p>
|
||||
<textarea id="product-desc"> </textarea>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> <b> Điều kiện áp dụng * </b> </td>
|
||||
<td>
|
||||
|
||||
<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] input input-md input-bordered rounded-[4px] 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>
|
||||
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
<p class="inline-block mr-[13px]"> Giá từ </p>
|
||||
<input type="number" value=""
|
||||
class="w-[220px] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<p class="inline-block mr-[13px]"> Đến </p>
|
||||
<input type="number" value=""
|
||||
class="w-[220px] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<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;">
|
||||
<input type="radio" name="info[status]" value="1" class="left-0 radio checked:bg-blue-500">
|
||||
<span class="label-text ml-[5px]">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 radio checked:bg-blue-500">
|
||||
<span class="label-text ml-[5px]">Ẩn hiển thị</span>
|
||||
</label>
|
||||
|
||||
</td>
|
||||
</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]" />
|
||||
</form>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
|
||||
|
||||
<script>
|
||||
tinymce.init({
|
||||
selector: 'textarea#product-desc',
|
||||
height: 350,
|
||||
menubar: true,
|
||||
plugins: [
|
||||
'advlist autolink lists link image charmap print preview anchor',
|
||||
'searchreplace visualblocks code fullscreen',
|
||||
'insertdatetime media table paste code help wordcount'
|
||||
],
|
||||
toolbar: 'undo redo | formatselect | ' +
|
||||
'bold italic backcolor | alignleft aligncenter ' +
|
||||
'alignright alignjustify | bullist numlist outdent indent | ' +
|
||||
'removeformat | help',
|
||||
content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
|
||||
});
|
||||
</script>
|
||||
@@ -1,157 +0,0 @@
|
||||
<div class="w-[100%]">
|
||||
<div
|
||||
class="marketing-coupon-page bg-white m-[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-[600] text-[24px]"> Coupon khuyến mại </p>
|
||||
|
||||
<div class="flex justify-between items-start m-[13px_0]">
|
||||
<p class="max-w-[1024px]">Danh sách phiếu giảm giá/ quà tặng dùng cho khách hàng khi đặt mua hàng từ
|
||||
website.
|
||||
Trước khi gửi đơn hàng, nếu khách hàng có mã số phiếu còn hiệu lực thì sẽ nhập vào đơn hàng để nhận được
|
||||
ưu
|
||||
đãi ghi trên phiếu</p>
|
||||
|
||||
<a href="/marketing/coupon-add"
|
||||
class="flex items-center whitespace-nowrap ml-[15px] border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px]">
|
||||
<span
|
||||
class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10px] text-center rounded-[50%] mr-1">+</span>
|
||||
<span>Thêm phiếu mới</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="overflow-x-auto">
|
||||
<table class="table">
|
||||
<thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
|
||||
<tr>
|
||||
<td width="50"> STT </td>
|
||||
<td> Mã số </td>
|
||||
<td> Khuyến mại </td>
|
||||
<td> Phân loại </td>
|
||||
<td> Thời gian </td>
|
||||
<td> Trạng thái </td>
|
||||
<td> Thông tin khác </td>
|
||||
<td> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr class="text-[13px]">
|
||||
<td align="center"> 1 </td>
|
||||
|
||||
<td class="whitespace-nowrap"> CP231020233 </td>
|
||||
|
||||
<td class="whitespace-nowrap">
|
||||
<p class="font-bold"> Test phiếu giảm giá </p>
|
||||
<div> Test phiếu giảm giá </div>
|
||||
</td>
|
||||
|
||||
<td class="whitespace-nowrap">
|
||||
<p class="font-bold"> Tặng sản phẩm </p>
|
||||
<p> Balo thời trang </p>
|
||||
</td>
|
||||
|
||||
<td class="whitespace-nowrap">
|
||||
|
||||
<div class="flex items-start">
|
||||
<p class="inline-block m-[0_6px_6px_0] text-[13px]">
|
||||
- Bắt đầu: 23-10-2023, 12:00 am <br>
|
||||
- Kết thúc: 28-10-2023, 12:00 am
|
||||
</p>
|
||||
<div>
|
||||
<span
|
||||
class="block w-[80px] text-center 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>
|
||||
|
||||
<span
|
||||
class="block w-[80px] text-center 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>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td class="whitespace-nowrap">
|
||||
<p> 0 đã dùng </p>
|
||||
<p> Tổng số: 20 </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="w-[250px]">
|
||||
<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>
|
||||
<p>- Giá trị đơn hàng tối thiểu: <b class="text-[#E00000] font-bold">2.000.000 đ</b>
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="items-center flex">
|
||||
<a href="/marketing/coupon-add?id=8" class="icons icon-edit" title="Sửa lại"></a>
|
||||
|
||||
<a href="javascript:void(0)" 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:void(0)" 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="javascript:void(0)" class="icons icon-delete" title="Xóa"></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="center"> 1 </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 class="flex items-start">
|
||||
<p class="inline-block m-[0_6px_6px_0] text-[13px]">
|
||||
- Bắt đầu: 23-10-2023, 12:00 am <br>
|
||||
- Kết thúc: 28-10-2023, 12:00 am
|
||||
</p>
|
||||
<div>
|
||||
<span
|
||||
class="block w-[80px] text-center 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>
|
||||
|
||||
<span
|
||||
class="block w-[80px] text-center 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>
|
||||
</div>
|
||||
</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>
|
||||
<p>- Giá trị đơn hàng tối thiểu: <b class="text-[#E00000] font-bold">2.000.000 đ</b> </p>
|
||||
</td>
|
||||
<td>
|
||||
<div class="items-center flex"> <a href="/marketing/coupon-add?id=8"
|
||||
class="icons icon-edit" title="Sửa lại"></a> <a href="javascript:void(0)"
|
||||
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:void(0)" 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="javascript:void(0)" class="icons icon-delete" title="Xóa"></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,668 +0,0 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/marketing/coupon"> Phiếu giảm giá - Voucher </a>
|
||||
<a href=""> Form thêm / sửa coupon </a>
|
||||
</div>
|
||||
|
||||
<div class="max-w-[1141px] m-auto p-[0_15px]">
|
||||
<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">
|
||||
<p class="font-bold text-[20px]"> Cập nhật </p>
|
||||
|
||||
<a href="/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>
|
||||
|
||||
<p class="w-[100%] text-[#6B7280]">
|
||||
Giảm 10.000đ khi mua đặt hàng online (nhập mã test2023)
|
||||
</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="/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">
|
||||
|
||||
<input type="hidden" name="info[id]" value="0" />
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td width="215"> Mã số phiếu * </td>
|
||||
<td> CP220920213 </td>
|
||||
</tr>
|
||||
|
||||
<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] input input-md input-bordered h-[35px] rounded-[4px] 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] textarea 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>
|
||||
</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-[170px] mr-[15px] select select-bordered h-[38px] min-h-[38px] rounded-[4px]">
|
||||
<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'
|
||||
class="select select-bordered w-[100px] h-[38px] min-h-[38px] rounded-[4px]">
|
||||
<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)]" />
|
||||
</div>
|
||||
|
||||
<p class="mr-[10px]"> Giờ </p>
|
||||
|
||||
<select name='info[to_time_minute]' id='from_time_minute'
|
||||
class="select select-bordered w-[100px] h-[38px] min-h-[38px] rounded-[4px]">
|
||||
<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>
|
||||
<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 radio checked:bg-blue-500 ">
|
||||
<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 radio checked:bg-blue-500">
|
||||
<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="flex items-center cursor-pointer relative pl-[30px] mr-[15px]">
|
||||
<input type="radio" name="info[status]" value="1" class="left-0 radio checked:bg-blue-500">
|
||||
<span class="label-text ml-[5px]">Cho hiển thị</span>
|
||||
</label>
|
||||
|
||||
<label class="flex items-center cursor-pointer relative pl-[30px]">
|
||||
<input type="radio" name="info[status]" value="0" checked
|
||||
class="left-0 radio checked:bg-blue-500">
|
||||
<span class="label-text ml-[5px]">Ẩ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="flex items-center cursor-pointer relative pl-[26px] mb-[8px] w-[fit-content]">
|
||||
<input type="radio" onchange="$('#info_code_manual_input').css('display','none')"
|
||||
name="info[code_type]" value="auto" checked class="left-0 radio checked:bg-blue-500">
|
||||
<span class="label-text ml-[5px]">Hệ thống tự tạo </span>
|
||||
</label>
|
||||
|
||||
<label class="flex items-center cursor-pointer relative pl-[26px] w-[fit-content]">
|
||||
<input type="radio" onchange="$('#info_code_manual_input').css('display','inline-block')"
|
||||
name="info[code_type]" value="manual" class="left-0 radio checked:bg-blue-500">
|
||||
<span class="label-text ml-[5px]"> 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] input input-md input-bordered h-[35px] rounded-[4px] 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] input input-md input-bordered h-[35px] rounded-[4px] 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-[170px] mr-[15px] select select-bordered h-[38px] min-h-[38px] rounded-[4px]">
|
||||
<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] input input-md input-bordered h-[35px] rounded-[4px] 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] input input-md input-bordered h-[35px] rounded-[4px] 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] input input-md input-bordered h-[35px] rounded-[4px] 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'
|
||||
class="select select-bordered w-[100px] h-[38px] min-h-[38px] rounded-[4px]">
|
||||
<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)]" />
|
||||
</div>
|
||||
|
||||
<p class="mr-[10px]"> Giờ </p>
|
||||
|
||||
<select name='info[to_time_minute]' id='from_time_minute'
|
||||
class="select select-bordered w-[100px] h-[38px] min-h-[38px] rounded-[4px]">
|
||||
<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>
|
||||
<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] input input-md input-bordered h-[35px] rounded-[4px] 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] input input-md input-bordered h-[35px] rounded-[4px] 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="checkbox checkbox-success mr-[7px]">
|
||||
<span class="label-text"> 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]"
|
||||
class="checkbox checkbox-success mr-[7px]">
|
||||
<span class="label-text"> 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 radio checked:bg-blue-500" checked>
|
||||
<span class="label-text ml-[5px]"> 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"
|
||||
class="left-0 radio checked:bg-blue-500">
|
||||
<span class="label-text ml-[5px]"> 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] input input-md input-bordered h-[35px] rounded-[4px] 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 radio checked:bg-blue-500"
|
||||
checked>
|
||||
<span class="label-text ml-[5px]">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" class="left-0 radio checked:bg-blue-500">
|
||||
<span class="label-text ml-[5px]">Ẩ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>
|
||||
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
function show_content(ty) {
|
||||
var list_type = ['pro', 'cash', 'priceoff'];
|
||||
|
||||
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';
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -1,116 +0,0 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/marketing/coupon"> Phiếu giảm giá - Voucher </a>
|
||||
<a href=""> Form thêm / sửa coupon </a>
|
||||
</div>
|
||||
|
||||
<div class="max-w-[1141px] m-auto">
|
||||
<div class="flex flex-wrap items-start m-[16px_0]">
|
||||
<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="/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>
|
||||
|
||||
<p class="w-[100%] text-[#6B7280]">
|
||||
Giảm 10.000đ khi mua đặt hàng online (nhập mã test2023)
|
||||
</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="/marketing/coupon-add?id=8" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Chỉnh sửa </a>
|
||||
<a href="javascript:void(0)" style="color: #Fff;background: #0041E8;" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Danh sách sản phẩm </a>
|
||||
</div>
|
||||
|
||||
<div 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">
|
||||
|
||||
<div class="flex flex-wrap items-center justify-between mb-[13px]">
|
||||
<p class="font-bold text-[20px] leading-[20px] mr-3"> Danh sách sản phẩm áp dụng phiếu giảm giá </p>
|
||||
|
||||
<a href="" class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||
<span>Thêm sản phẩm mới</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<form method="get" enctype="multipart/form-data" action="/" class="flex items-center m-[15px_0] 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="Tìm sản phẩm " class="w-[240px] 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)] ">
|
||||
|
||||
<p class="whitespace-nowrap mr-[10px]">Chọn danh mục</p>
|
||||
|
||||
<select class="w-[165px_!important] mr-[10px] h-[36px] border border-[#D8D8D8] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||
<option value=""> Tất cả sản phẩm </option>
|
||||
<option value=""> - Danh mục cấp 1 </option>
|
||||
<option value=""> - Danh mục cấp 2 </option>
|
||||
<option value=""> - Danh mục cấp 3 </option>
|
||||
<option value=""> - Danh mục cấp 4 </option>
|
||||
</select>
|
||||
|
||||
<select class="w-[165px_!important] mr-[10px] h-[36px] border border-[#D8D8D8] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||
<option value=""> Thương hiệu </option>
|
||||
<option value=""> Brand </option>
|
||||
<option value=""> Brand </option>
|
||||
</select>
|
||||
|
||||
<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="order-page-table">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<td width="50"> STT </td>
|
||||
<td width="90"> Ảnh </td>
|
||||
<td width="350"> Tên </td>
|
||||
<td> Thông tin bán hàng </td>
|
||||
<td> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td align="center"> 1 </td>
|
||||
|
||||
<td>
|
||||
<img src="https://via.placeholder.com/400x300" class="block m-auto"/>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<a href="" target="_blank"> Mainboard MSI B450 TOMAHAWK MAX II (AMD B450, Socket AM4, ATX, 4 Khe Cắm Ram DDR4) </a>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<p> - Mã kho: <b> CN1 </b> </p>
|
||||
<p> - Giá bán: <b> 1.999.000 vnđ </b> </p>
|
||||
<p> - Kho hàng : <b> 1 </b> </p>
|
||||
<p> - Bảo hành : <b> 36 Tháng </b> </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="items-center flex justify-center">
|
||||
<a href="" title="Xem tại web" class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Xóa" class="icons icon-delete"></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="paging">
|
||||
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||
<a href="" class="current">1</a>
|
||||
<a href="">2</a>
|
||||
<a href="">3</a>
|
||||
<a href="">4</a>
|
||||
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1 +0,0 @@
|
||||
<div></div>
|
||||
@@ -1,108 +0,0 @@
|
||||
{% if global.url contains 'view=fb-product-select' %}
|
||||
|
||||
{% include 'marketing/feed_select' %}
|
||||
|
||||
{% elsif global.url contains 'view=fb-product-add' %}
|
||||
|
||||
{% include 'marketing/feed_add' %}
|
||||
|
||||
{% elsif global.url contains 'view=fb-product-list' %}
|
||||
|
||||
{% include 'marketing/feed_list' %}
|
||||
|
||||
{% else %}
|
||||
<div class="w-[100%]">
|
||||
<div
|
||||
class="m-[16px] p-[20px_16px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
|
||||
<p class="leading-[31px] font-bold text-[24px] mb-[12px]"> Facebook Product Ads </p>
|
||||
|
||||
<div class="flex items-center justify-between mb-[20px]">
|
||||
<p class="mr-[15px]">Tổng hợp các danh sách chứa Sản phẩm dùng quảng cáo trên Facebook. Dùng link Facebook
|
||||
Feed
|
||||
ở danh sách phù hợp để nhập trong facebook ad manager</p>
|
||||
|
||||
<a href="/marketing/feed?view=fb-product-add"
|
||||
class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[34px] 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 danh sách mới</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="overflow-x-auto">
|
||||
<table class="table">
|
||||
<thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-500">
|
||||
<tr>
|
||||
<td width="45"> STT </td>
|
||||
<td> Danh sách </td>
|
||||
<td> Sản phẩm </td>
|
||||
<td> Facebook feed </td>
|
||||
<td> Google feed </td>
|
||||
<td> Cập nhật </td>
|
||||
<td width="270"> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td align="center"> 1 </td>
|
||||
|
||||
<td class="font-bold whitespace-nowrap"> 2023 còn hàng </td>
|
||||
|
||||
<td align="center"> 6.055 sp </td>
|
||||
|
||||
<td>
|
||||
<div class="min-w-[200px]">
|
||||
<input type="text" value="/feed/facebook.php?id=1" readonly
|
||||
class="w-full h-[35px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]" />
|
||||
<a href=""> FB feed </a>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="min-w-[200px]">
|
||||
<input type="text" value="/feed/google.php?id=1" readonly
|
||||
class="w-full h-[35px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]" />
|
||||
<a href=""> Google feed </a>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td class="whitespace-nowrap">
|
||||
<p> Trương Thị Thái Ninh </p>
|
||||
<p> 25-10-2023, 3:05 pm </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="flex items-center flex-wrap justify-center w-[250px]">
|
||||
<a href="/marketing/feed?view=fb-product-list&id=1"
|
||||
class="block text-center font-[500] text-[#fff_!important] bg-[#0041E8] rounded-[4px] p-[0_9px] leading-[30px] mr-[8px]">Xem
|
||||
sản phẩm</a>
|
||||
|
||||
<a href="/marketing/feed?view=fb-product-add&id=1"
|
||||
class="icons icon-edit mr-[8px]" title="Sửa lại"></a>
|
||||
|
||||
<a href="/marketing/feed?view=fb-product-select&id=1"
|
||||
class="fas fa-plus-circle w-[30px] leading-[30px] mr-[8px] text-center rounded-[4px] border border-[#0041E8] bg-[#F5F7FF]"
|
||||
title="Thêm sản phẩm"></a>
|
||||
|
||||
<a href="" class="icons icon-delete" title="Xóa"></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="paging">
|
||||
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||
<a href="" class="current">1</a>
|
||||
<a href="">2</a>
|
||||
<a href="">3</a>
|
||||
<a href="">4</a>
|
||||
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
@@ -1,70 +0,0 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/marketing/feed"> Facebook/Google Feed </a>
|
||||
<a href=""> Thêm/ sửa danh sách FB ad </a>
|
||||
</div>
|
||||
|
||||
<div class="max-w-[1141px] m-auto">
|
||||
<div class="flex flex-wrap items-start m-[0_0_16px_0]">
|
||||
<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]">
|
||||
<p class="font-bold text-[20px] leading-[26px] mb-[10px]"> Cập nhật nhóm FB ad </p>
|
||||
<p class="text-[#6B7280]">ALL SP WEB 2023 NEW</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>
|
||||
</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">
|
||||
<div class="mb-[17px] flex items-center">
|
||||
<p class="font-bold text-[20px] leading-[20px] mr-4"> Thông tin cơ bản </p>
|
||||
|
||||
<a href=""
|
||||
class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_10px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||
Chọn Sản phẩm vào danh sách
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<b class="mb-[6px] leading-[18px] block"> Đặt tên danh sách </b>
|
||||
|
||||
<input type="text" value=""
|
||||
class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<p class="font-bold mb-[6px]"> Ghi chú / mô tả </p>
|
||||
|
||||
<textarea
|
||||
class="w-[100%] min-h-[122px] max-h-[170px] textarea textarea-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<div class="mb-[12px]">
|
||||
<p class="font-[300] mb-1">
|
||||
<b class="font-bold">Google Product Category ID </b>
|
||||
<i class="text-[#6B7280]"> Chỉ điền 1 danh mục: ID hoặc Tên danh mục trong danh sách </i>
|
||||
<a href="" style="font-style: italic;"> tại đây </a>
|
||||
</p>
|
||||
|
||||
<i class="block text-[#6B7280]"> V.d nếu là sp Bird Food thì điền 4990 hoặc Animals & Pet Supplies >
|
||||
Pet Supplies > Bird Supplies > Bird Food </i>
|
||||
</div>
|
||||
|
||||
<input type="text" value=""
|
||||
class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||
</div>
|
||||
|
||||
<hr class="border-[4px] border-[#FAFAFB] m-[16px_-16px]">
|
||||
|
||||
<input 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]" />
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,113 +0,0 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/marketing/feed"> Facebook Product Ads </a>
|
||||
<a href=""> Sản phẩm hiển thị Facebook </a>
|
||||
</div>
|
||||
|
||||
<div class="m-0_0_16px_16px] p-[20px_16px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
|
||||
<p class="leading-[31px] font-bold text-[24px] mb-[12px]"> Danh sách: 2023 còn hàng </p>
|
||||
|
||||
<form method="get" enctype="multipart/form-data" action="/" class="border border-[#F6F6F6] m-[12px_0_20px] 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="Tìm sản phẩm" 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]">
|
||||
<a href="" class="leading-[35px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||
Xóa danh sách được chọn
|
||||
</a>
|
||||
|
||||
<div class="flex items-center font-[500] leading-[35px]">
|
||||
<select class="min-w-[160px] h-[36px] m-[0_16px_0_0] p-[0_5px] border border-[#D8D8D8] rounded-[4px] mr-[15px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||
<option value=""> Xem theo điều kiện </option>
|
||||
<option value=""> option </option>
|
||||
</select>
|
||||
|
||||
<a href="/marketing/feed?view=fb-product-select?id=" 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 sản phẩm</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="order-page-table">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<td width="40"> <input type="checkbox" class="scale-[1.5] js-checkbox-all" onclick="CheckList.setAllChecked.call(this)"> </td>
|
||||
<td width="40"> STT </td>
|
||||
<td width="70"> Ảnh </td>
|
||||
<td> Tên Sản phẩm </td>
|
||||
<td> Thông tin bán hàng </td>
|
||||
<td width="180"> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td align="center">
|
||||
<input type="checkbox" class="scale-[1.5] js-checkbox-id">
|
||||
</td>
|
||||
|
||||
<td align="center"> 1 </td>
|
||||
|
||||
<td>
|
||||
<img src="https://via.placeholder.com/500x500" class="block">
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<a href="" target="_blank"> Chuột game Steelseries Prime Mini (62421) (USB/RGB) </a>
|
||||
<p> Mã kho: <b> MOVI213 </b> </p>
|
||||
<p> Lượt xem: 3360 </p>
|
||||
<p> Cập nhật: Hôm nay, 8:59 am </p>
|
||||
|
||||
<p class="inline-block mt-1 leading-[20px] border border-[#6B7280] text-[#6B7280] rounded-[50px] text-[12px] bg-[#F1F1F1] p-[0_10px]"> Chưa hiển thị </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<p> Giá: <b class="text-[red]">999.000</b> vnđ </p>
|
||||
<p> Kho hàng: <b>5</b> </p>
|
||||
<p> Bảo hành: <b>36 Tháng</b> </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<a href="" class="block text-center whitespace-nowrap font-[500] border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] leading-[34px] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
Loại sản phẩm này
|
||||
</a>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr> <td align="center"> <input type="checkbox" class="scale-[1.5] js-checkbox-id"> </td><td align="center"> 2 </td><td><img src="https://via.placeholder.com/500x500/fe0" class="block"></td><td> <a href="" target="_blank"> Chuột game Steelseries </a> <p> Mã kho: <b> MOVI213 </b> </p><p> Lượt xem: 3360 </p><p> Cập nhật: Hôm nay, 8:59 am </p><p class="inline-block mt-1 leading-[20px] border border-[#6B7280] text-[#6B7280] rounded-[50px] text-[12px] bg-[#F1F1F1] p-[0_10px]"> Chưa hiển thị </p></td><td> <p> Giá: <b class="text-[red]">999.000</b> vnđ </p><p> Kho hàng: <b></b> </p><p> Bảo hành: <b></b> </p></td><td> <a href="" class="block text-center whitespace-nowrap font-[500] border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] leading-[34px] group hover:bg-[#0041E8] hover:text-[#fff]"> Loại sản phẩm này </a> </td></tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="paging">
|
||||
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||
<a href="" class="current">1</a>
|
||||
<a href="">2</a>
|
||||
<a href="">3</a>
|
||||
<a href="">4</a>
|
||||
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="{{ 'checkbox.js' | asset_url }}"></script>
|
||||
|
||||
<script>
|
||||
|
||||
const LIST_ID = '26';
|
||||
const CheckList = Checkbox(removeProductFromFBList);
|
||||
|
||||
function removeProductFromFBList(pro_id) {
|
||||
$.post("/ajax/facebook.php",{
|
||||
action : "remove-product-from-list"
|
||||
, list_id : LIST_ID
|
||||
, pro_id : pro_id
|
||||
},function(data){
|
||||
$("#row_"+pro_id).fadeOut();
|
||||
});
|
||||
}
|
||||
</script>
|
||||
@@ -1,83 +0,0 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/marketing/feed"> Facebook Product Ads </a>
|
||||
<a href=""> Thêm sản phẩm hiển thị Facebook </a>
|
||||
</div>
|
||||
|
||||
<div class="m-[0_0_16px_16px] p-[20px_16px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
|
||||
<p class="leading-[31px] font-bold text-[24px] mb-[12px]"> Chọn sản phẩm hiển thị Facebook </p>
|
||||
|
||||
<form method="get" enctype="multipart/form-data" action="/" class="border border-[#F6F6F6] m-[12px_0_20px] 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="Tìm sản phẩm" 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 justify-between m-[20px_0_16px]">
|
||||
<div class="flex items-center">
|
||||
<a href="" class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||
Thêm toàn bộ sản phẩm
|
||||
</a>
|
||||
|
||||
<a href="" class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||
Chọn danh mục Sản phẩm để xem
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<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)]">
|
||||
<option value=""> Lọc sản phẩm </option>
|
||||
<option value=""> option </option>
|
||||
</select>
|
||||
|
||||
<select class="min-w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||
<option value=""> Sắp xếp sản phẩm </option>
|
||||
<option value=""> option </option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="order-page-table">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<td width="50"> STT </td>
|
||||
<td width="70"> Ảnh </td>
|
||||
<td> Tên Sản phẩm </td>
|
||||
<td> Thông tin bán hàng </td>
|
||||
<td width="160"> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td align="center"> 1 </td>
|
||||
<td> <img src="https://via.placeholder.com/500x350" class="block max-w-[52px] m-auto"/> </td>
|
||||
<td>
|
||||
<a href=""> Chuột game Steelseries Prime Mini (62421) (USB/RGB) </a>
|
||||
<p> Mã kho: <b> MOVI213 </b> </p>
|
||||
<p> Lượt xem: 3.360 </p>
|
||||
<p> Cập nhật: Hôm nay, 8:59 am </p>
|
||||
</td>
|
||||
<td>
|
||||
<p> Giá: <b class="text-[red]">999.000</b> vnđ </p>
|
||||
<p> Kho hàng: <b>5</b> </p>
|
||||
<p> Bảo hành: <b>36 Tháng</b> </p>
|
||||
</td>
|
||||
<td>
|
||||
<a href="" class="block text-center leading-[36px] bg-[#0041E8] text-[#fff_!important] font-[500] p-[0_12px] cursor-pointer rounded-[4px]"> Chọn sản phẩm </a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="paging">
|
||||
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||
<a href="" class="current">1</a>
|
||||
<a href="">2</a>
|
||||
<a href="">3</a>
|
||||
<a href="">4</a>
|
||||
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1 +0,0 @@
|
||||
<div></div>
|
||||
@@ -1,45 +0,0 @@
|
||||
<div class="m-[16px_0_16px_16px] p-[20px_15px] bg-white">
|
||||
<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="/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>
|
||||
|
||||
<div class="table">
|
||||
<table>
|
||||
<thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-[500]">
|
||||
<tr>
|
||||
<td> STT </td>
|
||||
<td> Quản trị </td>
|
||||
<td> Tên file </td>
|
||||
<td> Danh sách file </td>
|
||||
<td> Thời gian đăng </td>
|
||||
<td> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<td align="center"> 1 </td>
|
||||
<td> admin@hurasoft.com </td>
|
||||
<td> Huyen - Test - Bỉm (Mẹ & Bé).html </td>
|
||||
<td> </td>
|
||||
<td> 02-08-2023, 4:51 pm </td>
|
||||
<td> <a href="javascript:void(0)" class="icons icon-delete m-auto" title="Xóa"></a> </td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="center"> 2 </td>
|
||||
<td> admin@hurasoft.com </td>
|
||||
<td> Huyen - Test - Bỉm (Mẹ & Bé).html </td>
|
||||
<td> </td>
|
||||
<td> 02-08-2023, 4:51 pm </td>
|
||||
<td> <a href="javascript:void(0)" class="icons icon-delete m-auto" title="Xóa"></a> </td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,48 +0,0 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/marketing/poster-list"> Danh sách Poster </a>
|
||||
<a href=""> Upload Poster </a>
|
||||
</div>
|
||||
|
||||
<div class="max-w-[1140px] m-auto p-[0_15px]">
|
||||
|
||||
<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>
|
||||
|
||||
<div class="flex flex-wrap items-start m-[16px_0]">
|
||||
<div class="w-[25%] mr-[16px]">
|
||||
<div
|
||||
class="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>
|
||||
</div>
|
||||
|
||||
<form enctype="multipart/form-data" method="post"
|
||||
class="w-[calc(100%_-25%_-16px)] 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
|
||||
</p>
|
||||
|
||||
<div class="flex items-center border border-[#ECECEC] mb-[10px] p-[8px_12px]">
|
||||
<p class="mr-[10px]">Chọn file zip để upload (dung lượng tối đa 20MB)</p>
|
||||
<input type="file" name="zip_file"
|
||||
class="file-input w-full max-w-sm file-input-bordered h-[40px] text-[14px] file-input-primary"
|
||||
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]">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,63 +0,0 @@
|
||||
<div class="max-w-[1141px] m-[17px_auto_20px] p-[0_15px]">
|
||||
<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">
|
||||
<p class="font-bold text-[20px]"> Sản phẩm phiếu khuyến mại </p>
|
||||
|
||||
<a href="/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>
|
||||
</div>
|
||||
|
||||
<!-- col left -->
|
||||
<div class="w-[25%] mr-[16px]">
|
||||
<div
|
||||
class="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>
|
||||
</div>
|
||||
|
||||
<!-- col right -->
|
||||
<form method="post" enctype="multipart/form-data"
|
||||
class="order-page-table w-[calc(100%_-25%_-16px)] 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>
|
||||
<td width="215"> File cập nhật </td>
|
||||
|
||||
<td>
|
||||
<input type="file"
|
||||
class="file-input w-full max-w-sm file-input-bordered h-[40px] text-[14px] file-input-primary">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Lựa chọn </td>
|
||||
|
||||
<td>
|
||||
|
||||
<label class="cursor-pointer flex items-center mb-[5px]">
|
||||
<input type="checkbox" name="" checked="checked" class="checkbox checkbox-success" />
|
||||
<span class="label-text ml-[5px]">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>
|
||||
</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]" />
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,88 +0,0 @@
|
||||
<div class="w-full">
|
||||
<div class="marketing-coupon-page bg-white p-3 rounded shadow">
|
||||
<p class="leading-[30px] text-[24px] font-bold m-[0_0_12px]"> Khuyến mại theo sản phẩm </p>
|
||||
|
||||
<form method="get" enctype="multipart/form-data" action="/" class=" p-3 bg-white rounded-sm shadow">
|
||||
<input type="hidden" name="opt" value="marketing">
|
||||
<input type="hidden" name="view" value="promotion">
|
||||
<div class="flex items-center gap-3">
|
||||
<input type="text" name="q" id="keyword" value="" class="input bg-white rounded-sm shadow" />
|
||||
<input type="submit" value="Tìm kiếm" class="btn btn-active">
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div class="flex items-center justify-between m-[20px_0_25px]">
|
||||
<p> Danh sách các khuyến mại đi kèm khi người dùng mua Sản phẩm. Bạn cần tạo khuyến mại và lựa chọn Sản phẩm
|
||||
phù
|
||||
hợp cho từng khuyến mại </p>
|
||||
|
||||
<div class="flex items-center gap-3">
|
||||
<a href="/marketing/promotion-add" class="btn btn-view btn-outline btn-md">
|
||||
<i data-lucide="circle-plus" class="size-4"></i>
|
||||
<span>Thêm khuyến mại mới</span>
|
||||
</a>
|
||||
|
||||
<a href="/marketing/promotion-group" class="btn btn-view btn-outline btn-md">
|
||||
<i data-lucide="bookmark" class="size-4"></i>
|
||||
<span>Nhóm khuyến mại</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="overflow-x-auto border border-gray-200 rounded-sm">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr class="bg-base-200 font-bold text-black">
|
||||
<td width="50"> STT </td>
|
||||
<td> Khuyến mại </td>
|
||||
<td> Thời gian </td>
|
||||
<td> Cập nhật cuối </td>
|
||||
<td> Sản phẩm </td>
|
||||
<td width="180"> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<td align="center"> 1 </td>
|
||||
|
||||
<td class="whitespace-nowrap">
|
||||
<p>
|
||||
[Quà tặng] <b class="text-active font-bold">Phiếu mua hàng trị giá 100.000 VND</b>
|
||||
</p>
|
||||
<p> - Mô tả: Phiếu mua hàng </p>
|
||||
<p> - Giá trị: 0 VND </p>
|
||||
<p> - Số lượng: 0 </p>
|
||||
</td>
|
||||
|
||||
<td class="whitespace-nowrap">
|
||||
<p>Không giới hạn thời gian</p>
|
||||
</td>
|
||||
|
||||
<td class="whitespace-nowrap">
|
||||
<p>Admin</p>
|
||||
<p>06-06-2020, 10:57 am</p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<a href="/marketing/promotion-product?id=1" class="btn btn-active btn-sm">Xem</a>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="flex items-center flex-wrap justify-center gap-3">
|
||||
<a href="/marketing/promotion-add?id=1"
|
||||
class="btn btn-soft btn-sm btn-square btn-view" title="Sửa lại">
|
||||
<i data-lucide="pencil" class="size-3"></i>
|
||||
</a>
|
||||
<a href="" title="Cho Hiển thị" class="btn btn-soft btn-sm btn-square btn-view">
|
||||
<i data-lucide="eye" class="size-3"></i>
|
||||
</a>
|
||||
<a href="" class="btn btn-soft btn-sm btn-square btn-error">
|
||||
<i data-lucide="trash-2" class="size-3"></i>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,257 +0,0 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/marketing/promotion"> Khuyến mại theo sản phẩm </a>
|
||||
<a href=""> Form thêm/sửa khuyến mại </a>
|
||||
</div>
|
||||
|
||||
<div class="w-7xl mx-auto">
|
||||
<div class="w-full mt-5 p-3 bg-white rounded-sm shadow flex flex-wrap items-center justify-between">
|
||||
<p class="font-bold text-xl"> Cập nhật </p>
|
||||
|
||||
<a href="/marketing/promotion-add" class="btn btn-outline btn-view btn-sm">
|
||||
<i data-lucide="circle-plus" class="size-3"></i>
|
||||
<span>Thêm khuyến mại mới</span>
|
||||
</a>
|
||||
|
||||
<p class="w-full text-[#6B7280]">
|
||||
Tặng phiếu vệ sinh bảo dưỡng Laptop, PC miễn phí trọn đời trị giá 999.000đ (THEK417)
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-4 gap-5 mt-5">
|
||||
<div class="">
|
||||
<div
|
||||
class="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="/marketing/promotion-product?id=1"
|
||||
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Danh sách
|
||||
sản
|
||||
phẩm </a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<form method="post" enctype="multipart/form-data"
|
||||
class="order-page-table bg-white p-3 rounded-sm shadow col-span-3">
|
||||
|
||||
<p class="font-bold text-xl">Thông tin cơ bản</p>
|
||||
|
||||
<div class="mt-5 flex items-center gap-3">
|
||||
<b class="block">Hình thức</b>
|
||||
<select class="select w-[120px]">
|
||||
<option value="" selected> Quà tặng </option>
|
||||
<option value=""> Dịch vụ </option>
|
||||
<option value=""> Sản phẩm </option>
|
||||
<option value=""> Khác </option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<b class="block mb-2">Ảnh đại diện (nếu có)</b>
|
||||
<div id="avatar-promotion" class="mt-3"></div>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<b class="block">Đặt tiêu đề khuyến mại</b>
|
||||
<input type="text" value="" class="w-full input input-md input-bordered rounded-sm shadow mt-3" />
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-2 gap-3 mt-5">
|
||||
<div class="">
|
||||
<p class="mb-[7px]"> <b>Giá trị bằng</b> (VNĐ) </p>
|
||||
|
||||
<input type="text" value="0"
|
||||
class="w-[100%] h-[34px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
<div class="">
|
||||
<p class="mb-[7px]"> <b>Số lượng</b> (Để = -1 nếu không hạn chế số lượng)</p>
|
||||
<input type="text" value="0"
|
||||
class="w-[100%] h-[34px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<b class="block">Mô tả</b>
|
||||
|
||||
<textarea class="w-full textarea textarea-bordered rounded-sm shadow mt-3"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-4 gap-3 mt-5">
|
||||
<b class="block">Thời gian hiệu lực</b>
|
||||
|
||||
<div class="col-span-3">
|
||||
|
||||
<label class="cursor-pointer flex items-center gap-2">
|
||||
<input type="radio" name="info[time_valid]" value="0" class="radio radio-active"
|
||||
checked="checked" />
|
||||
<span class="label-text">Không giới hạn thời gian</span>
|
||||
</label>
|
||||
<label class="cursor-pointer flex items-center gap-2 mt-3">
|
||||
<input type="radio" name="info[time_valid]" value="1" class="radio radio-active" />
|
||||
<span class="label-text">Thời gian giới hạn</span>
|
||||
</label>
|
||||
|
||||
<div class="mt-3 grid grid-cols-2 gap-3">
|
||||
<div class="grid grid-cols-2 gap-3">
|
||||
<p> Bắt đầu </p>
|
||||
<input type="date" name="from_time_date" value="" placeholder="Từ ngày"
|
||||
class="input rounded-sm shadow w-[200px]" />
|
||||
</div>
|
||||
<div class="flex items-center gap-3">
|
||||
<p> Giờ </p>
|
||||
<select name='info[from_time_minute]' id='from_time_minute'
|
||||
class="select select-bordered w-[100px] rounded-sm">
|
||||
<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>
|
||||
<div class="mt-3 grid grid-cols-2 gap-3">
|
||||
<div class="grid grid-cols-2 gap-3">
|
||||
<p> Kết thúc </p>
|
||||
<input type="date" name="from_time_date" value="" placeholder="Từ ngày"
|
||||
class="input rounded-sm shadow w-[200px]" />
|
||||
</div>
|
||||
<div class="flex items-center gap-3">
|
||||
<p> Giờ </p>
|
||||
<select name='info[to_time_minute]' id='to_time_minute'
|
||||
class="select select-bordered w-[100px] rounded-sm">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<div class="flex items-center gap-2"> <b>Link liên quan (nếu có)</b> (Link tới 1 bài viết giới thiệu chi
|
||||
tiết hoặc link
|
||||
sản phẩm) </div>
|
||||
<input type="text" value="" class="w-full input input-md input-bordered rounded-sm shadow mt-3" />
|
||||
</div>
|
||||
|
||||
<div class="mb-[18px]">
|
||||
<p class="mb-[7px]"> <b>Ghi chú</b> </p>
|
||||
|
||||
<textarea
|
||||
class="w-[100%] min-h-[70px] max-h-[100px] textarea rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center">
|
||||
<p> <b>Hiển thị</b> </p>
|
||||
|
||||
|
||||
<label class="cursor-pointer flex items-center m-[0_76px]">
|
||||
<input type="radio" name="info[status]" value="1" class="radio checked:bg-blue-500" checked />
|
||||
<span class="label-text ml-[10px]">Cho hiển thị</span>
|
||||
</label>
|
||||
|
||||
|
||||
<label class="cursor-pointer flex items-center">
|
||||
<input type="radio" name="info[status]" value="0" class="radio checked:bg-blue-500" />
|
||||
<span class="label-text ml-[10px]">Ẩn hiển thị</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<p class="bg-[#FAFAFB] h-[6px] m-[20px_-16px]"></p>
|
||||
|
||||
<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]" />
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -1,84 +0,0 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/marketing/promotion"> Khuyến mại theo sản phẩm </a>
|
||||
<a href=""> Nhóm khuyến mại </a>
|
||||
</div>
|
||||
|
||||
<div class="bg-white m-[0_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-[10px] font-bold text-[24px]"> Nhóm khuyến mại </p>
|
||||
|
||||
<div class="flex items-center justify-between m-[10px_0_15px]">
|
||||
<p> Tổ chức khuyến mại theo nhóm để lựa chọn cho sản phẩm nhanh hơn. </p>
|
||||
|
||||
<a href="/marketing/promotion-group-add" class="flex items-center whitespace-nowrap border border-[#0041E8] mr-[15px] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px] group hover:bg-[#0041E8] hover:text-white">
|
||||
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||
<span>Thêm nhóm mới</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="order-page-table">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<td width="40"> STT </td>
|
||||
<td> Nhóm </td>
|
||||
<td> Danh sách khuyến mại </td>
|
||||
<td width="200"> Ghi chú </td>
|
||||
<td> Cập nhật cuối </td>
|
||||
<td> Sản phẩm </td>
|
||||
<td width="85"> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td align="center"> 1 </td>
|
||||
|
||||
<td>
|
||||
<b> KM màn </b>
|
||||
<p> - Mô tả: </p>
|
||||
<p> - Phân loại: Khách hàng được nhận tất cả KM trong nhóm </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<p> - Đón Tết Rồng Vàng Tặng 2024 Phần Quà (0 VND) </p>
|
||||
<p> - KM Giá treo màn hình (0 VND) </p>
|
||||
</td>
|
||||
|
||||
<td> </td>
|
||||
|
||||
<td>
|
||||
<p> Trần Kim Ngân </p>
|
||||
<p> 05-02-2024, 10:15 am </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<a href="/marketing/promotion-group-product?id=1" class="whitespace-nowrap block text-center leading-[30px] rounded-[4px] text-[#fff_!important] bg-[#0041E8] p-[0_6px]">
|
||||
Xem sản phẩm
|
||||
</a>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="items-center flex justify-center">
|
||||
<a href="/marketing/promotion-group-add?id=1" title="Sửa lại" class="icons icon-edit"></a>
|
||||
|
||||
<a href="" title="Xóa" class="icons icon-delete"></a>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="paging">
|
||||
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||
<a href="" class="current">1</a>
|
||||
<a href="">2</a>
|
||||
<a href="">3</a>
|
||||
<a href="">4</a>
|
||||
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -1,187 +0,0 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/marketing/promotion"> Khuyến mại theo sản phẩm </a>
|
||||
<a href=""> Form thêm/sửa khuyến mại </a>
|
||||
</div>
|
||||
|
||||
<div class="max-w-[1141px] m-[0_auto_20px]">
|
||||
<div class="flex flex-wrap items-start justify-center">
|
||||
{% if global.url contains 'id=' %}
|
||||
<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="/marketing/promotion-group-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 nhóm mới</span>
|
||||
</a>
|
||||
|
||||
<p class="w-[100%] text-[#6B7280]">
|
||||
Tặng phiếu vệ sinh bảo dưỡng Laptop, PC miễn phí trọn đời trị giá 999.000đ (THEK417)
|
||||
</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)" style="color: #Fff;background: #0041E8;" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Chỉnh sửa </a>
|
||||
<a href="/marketing/promotion-group-product?id=1" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Danh sách sản phẩm </a>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<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-[18px] block">
|
||||
<p class="font-bold text-[20px] leading-[20px] mb-[17px]"> Thông tin cơ bản </p>
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<p class="font-bold mb-[7px]"> Đặt tên nhóm </p>
|
||||
|
||||
<input type="text" value="" class="w-[100%] h-[32px] border border-[#D8D8D8] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||
</div>
|
||||
|
||||
<div class="mb-[25px]">
|
||||
<p class="font-bold mb-[7px]"> Mô tả </p>
|
||||
|
||||
<textarea class="w-[100%] min-h-[122px] max-h-[170px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<p class="font-bold mb-[7px] inline-block"> Chọn khuyến mại </p>
|
||||
|
||||
<a href="#popup-promotionListToSelect" data-fancybox class="inline-block m-[0_10px] border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[30px] p-[0_10px] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
Chọn khuyến mại vào nhóm
|
||||
</a>
|
||||
|
||||
<i class="font-300 text-[#6B7280]"> (* Cần nhấn Cập nhật để lưu lại) </i>
|
||||
</div>
|
||||
|
||||
<div class="order-page-table mb-[15px]">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<td> Khuyến mại </td>
|
||||
<td width="130"> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr id="js-row-1">
|
||||
<td style="vertical-align: middle;"> - Tặng ngay 01 Bếp lẩu nướng đa năng- hiệu Edra </td>
|
||||
|
||||
<td>
|
||||
<div class="items-center flex justify-center">
|
||||
|
||||
<a href="javascript:void(0)" title="Cho lên" onclick="movePromotion('#js-row-1', 'up')" class="fas fa-long-arrow-alt-up bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px] hover:border-[#0041E8] hover:text-[#0041E8_!important] hover:bg-[#F5F7FF]"></a>
|
||||
|
||||
<a href="javascript:void(0)" title="Cho xuống" onclick="movePromotion('#js-row-1', 'down')" class="fas fa-long-arrow-alt-down bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px] hover:border-[#0041E8] hover:text-[#0041E8_!important] hover:bg-[#F5F7FF]"></a>
|
||||
|
||||
<a href="javascript:void(0)" title="Xóa" onclick="removeRow('#js-row-1')" class="icons icon-delete hover:border-[#0041E8]"></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr id="js-row-2"> <td style="vertical-align: middle;"> - Test Khuyến mại 2 </td><td> <div class="items-center flex justify-center"> <a href="javascript:void(0)" title="Cho lên" onclick="movePromotion('#js-row-2', 'up')" class="fas fa-long-arrow-alt-up bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px] hover:border-[#0041E8] hover:text-[#0041E8_!important] hover:bg-[#F5F7FF]"></a> <a href="javascript:void(0)" title="Cho xuống" onclick="movePromotion('#js-row-2', 'down')" class="fas fa-long-arrow-alt-down bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px] hover:border-[#0041E8] hover:text-[#0041E8_!important] hover:bg-[#F5F7FF]"></a> <a href="javascript:void(0)" title="Xóa" onclick="removeRow('#js-row-2')" class="icons icon-delete hover:border-[#0041E8]"></a> </div></td></tr><tr id="js-row-3"> <td style="vertical-align: middle;"> - Test 3 </td><td> <div class="items-center flex justify-center"> <a href="javascript:void(0)" title="Cho lên" onclick="movePromotion('#js-row-3', 'up')" class="fas fa-long-arrow-alt-up bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px] hover:border-[#0041E8] hover:text-[#0041E8_!important] hover:bg-[#F5F7FF]"></a> <a href="javascript:void(0)" title="Cho xuống" onclick="movePromotion('#js-row-3', 'down')" class="fas fa-long-arrow-alt-down bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px] hover:border-[#0041E8] hover:text-[#0041E8_!important] hover:bg-[#F5F7FF]"></a> <a href="javascript:void(0)" title="Xóa" onclick="removeRow('#js-row-3')" class="icons icon-delete hover:border-[#0041E8]"></a> </div></td></tr>
|
||||
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<p class="font-bold mb-[7px]"> Ghi chú <i class="font-[300] font=[#6B7280]">(* dành cho quản trị)</i> </p>
|
||||
|
||||
<textarea class="w-[100%] min-h-[122px] max-h-[170px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||||
</div>
|
||||
|
||||
<hr class="border-[3px] border-[#FAFAFB] m-[16px_-16px]">
|
||||
|
||||
<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]">
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Popup chọn khuyến mại -->
|
||||
<div id="popup-promotionListToSelect" class="hidden p-[16px] rounded-[15px] w-[100%] max-w-[1141px]">
|
||||
<p class="leading-[26px] text-[20px] font-bold mb-[17px]"> Chọn khuyến mại </p>
|
||||
|
||||
<div class="order-page-table">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<td width="50"> STT </td>
|
||||
<td width="400"> Khuyến mại </td>
|
||||
<td width="250"> Thời gian </td>
|
||||
<td> Ghi chú </td>
|
||||
<td width="190"> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<td align="center"> 1 </td>
|
||||
|
||||
<td>
|
||||
<p> [Dịch vụ] </p>
|
||||
<p> - Mô tả: <b> 🎁 Tặng ngay 01 màn hình Lenovo Q24i-20 trị giá 4.690.000 VNĐ </b> </p>
|
||||
<p> - Giá trị: <b> 0 VNĐ </b> </p>
|
||||
<p> - Số lượng: <b> 0 </b> </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<p class="m-[0_6px_6px_0]">
|
||||
- Bắt đầu: 23-10-2023, 12:00 am <br>
|
||||
- Kết thúc: 28-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>
|
||||
|
||||
<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>
|
||||
</td>
|
||||
|
||||
<td> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum cupiditate soluta, nam, placeat molestias, possimus id aliquam sed repellat voluptatum ullam quaerat voluptatem tempore quisquam? Assumenda atque exercitationem in officiis?</p> </td>
|
||||
|
||||
<td>
|
||||
<a href="#popup-promotionListToSelect" data-fancybox="" class="block border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[30px] p-[0_10px] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
Chọn khuyến mại này
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="paging m-[20px_0!important]">
|
||||
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||
<a href="" class="current">1</a>
|
||||
<a href="">2</a>
|
||||
<a href="">3</a>
|
||||
<a href="">4</a>
|
||||
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Popup chọn khuyến mại -->
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
function removeRow(row_id) {
|
||||
$(row_id).remove();
|
||||
}
|
||||
|
||||
function move($div, dir) {
|
||||
//var $div = $(this).parent();
|
||||
if (dir === 'up') {
|
||||
$div.insertBefore($div.prev());
|
||||
} else {
|
||||
$div.insertAfter($div.next());
|
||||
}
|
||||
}
|
||||
|
||||
function movePromotion(row, dir) {
|
||||
var $div = $(row);
|
||||
move($div, dir);
|
||||
}
|
||||
</script>
|
||||
@@ -1,290 +0,0 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/marketing/promotion"> Khuyến mại theo sản phẩm </a>
|
||||
<a href="/marketing/promotion-group"> Nhóm khuyến mại </a>
|
||||
<a href=""> Form thêm/sửa nhóm khuyến mại </a>
|
||||
</div>
|
||||
|
||||
<div class="max-w-[1141px] m-[0_auto_20px]">
|
||||
<div class="flex flex-wrap items-start justify-center">
|
||||
{% if global.url contains 'id=' %}
|
||||
<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="/marketing/promotion-group-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 nhóm mới</span>
|
||||
</a>
|
||||
|
||||
<p class="w-[100%] text-[#6B7280]">
|
||||
Tặng phiếu vệ sinh bảo dưỡng Laptop, PC miễn phí trọn đời trị giá 999.000đ (THEK417)
|
||||
</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="/marketing/promotion-group-add?id=1" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Chỉnh sửa </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;"> Danh sách sản phẩm </a>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<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-[18px] block">
|
||||
<div class="flex flex-wrap items-center justify-between mb-[13px]">
|
||||
<p class="font-bold text-[20px] leading-[20px] mr-3"> Danh sách sản phẩm có nhóm khuyến mại </p>
|
||||
|
||||
<a href="#popup-promotionListToSelect" data-fancybox="" class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||
<span>Thêm sản phẩm mới</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="order-page-table">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<td width="50"> STT </td>
|
||||
<td width="90"> Ảnh </td>
|
||||
<td width="350"> Tên </td>
|
||||
<td> Thông tin bán hàng </td>
|
||||
<td> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td align="center"> 1 </td>
|
||||
|
||||
<td>
|
||||
<img src="https://via.placeholder.com/400x300" class="block m-auto"/>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<a href="" target="_blank"> Mainboard MSI B450 TOMAHAWK MAX II (AMD B450, Socket AM4, ATX, 4 Khe Cắm Ram DDR4) </a>
|
||||
<p> Mã kho : Hurasoft212333 </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<p> - Giá bán: <b> 1.999.000 vnđ </b> </p>
|
||||
<p> - Kho hàng : <b> 1 </b> </p>
|
||||
<p> - Bảo hành : <b> 36 Tháng </b> </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="items-center flex justify-center">
|
||||
<a href="" title="Xem tại web" class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Xóa" class="icons icon-delete"></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="paging">
|
||||
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||
<a href="" class="current">1</a>
|
||||
<a href="">2</a>
|
||||
<a href="">3</a>
|
||||
<a href="">4</a>
|
||||
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Popup Chọn sản phẩm vào nhóm khuyến mại -->
|
||||
<div id="popup-promotionListToSelect" class="hidden p-[16px] rounded-[15px] w-[100%] max-w-[1141px]">
|
||||
<p class="leading-[26px] text-[20px] font-bold mb-[17px]"> Chọn sản phẩm vào nhóm khuyến mại </p>
|
||||
|
||||
<form method="get" enctype="multipart/form-data" action="/" class="border border-[#F6F6F6] m-[12px_0_20px] 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="" 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 m-[15px_0]">
|
||||
<a href="javascript:void(0)" onclick="js_list_category.showModal()" class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||
Chọn danh mục để xem
|
||||
</a>
|
||||
|
||||
<a href="javascript:void(0)" onclick="js_list_brand.showModal()" class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||
Chọn thương hiệu để xem
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="order-page-table">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<td width="50"> STT </td>
|
||||
<td> Sản phẩm (Tổng số: 28.878) </td>
|
||||
<td width="160"> Giá </td>
|
||||
<td width="90"> Kho hàng </td>
|
||||
<td width="150"> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr align="center">
|
||||
<td> 1 </td>
|
||||
|
||||
<td align="left">
|
||||
<a href="" target="_blank"> Laptop Lenovo IdeaPad Slim 5 14IRL8 82XD007QVN (Intel Core i7-13620H | 16GB | 512GB | Intel UHD | 14 inch WUXGA | Win 11| Xám) </a>
|
||||
<p> Mã kho : <b>NBLN0777</b> </p>
|
||||
</td>
|
||||
|
||||
<td> 19.999.000 </td>
|
||||
|
||||
<td> 1.000 </td>
|
||||
|
||||
<td>
|
||||
<a href="#popup-promotionListToSelect" data-fancybox="" class="block border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[30px] p-[0_10px] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
Chọn sản phẩm
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="paging m-[20px_0!important]">
|
||||
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||
<a href="" class="current">1</a>
|
||||
<a href="">2</a>
|
||||
<a href="">3</a>
|
||||
<a href="">4</a>
|
||||
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Popup Chọn sản phẩm vào nhóm khuyến mại -->
|
||||
|
||||
|
||||
<!-- Popup Danh mục + thương hiệu -->
|
||||
<dialog id="js_list_category" class="modal">
|
||||
<div class="modal-box max-w-xl p-[16px]">
|
||||
<form method="dialog">
|
||||
<button class="absolute bg-[#ECECEC] font-bold leading-[30px] right-2 rounded-[50%] text-[#9E9E9E] top-2 w-[30px]">✕</button>
|
||||
</form>
|
||||
|
||||
<p class="mb-[6px] font-bold text-[20px] leading-[26px]"> Chọn danh mục để xem </p>
|
||||
<p class="m-[6px_0]"> Tổng số sản phẩm: 1.740 </p>
|
||||
|
||||
<ul class="h-[400px] overflow-auto leading-[24px]">
|
||||
<li class="mb-[7px]">
|
||||
<div>
|
||||
+ (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a>
|
||||
</div>
|
||||
|
||||
<ul class="pl-[15px]">
|
||||
|
||||
<li class="mb-[2px]">
|
||||
<div>
|
||||
+ (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a>
|
||||
</div>
|
||||
|
||||
<ul class="pl-[15px]">
|
||||
<li class="mb-[2px]">
|
||||
<div>
|
||||
+ (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5)
|
||||
</div>
|
||||
|
||||
<ul class="pl-[15px]">
|
||||
<li>
|
||||
<div>
|
||||
+ (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5)
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="mb-[2px]">
|
||||
<div>
|
||||
+ (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5)
|
||||
</div>
|
||||
</li>
|
||||
<li class="mb-[2px]">
|
||||
<div>
|
||||
+ (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5)
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</li>
|
||||
|
||||
<!-- loop -->
|
||||
<li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li>
|
||||
<!-- // -->
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<!-- Clone -->
|
||||
<li class="mb-[7px]"> <div> + (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li><li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li></ul> </li><li class="mb-[2px]"> <div> + (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li><li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li></ul> </li>
|
||||
<!-- // clone -->
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form method="dialog" class="modal-backdrop">
|
||||
<button>close</button>
|
||||
</form>
|
||||
</dialog>
|
||||
|
||||
<dialog id="js_list_brand" class="modal">
|
||||
<div class="modal-box max-w-xl p-[16px]">
|
||||
<form method="dialog">
|
||||
<button class="absolute bg-[#ECECEC] font-bold leading-[30px] right-2 rounded-[50%] text-[#9E9E9E] top-2 w-[30px]">✕</button>
|
||||
</form>
|
||||
|
||||
<p class="mb-[6px] font-bold text-[20px] leading-[26px]"> Chọn thương hiệu để xem </p>
|
||||
|
||||
<div class="h-[400px] overflow-auto">
|
||||
<p class="mb-[6px]"> Tìm theo chữ cái: </p>
|
||||
|
||||
<div class="flex flex-wrap items-center brand-letters leading-[24px] mb-[20px]">
|
||||
<a href="">
|
||||
A <span class="text-[black]">(73)</span>
|
||||
</a>
|
||||
|
||||
<a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a><a href=""> g <span class="text-[black]">(73)</span></a><a href=""> 123 <span class="text-[black]">(73)</span></a><a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a><a href=""> g <span class="text-[black]">(73)</span></a><a href=""> 123 <span class="text-[black]">(73)</span></a><a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a><a href=""> g <span class="text-[black]">(73)</span></a><a href=""> 123 <span class="text-[black]">(73)</span></a><a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a>
|
||||
</div>
|
||||
|
||||
<div class="order-page-table">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<td width="40">STT</td>
|
||||
<td>Thương hiệu</td>
|
||||
<td width="120">Số sản phẩm</td>
|
||||
<td width="80"></td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr align="center">
|
||||
<td> 1 </td>
|
||||
<td align="left"> ABS </td>
|
||||
<td> 1 </td>
|
||||
<td>
|
||||
<a href="/deal/deal-add?id=1" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- loop -->
|
||||
<tr align="center"> <td> 2 </td><td align="left"> A </td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 3</td><td align="left"> B</td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 4 </td><td align="left"> C</td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 5 </td><td align="left"> ABS </td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr>
|
||||
<tr align="center"> <td> 2 </td><td align="left"> A </td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 3</td><td align="left"> B</td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 4 </td><td align="left"> C</td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 5 </td><td align="left"> ABS </td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr>
|
||||
<!-- // -->
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<form method="dialog" class="modal-backdrop">
|
||||
<button>close</button>
|
||||
</form>
|
||||
</dialog>
|
||||
<!-- Popup Danh mục + thương hiệu -->
|
||||
@@ -1,290 +0,0 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/marketing/promotion"> Khuyến mại theo sản phẩm </a>
|
||||
<a href=""> Form thêm/sửa khuyến mại </a>
|
||||
</div>
|
||||
|
||||
<div class="max-w-[1141px] m-[0_auto_20px]">
|
||||
<div class="flex flex-wrap items-start justify-center">
|
||||
{% if global.url contains 'id=' %}
|
||||
<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="/marketing/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 mới</span>
|
||||
</a>
|
||||
|
||||
<p class="w-[100%] text-[#6B7280]">
|
||||
Tặng phiếu vệ sinh bảo dưỡng Laptop, PC miễn phí trọn đời trị giá 999.000đ (THEK417)
|
||||
</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="/marketing/promotion-add?id=1" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Chỉnh sửa </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;"> Danh sách sản phẩm </a>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<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-[18px] block">
|
||||
<div class="flex flex-wrap items-center justify-between mb-[13px]">
|
||||
<p class="font-bold text-[20px] leading-[20px] mr-3"> Danh sách sản phẩm có nhóm khuyến mại </p>
|
||||
|
||||
<a href="#popup-promotionListToSelect" data-fancybox="" class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||
<span>Thêm sản phẩm mới</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="order-page-table">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<td width="50"> STT </td>
|
||||
<td width="90"> Ảnh </td>
|
||||
<td width="350"> Tên </td>
|
||||
<td> Thông tin bán hàng </td>
|
||||
<td> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td align="center"> 1 </td>
|
||||
|
||||
<td>
|
||||
<img src="https://via.placeholder.com/400x300" class="block m-auto"/>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<a href="" target="_blank"> Mainboard MSI B450 TOMAHAWK MAX II (AMD B450, Socket AM4, ATX, 4 Khe Cắm Ram DDR4) </a>
|
||||
<p> Mã kho : Hurasoft212333 </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<p> - Giá bán: <b> 1.999.000 vnđ </b> </p>
|
||||
<p> - Kho hàng : <b> 1 </b> </p>
|
||||
<p> - Bảo hành : <b> 36 Tháng </b> </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="items-center flex justify-center">
|
||||
<a href="" title="Xem tại web" class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Xóa" class="icons icon-delete"></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="paging">
|
||||
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||
<a href="" class="current">1</a>
|
||||
<a href="">2</a>
|
||||
<a href="">3</a>
|
||||
<a href="">4</a>
|
||||
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- Popup Chọn sản phẩm vào nhóm khuyến mại -->
|
||||
<div id="popup-promotionListToSelect" class="hidden p-[16px] rounded-[15px] w-[100%] max-w-[1141px]">
|
||||
<p class="leading-[26px] text-[20px] font-bold mb-[17px]"> Chọn sản phẩm vào nhóm khuyến mại </p>
|
||||
|
||||
<form method="get" enctype="multipart/form-data" action="/" class="border border-[#F6F6F6] m-[12px_0_20px] 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="" 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 m-[15px_0]">
|
||||
<a href="javascript:void(0)" onclick="js_list_category.showModal()" class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||
Chọn danh mục để xem
|
||||
</a>
|
||||
|
||||
<a href="javascript:void(0)" onclick="js_list_brand.showModal()" class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||
Chọn thương hiệu để xem
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="order-page-table">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<td width="50"> STT </td>
|
||||
<td> Sản phẩm (Tổng số: 28.878) </td>
|
||||
<td width="160"> Giá </td>
|
||||
<td width="90"> Kho hàng </td>
|
||||
<td width="150"> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr align="center">
|
||||
<td> 1 </td>
|
||||
|
||||
<td align="left">
|
||||
<a href="" target="_blank"> Laptop Lenovo IdeaPad Slim 5 14IRL8 82XD007QVN (Intel Core i7-13620H | 16GB | 512GB | Intel UHD | 14 inch WUXGA | Win 11| Xám) </a>
|
||||
<p> Mã kho : <b>NBLN0777</b> </p>
|
||||
</td>
|
||||
|
||||
<td> 19.999.000 </td>
|
||||
|
||||
<td> 1.000 </td>
|
||||
|
||||
<td>
|
||||
<a href="#popup-promotionListToSelect" data-fancybox="" class="block border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[30px] p-[0_10px] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
Chọn sản phẩm
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="paging m-[20px_0!important]">
|
||||
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||
<a href="" class="current">1</a>
|
||||
<a href="">2</a>
|
||||
<a href="">3</a>
|
||||
<a href="">4</a>
|
||||
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Popup Chọn sản phẩm vào nhóm khuyến mại -->
|
||||
|
||||
|
||||
<!-- Popup Danh mục + thương hiệu -->
|
||||
<dialog id="js_list_category" class="modal">
|
||||
<div class="modal-box max-w-xl p-[16px]">
|
||||
<form method="dialog">
|
||||
<button class="absolute bg-[#ECECEC] font-bold leading-[30px] right-2 rounded-[50%] text-[#9E9E9E] top-2 w-[30px]">✕</button>
|
||||
</form>
|
||||
|
||||
<p class="mb-[6px] font-bold text-[20px] leading-[26px]"> Chọn danh mục để xem </p>
|
||||
<p class="m-[6px_0]"> Tổng số sản phẩm: 1.740 </p>
|
||||
|
||||
<ul class="h-[400px] overflow-auto leading-[24px]">
|
||||
<li class="mb-[7px]">
|
||||
<div>
|
||||
+ (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a>
|
||||
</div>
|
||||
|
||||
<ul class="pl-[15px]">
|
||||
|
||||
<li class="mb-[2px]">
|
||||
<div>
|
||||
+ (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a>
|
||||
</div>
|
||||
|
||||
<ul class="pl-[15px]">
|
||||
<li class="mb-[2px]">
|
||||
<div>
|
||||
+ (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5)
|
||||
</div>
|
||||
|
||||
<ul class="pl-[15px]">
|
||||
<li>
|
||||
<div>
|
||||
+ (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5)
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="mb-[2px]">
|
||||
<div>
|
||||
+ (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5)
|
||||
</div>
|
||||
</li>
|
||||
<li class="mb-[2px]">
|
||||
<div>
|
||||
+ (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5)
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</li>
|
||||
|
||||
<!-- loop -->
|
||||
<li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li>
|
||||
<!-- // -->
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<!-- Clone -->
|
||||
<li class="mb-[7px]"> <div> + (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li><li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li></ul> </li><li class="mb-[2px]"> <div> + (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li><li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li></ul> </li>
|
||||
<!-- // clone -->
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form method="dialog" class="modal-backdrop">
|
||||
<button>close</button>
|
||||
</form>
|
||||
</dialog>
|
||||
|
||||
<dialog id="js_list_brand" class="modal">
|
||||
<div class="modal-box max-w-xl p-[16px]">
|
||||
<form method="dialog">
|
||||
<button class="absolute bg-[#ECECEC] font-bold leading-[30px] right-2 rounded-[50%] text-[#9E9E9E] top-2 w-[30px]">✕</button>
|
||||
</form>
|
||||
|
||||
<p class="mb-[6px] font-bold text-[20px] leading-[26px]"> Chọn thương hiệu để xem </p>
|
||||
|
||||
<div class="h-[400px] overflow-auto">
|
||||
<p class="mb-[6px]"> Tìm theo chữ cái: </p>
|
||||
|
||||
<div class="flex flex-wrap items-center brand-letters leading-[24px] mb-[20px]">
|
||||
<a href="">
|
||||
A <span class="text-[black]">(73)</span>
|
||||
</a>
|
||||
|
||||
<a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a><a href=""> g <span class="text-[black]">(73)</span></a><a href=""> 123 <span class="text-[black]">(73)</span></a><a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a><a href=""> g <span class="text-[black]">(73)</span></a><a href=""> 123 <span class="text-[black]">(73)</span></a><a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a><a href=""> g <span class="text-[black]">(73)</span></a><a href=""> 123 <span class="text-[black]">(73)</span></a><a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a>
|
||||
</div>
|
||||
|
||||
<div class="order-page-table">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<td width="40">STT</td>
|
||||
<td>Thương hiệu</td>
|
||||
<td width="120">Số sản phẩm</td>
|
||||
<td width="80"></td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr align="center">
|
||||
<td> 1 </td>
|
||||
<td align="left"> ABS </td>
|
||||
<td> 1 </td>
|
||||
<td>
|
||||
<a href="/deal/deal-add?id=1" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- loop -->
|
||||
<tr align="center"> <td> 2 </td><td align="left"> A </td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 3</td><td align="left"> B</td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 4 </td><td align="left"> C</td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 5 </td><td align="left"> ABS </td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr>
|
||||
<tr align="center"> <td> 2 </td><td align="left"> A </td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 3</td><td align="left"> B</td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 4 </td><td align="left"> C</td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 5 </td><td align="left"> ABS </td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr>
|
||||
<!-- // -->
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<form method="dialog" class="modal-backdrop">
|
||||
<button>close</button>
|
||||
</form>
|
||||
</dialog>
|
||||
<!-- Popup Danh mục + thương hiệu -->
|
||||
@@ -1,52 +0,0 @@
|
||||
<div class="w-[100%] mb-[50px]">
|
||||
|
||||
<div class="text-sm breadcrumbs ml-[10px]">
|
||||
<ul>
|
||||
<li><a href="/product/media">Danh sách Media</a></li>
|
||||
<li class="text-[#0041E8]">Quản lý nhóm media</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white m-[16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
|
||||
<h2 class="font-bold text-[24px]"> Phân loại nhóm danh mục media </h2>
|
||||
|
||||
<a href=""
|
||||
class="block m-[auto_0_auto_auto] w-[150px] mt-[15px] 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="inline-block text-center items-center border-[1px] border-[#0041E8] h-[14px] w-[14px] leading-[10.4px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||
<span>Thêm nhóm mới</span>
|
||||
</a>
|
||||
|
||||
<table class="mt-[20px]">
|
||||
<thead class="bg-[#f6f6f6] font-bold">
|
||||
<tr>
|
||||
<td>STT</td>
|
||||
<td>ID</td>
|
||||
<td>Tên nhóm</td>
|
||||
<td>Thời gian</td>
|
||||
<td>Lựa chọn</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>1385</td>
|
||||
<td>Ảnh tin tức</td>
|
||||
<td>2023-10-01 12:00:00</td>
|
||||
<td>
|
||||
<div class="flex gap-[10px]">
|
||||
<a href=""
|
||||
class='w-[32px] h-[32px] 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-[32px] h-[32px] 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>
|
||||
@@ -1,102 +0,0 @@
|
||||
<div class="w-[100%]">
|
||||
<div
|
||||
class="bg-white m-[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="/"
|
||||
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] min-h-[36px] select select-bordered 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]">
|
||||
Quản lý nhóm media
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<a href="/media/upload"
|
||||
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.
|
||||
</p>
|
||||
|
||||
<div class="overflow-x-auto">
|
||||
<table class="table">
|
||||
<thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-500">
|
||||
<tr>
|
||||
<td width="50"> STT </td>
|
||||
<td width="120"> Xem nhanh </td>
|
||||
<td> Tên file </td>
|
||||
<td width="120" align="center"> Loại file </td>
|
||||
<td> Thời gian </td>
|
||||
<td width="120"> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr align="center">
|
||||
<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]">
|
||||
Xem nhanh
|
||||
</a>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<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"
|
||||
class="max-w-[700px] w-[100%] h-[35px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-[#6B7280]">
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td> banner </td>
|
||||
|
||||
<td> 2023-08-11 00:00:00 </td>
|
||||
|
||||
<td>
|
||||
<div class="items-center flex justify-center">
|
||||
<a href="" title="Sửa lại" class="icons icon-edit mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Xóa" class="icons icon-delete"></a>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,129 +0,0 @@
|
||||
<div class="w-[100%] mb-[50px]">
|
||||
|
||||
<div class="text-sm breadcrumbs ml-[10px]">
|
||||
<ul>
|
||||
<li><a href="/media">Danh sách Media</a></li>
|
||||
<li class="text-[#0041E8]">Form thêm / sửa media</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">
|
||||
<h2 class="font-bold text-[24px]"> Cập nhật media </h2>
|
||||
<a href="/media/upload"
|
||||
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-[10.5px] mr-[5px] text-[#6B7280]">+</span>
|
||||
<span class="text-[#6B7280]">Thêm file Media mới</span>
|
||||
</a>
|
||||
</div>
|
||||
<p class="text-gray-500">/media/lib/11-08-2023/new.png</p>
|
||||
</div>
|
||||
|
||||
<div class="flex">
|
||||
<div class="left w-[270px] mr-[10px]">
|
||||
<div class="list-tab">
|
||||
<a href="/media/upload"
|
||||
class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[20px]">Thông
|
||||
tin</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right w-[860px]">
|
||||
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A]">
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td>Link file</td>
|
||||
<td>
|
||||
<input type="text" size="60" name="" value="/media/lib/11-08-2023/new.png"
|
||||
placeholder="link file"
|
||||
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Đặt tên</td>
|
||||
<td>
|
||||
<input type="text" size="60" name="" value="iPhone 11 Chính Hãng" placeholder="Đặt tên"
|
||||
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Phân nhóm</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<select name='product[1][1][discount_type]' id='from_time_minute'
|
||||
class="select select-bordered w-[200px] h-[35px] min-h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
<option value="">Phân loại</option>
|
||||
<option value="0">Tin tức</option>
|
||||
<option value="1">Sản phẩm</option>
|
||||
</select>
|
||||
<a href="/media/category"
|
||||
class="leading-[35px] ml-[16px] border border-[#0041E8] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#0041E8] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
Quản lý nhóm media
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Chiều rộng (width)</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<input type="text" size="10" name="" value="200" placeholder="Chiều rộng"
|
||||
class="w-[100px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
<span class="ml-2 italic text-gray-500">(điền số cho đơn vị pixel, bắt buộc với
|
||||
Flash, Video
|
||||
clip)</span>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Chiều Cao (height)</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<input type="text" size="10" name="" value="200" placeholder="Chiều rộng"
|
||||
class="w-[100px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
<span class="ml-2 italic text-gray-500">(điền số cho đơn vị pixel, bắt buộc với
|
||||
Flash, Video
|
||||
clip)</span>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>File ảnh</td>
|
||||
<td>
|
||||
<img src="" class="w-[300px] h-[300px] block" alt="">
|
||||
<div class="flex items-center mt-[15px]">
|
||||
<p class="mr-3">Upload file</p>
|
||||
<input type="file" name="zip_file"
|
||||
class="file-input w-[105px] max-w-sm file-input-bordered h-[40px] text-[14px] file-input-primary"
|
||||
size="40" />
|
||||
</div>
|
||||
<b class="block mt-[15px]">Dung lượng file phải nhỏ hơn 20MB</b>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Code HTML</td>
|
||||
<td>
|
||||
<textarea name="" id="" cols="30" rows="10"
|
||||
class="w-[100%] h-[70px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"></textarea>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Hoặc Link trên mạng</td>
|
||||
<td>
|
||||
<input type="text" size="10" name="" value="" placeholder=""
|
||||
class="w-full border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<input name="submit" type="submit" value="Cập nhật"
|
||||
class="inline-block my-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -1,99 +0,0 @@
|
||||
<div class="bg-white shadow p-3 rounded-sm">
|
||||
<p class="text-2xl font-bold mb-3"> Danh sách mặc cả giá </p>
|
||||
<div class="flex flex-wrap gap-3">
|
||||
<a href="" class="btn btn-active btn-md">
|
||||
Chưa xử lý
|
||||
</a>
|
||||
|
||||
<a href="" class="btn btn-md">
|
||||
Thành công
|
||||
</a>
|
||||
|
||||
<a href="" class="btn btn-md">
|
||||
Hủy bỏ
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<p class="mt-5">
|
||||
Tổng số mặc cả giá nhận được: <b> 1.458 </b>
|
||||
</p>
|
||||
|
||||
<div class="mt-5 overflow-x-auto whitespace-nowrap border border-base-200 rounded-sm">
|
||||
<table class="table table-pin-rows table-pin-cols">
|
||||
<thead>
|
||||
<tr class="bg-base-200 text-black">
|
||||
<td> STT </td>
|
||||
<td> Thời gian </td>
|
||||
<td> Khách hàng </td>
|
||||
<td> Thông tin sản phẩm </td>
|
||||
<td> Trạng thái </td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr id="row_1">
|
||||
<td align="center"> 1 </td>
|
||||
<td> 16-11-2023, 9:59 am </td>
|
||||
<td>
|
||||
<p> - Họ tên: <b> Ngô Quang Sơn </b> </p>
|
||||
<p> - Email: sonnq57@yahoo.com.sg </p>
|
||||
<p> - Tel: 0913236989 </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<p> - Sản phẩm: Tai nghe NICEHCK Traceless có Mic (Type-C) </p>
|
||||
<p> - Giá bán (lúc mặc cả): 258.850.000 </p>
|
||||
<p> - Giá mặc cả: 0 </p>
|
||||
<p> - Nguồn mặc cả: https://hacom.vn/ </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div id="status_1" class="flex items-center gap-2">
|
||||
<span class="badge badge-success badge-sm badge-soft">Thành công </span>
|
||||
<span class="badge badge-warning badge-sm badge-soft"> Chưa xử lý </span>
|
||||
<span class="badge badge-error badge-sm badge-soft">Hủy bỏ </span>
|
||||
|
||||
<a href="javascript:edit_order_status(1)" title="Chỉnh sửa" class=""><i data-lucide="pencil"
|
||||
class="size-4 text-primary"></i></a>
|
||||
</div>
|
||||
|
||||
<p class="mt-2"> Lúc 28-02-2015, 12:40 pm </p>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<a href="" class="btn btn-soft btn-error btn-xs btn-square" title="Xóa"> <i
|
||||
data-lucide="trash-2" class="size-4 text-red-200"></i></a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="join mt-5 justify-end flex items-center gap-1">
|
||||
<a href="" class="btn btn-ghost btn-circle btn-sm" aria-label="Pagination controls">
|
||||
<i data-lucide="chevron-left" class="size-4"></i>
|
||||
</a>
|
||||
<a href="" class="btn btn-circle btn-sm btn-ghost">1</a>
|
||||
<a href="" class="btn btn-circle btn-sm btn-ghost btn-active">2</a>
|
||||
<a href="" class="btn btn-circle btn-sm btn-ghost">3</a>
|
||||
<a href="" class="btn btn-circle btn-sm btn-ghost">4</a>
|
||||
<a href="" class="btn btn-circle btn-sm btn-ghost">5</a>
|
||||
<a href="" class="btn btn-ghost btn-circle btn-sm" aria-label="Pagination controls">
|
||||
<i data-lucide="chevron-right" class="size-4"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function edit_order_status(id) {
|
||||
$('#status_' + id).html(`
|
||||
<select class="min-w-[140px] w-[auto_!important]">
|
||||
<option> Trạng thái </option>
|
||||
<option value="1"> Đã xử lý </option>
|
||||
<option value="0"> Chưa xử lý </option>
|
||||
<option value="-1"> Hủy bỏ </option>
|
||||
</select>
|
||||
`);
|
||||
}
|
||||
</script>
|
||||
@@ -1,514 +0,0 @@
|
||||
<div class="breadcrumbs tw-zab tw-zpa tw-iia">
|
||||
<ul>
|
||||
<li><a href="/order/home" data-discover="true">Danh sách đơn hàng</a></li>
|
||||
<li class="">Chi tiết đơn hàng</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="order-detail-page w-[80%] mt-3 m-auto">
|
||||
|
||||
<div class="shadow rounded-sm bg-white p-3 border border-base-300">
|
||||
|
||||
<div class="flex items-center justify-between">
|
||||
<b class="text-[18px] font-bold mb-[3px] leading-[23px]">Đơn hàng #000-368</b>
|
||||
<div class="text-right">
|
||||
<a href="" title="In đơn hàng" class="btn btn-view btn-outline btn-sm ">
|
||||
<i data-lucide="printer" class="size-4"></i>
|
||||
<span>In đơn hàng</span>
|
||||
</a>
|
||||
<a href="" title="" class="btn btn-view btn-outline btn-sm">
|
||||
<i data-lucide="mail" class="size-4"></i>
|
||||
<span>Gửi email</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<p class="mt-[5px]">Thời gian: 16-11-2023, 9:59 am</p>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-3 mt-5 gap-3">
|
||||
<div class="col-span-2 shadow rounded-sm bg-white p-3 border border-base-300">
|
||||
<div class="mb-3">
|
||||
<b class="">1. Khách hàng</b>
|
||||
|
||||
<div class="order-page-table mt-2 border border-base-200 rounded-sm">
|
||||
<table class="table table-md">
|
||||
<tr>
|
||||
<td> <b>Tên</b> </td>
|
||||
<td> Nguyen Duc Quan </td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> <b>Số điện thoại</b> </td>
|
||||
<td> 0822256369 </td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> <b>Email</b> </td>
|
||||
<td> quannd@hurasoft.com </td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> <b>Địa chỉ nhận hàng</b> </td>
|
||||
<td>
|
||||
<span> Kiến Hưng, Quận Hà Đông, Hà Nội </span>
|
||||
<a onclick="js_update_shipping_address.showModal()" href="javascript:void(0)"
|
||||
title="Cập nhật địa chỉ nhận hàng" class="icons icon-edit inline-block"
|
||||
style="background-position: -111px -86px;"></a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> <b>Địa chỉ thanh toán</b> </td>
|
||||
<td>
|
||||
<span> Kiến Hưng, Quận Hà Đông, Hà Nội </span>
|
||||
<a href="javascript:void(0)" onclick="js_update_payment.showModal()" data-fancybox
|
||||
title="Cập nhật địa chỉ thanh toán" class="icons icon-edit inline-block"
|
||||
style="background-position: -111px -86px;"></a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mt-5">
|
||||
<b class="">2. Sản phẩm</b>
|
||||
|
||||
<div
|
||||
class="overflow-x-auto lg:whitespace-nowrap ms:whitespace-nowrap md:whitespace-nowrap 2xl:whitespace-normal mt-2 border border-base-200 rounded-sm">
|
||||
<table class="table text-center">
|
||||
<thead class="bg-base-200 font-bold text-black">
|
||||
<tr>
|
||||
<td> STT </td>
|
||||
<td> Mã kho </td>
|
||||
<td> Tên </td>
|
||||
<td> Giá </td>
|
||||
<td> SL </td>
|
||||
<td> Tổng </td>
|
||||
<td> Ghi chú </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<td> 1 </td>
|
||||
<td class="text-primary"> HH0003 </td>
|
||||
<td class="text-left">
|
||||
<a href="" target="_blank" class="text-primary"> HHWS - CORE i9 9900X | 32G |
|
||||
NVIDIA RTX 2060 6GB </a>
|
||||
</td>
|
||||
<td> 34.800.000 VND (chiếc) </td>
|
||||
<td> 2 </td>
|
||||
<td> 69.600.000 VND </td>
|
||||
<td class="text-left">Ghi chú</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mt-5">
|
||||
<b class="">3. Số tiền</b>
|
||||
|
||||
<div class="order-page-table mt-3 border border-base-200 rounded-sm">
|
||||
<table class="table table-md">
|
||||
<tr>
|
||||
<td width="330"> <b>Tổng giá trị</b> </td>
|
||||
<td class="font-bold">
|
||||
69.600.000 VND
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> <b>Phí vận chuyển & giao hàng</b> </td>
|
||||
<td>
|
||||
<span> 0 VND </span>
|
||||
<a href="javascript:void()" onclick="js_update_order_shipping.showModal()"
|
||||
title="Cập nhật phí ship cho đơn hàng" class="icons icon-edit inline-block"
|
||||
style="background-position: -111px -86px;vertical-align:sub;"></a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> <b>Phí thu hộ</b> </td>
|
||||
<td>
|
||||
<span> 0 VND </span>
|
||||
<a href="javascript:void()" onclick="js_update_order_shipping.showModal()"
|
||||
title="Cập nhật phí ship cho đơn hàng" class="icons icon-edit inline-block"
|
||||
style="background-position: -111px -86px;vertical-align:sub;"></a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> <b>Tổng thu</b> </td>
|
||||
<td> 69.600.000 VND </td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mt-5">
|
||||
<b class="">4. Lịch sử cập nhật</b>
|
||||
|
||||
<div class="order-page-table text-center mt-3 border border-base-200 rounded-sm">
|
||||
<table class="table table-md">
|
||||
<thead class="bg-base-200 font-bold text-black">
|
||||
<tr>
|
||||
<td> STT </td>
|
||||
<td> Phân loại </td>
|
||||
<td> Trạng thái </td>
|
||||
<td> Ghi chú </td>
|
||||
<td> Người cập nhật </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<td> 1 </td>
|
||||
<td> payment </td>
|
||||
<td> paid </td>
|
||||
<td> test </td>
|
||||
<td> Đức lúc 22-05-2023, 4:49 pm </td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td colspan="5" align="left"> Hiện tại chưa có trạng thái nào được cập nhật </td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="">
|
||||
<div class="rounded-sm bg-white p-3 shadow border border-base-300">
|
||||
<p class="mb-[7px] font-bold">Nhân sự xử lý đơn hàng</p>
|
||||
<p class="flex items-center gap-3">
|
||||
<span class="inline-block">Uyên Hura</span>
|
||||
<a href="javascript:$('#js-assign-holder').toggle()" title="Chỉnh sửa"><i
|
||||
class="iconify lucide--pencil mt-1 text-primary"></i></a>
|
||||
</p>
|
||||
|
||||
<div id="js-assign-holder" class="hidden">
|
||||
<select
|
||||
onchange="OrderManagement.assignAdmin('130', this.value, this.options[this.selectedIndex].text)"
|
||||
class="select mt-2" id="js-assign-admin">
|
||||
<option value="">--Người thực hiện --</option>
|
||||
<option value="24">Uyên Hura</option>
|
||||
<option value="23">HuraSoft</option>
|
||||
<option value="25">Quân Hura</option>
|
||||
</select>
|
||||
<div id="assign_status"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="rounded-sm bg-white p-3 shadow mb-4 mt-3 border border-base-300">
|
||||
<p class="mb-[7px] font-[700]"> Trạng thái thanh toán </p>
|
||||
|
||||
<div class="flex items-center mt-3 gap-3">
|
||||
<span class="badge badge-error badge badge-soft">
|
||||
Chưa thanh toán
|
||||
</span>
|
||||
<a href="javascript:$('#js-payment-status-holder').show()" title="Chỉnh sửa"><i
|
||||
class="iconify lucide--pencil mt-1 text-primary"></i></a>
|
||||
</div>
|
||||
|
||||
<div id="js-payment-status-holder" class="hidden">
|
||||
<div class="mt-3">
|
||||
<textarea placeholder="Ghi chú (v.d. Chuyển khoản ngân hàng VCB, số tham chiếu 1234)"
|
||||
id="js-payment-comment" class="textarea"></textarea>
|
||||
</div>
|
||||
|
||||
<div style="margin: 10px 0;">
|
||||
<input type="button" onclick="OrderManagement.update_payment_status()"
|
||||
title="Click để xác nhận đơn đã được thanh toán đủ" value="Đã nhận đủ"
|
||||
class="btn btn-active">
|
||||
<input type=" button" value="Quay lại" class="btn"
|
||||
onclick="$('#js-payment-status-holder').hide()">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p class="mt-3">Khách chọn: Thanh toán bằng VNPAY</p>
|
||||
</div>
|
||||
|
||||
<div class="mt-3 rounded-sm bg-white p-3 shadow mb-4 border border-base-300">
|
||||
<p class="font-bold"> Trạng thái vận chuyển </p>
|
||||
|
||||
<p class="flex items-center mt-3 gap-3">
|
||||
<span class="badge badge-error badge badge-soft">
|
||||
Chưa chuyển
|
||||
</span>
|
||||
<a href="javascript:$('#js-fulfillment-status-holder').show()" title="Chỉnh sửa"><i
|
||||
class="iconify lucide--pencil mt-1 text-primary"></i></a>
|
||||
</p>
|
||||
|
||||
<div id="js-fulfillment-status-holder" style="display: none;">
|
||||
<div class="mt-5">
|
||||
<textarea placeholder="Ghi chú (v.d. Chuyển phát ViettelPost, mã phiếu gửi 1234)"
|
||||
id="js-fulfillment-comment" class="textarea"></textarea>
|
||||
</div>
|
||||
|
||||
<div style="margin: 10px 0;">
|
||||
<input type="button" onclick="OrderManagement.update_fulfillment_status()"
|
||||
title="Click để xác nhận đơn đã được vận chuyển thành công" value="Đã vận chuyển"
|
||||
class="btn btn-active" />
|
||||
<input type=" button" value="Quay lại" class="btn"
|
||||
onclick="$('#js-fulfillment-status-holder').hide()">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p class="mt-3">Khách chọn: Giao hàng tiêu chuẩn</p>
|
||||
</div>
|
||||
|
||||
<div class="mt-3 rounded-sm bg-white p-3 shadow mb-4 border border-base-300">
|
||||
<p class="font-bold">
|
||||
Trạng thái đơn hàng
|
||||
<a href="javascript:$('#js-order-status-holder').toggle()" title="Chỉnh sửa"><i
|
||||
class="iconify lucide--pencil mt-1 text-primary"></i></a>
|
||||
</p>
|
||||
|
||||
<div id="js-order-status-holder" style="display: none;">
|
||||
<div class="mt-3">
|
||||
<textarea placeholder="Ghi chú" id="js-order-comment" class="textarea"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="mt-3">
|
||||
<select id="js-order-status-select" class="select">
|
||||
<option value="">--Chọn trạng thái--</option>
|
||||
<option value="new">Mới</option>
|
||||
<option value="processing">Đang xử lý</option>
|
||||
<option value="success">Thành công</option>
|
||||
<option value="closed">Đóng lại</option>
|
||||
<option value="canceled">Hủy</option>
|
||||
</select>
|
||||
|
||||
<input type="button" onclick="OrderManagement.update_order_status()" title="Click để xác nhận"
|
||||
value="Lưu lại" class="btn btn-active mt-3">
|
||||
|
||||
<input type="button" value="Quay lại" class="btn" onclick="$('#js-order-status-holder').hide()">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-3 rounded-sm bg-white p-3 shadow mb-4 border border-base-300">
|
||||
<p class="font-bold"> Ghi chú </p>
|
||||
|
||||
<textarea placeholder=" Ghi chú" id="js-comment" class="textarea"></textarea>
|
||||
|
||||
<div>
|
||||
<span id="js-comment-status-holder"></span>
|
||||
<input type="button" onclick="OrderManagement.update_admin_comment()" value="Lưu lại"
|
||||
class="btn btn-active mt-3">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- // Cập nhật địa chỉ nhận hàng -->
|
||||
<dialog id="js_update_shipping_address" class="modal">
|
||||
<div class="p-[20px_16px] rounded-[15px] w-[100%] max-w-[600px] bg-white modal-box">
|
||||
<p class="leading-[20px] text-[16px] font-bold mb-[20px]"> Cập nhật địa chỉ nhận hàng </p>
|
||||
|
||||
<table class="w-[100%]">
|
||||
<tr>
|
||||
<td width="100">Họ tên</td>
|
||||
<td>
|
||||
<input type="text" id="js-shipping-address-person_name" value="Nguyen Duc Quan"
|
||||
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Mobile</td>
|
||||
<td>
|
||||
<input type="text" id="js-shipping-address-mobile" value="0832256395"
|
||||
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Tỉnh/thành</td>
|
||||
<td>
|
||||
<input type="text" id="js-shipping-address-province_name" value="TP HCM"
|
||||
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Quận huyện</td>
|
||||
<td>
|
||||
<input type="text" id="js-shipping-address-district_name" value="Quận Gò Vấp"
|
||||
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Phường/xã</td>
|
||||
<td>
|
||||
<input type="text" id="js-shipping-address-ward_name" value=""
|
||||
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Địa chỉ</td>
|
||||
<td>
|
||||
<input type="text" id="js-shipping-address-address" size="50" value="Kiến Hưng - Hà Đông - Hà Nội"
|
||||
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!--<tr><td>Phân loại</td><td><input type=text id="js-shipping-address-type" size=30 value="" /></td></tr>-->
|
||||
<tr>
|
||||
<td>Ghi chú</td>
|
||||
<td>
|
||||
<input type="text" id="js-shipping-address-note" value="test"
|
||||
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>
|
||||
<input type="button" value="Cập nhật" onclick="OrderManagement.updateShippingAddress()"
|
||||
class="text-[#fff] bg-[#0041E8] rounded-[4px] h-[32px] p-[0_8px] cursor-pointer">
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<form method="dialog" class="modal-backdrop">
|
||||
<button>close</button>
|
||||
</form>
|
||||
</dialog>
|
||||
|
||||
|
||||
<!-- // Cập nhật địa chỉ thanh toán -->
|
||||
<dialog id="js_update_payment" class="modal">
|
||||
<div class="p-[20px_16px] rounded-[15px] w-[100%] max-w-[600px] bg-white modal-box">
|
||||
<p class="leading-[20px] text-[16px] font-bold mb-[15px]"> Cập nhật địa chỉ thanh toán </p>
|
||||
|
||||
<label class="inline-flex cursor-pointer">
|
||||
<input type="checkbox" value="1" id="js-payment-address-check-same-as-shipping" checked=""
|
||||
onchange="$('#js-payment-address-holder').toggle()" class="scale-[1.4] mr-[10px]">
|
||||
<span> Giống như địa chỉ nhận hàng </span>
|
||||
</label>
|
||||
|
||||
<div id="js-payment-address-holder" style="display: none;margin-top: 20px">
|
||||
<p class="leading-[20px] text-[16px] font-bold mb-[15px]"> Nhập địa chỉ: </p>
|
||||
|
||||
<table class="w-[100%]">
|
||||
<tr>
|
||||
<td width="100">Họ tên</td>
|
||||
<td>
|
||||
<input type="text" id="js-payment-address-person_name" value=""
|
||||
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Mobile</td>
|
||||
<td>
|
||||
<input type="text" id="js-payment-address-mobile" value=""
|
||||
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Tỉnh/thành</td>
|
||||
<td>
|
||||
<input type="text" id="js-payment-address-province_name" value=""
|
||||
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Quận huyện</td>
|
||||
<td>
|
||||
<input type="text" id="js-payment-address-district_name" value=""
|
||||
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Phường/xã</td>
|
||||
<td>
|
||||
<input type="text" id="js-payment-address-ward_name" value=""
|
||||
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Địa chỉ</td>
|
||||
<td>
|
||||
<input type="text" id="js-payment-address-address" value=""
|
||||
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- <tr><td>Phân loại</td><td><input type=text id="js-payment-address-type" value="" class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block"/></td></tr> -->
|
||||
|
||||
<tr>
|
||||
<td>Ghi chú</td>
|
||||
<td>
|
||||
<input type="text" id="js-payment-address-note" value=""
|
||||
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>
|
||||
<input type="button" value="Cập nhật" onclick="OrderManagement.updatePaymentAddress()"
|
||||
class="text-[#fff] bg-[#0041E8] rounded-[4px] h-[32px] p-[0_8px] cursor-pointer">
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<form method="dialog" class="modal-backdrop">
|
||||
<button>close</button>
|
||||
</form>
|
||||
</dialog>
|
||||
|
||||
|
||||
<!-- // Cập nhật phí ship cho đơn hàng -->
|
||||
<dialog id="js_update_order_shipping" class="modal">
|
||||
<div class="p-[20px_16px] rounded-[15px] w-[100%] max-w-[600px] modal-box">
|
||||
<p class="leading-[20px] text-[16px] font-bold mb-[20px]"> Cập nhật phí ship cho đơn hàng </p>
|
||||
|
||||
<table class="w-[100%]">
|
||||
<tr>
|
||||
<td>Phí ship</td>
|
||||
<td>
|
||||
<input type="text" id="shippingFee" onkeyup="this.value = writeStringToPrice(this.value)" value="0"
|
||||
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] h-[32px] m-[0_10px_10px_0] border border-[#D8D8D8] rounded-[4px] inline-block">
|
||||
<span>VND</span>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Chi chú</td>
|
||||
<td>
|
||||
<input type="text" id="shippingNote" value=""
|
||||
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
|
||||
<i>v.d. Gửi xe khách, Máy bay, EMS</i>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>
|
||||
<input type="button" value="Cập nhật" onclick="update_order_shipping(369)"
|
||||
class="text-[#fff] bg-[#0041E8] rounded-[4px] h-[32px] p-[0_8px] cursor-pointer mt-[15px]">
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<form method="dialog" class="modal-backdrop">
|
||||
<button>close</button>
|
||||
</form>
|
||||
</dialog>
|
||||
@@ -1,195 +0,0 @@
|
||||
<div class="bg-white shadow p-3 rounded-sm">
|
||||
<p class="text-2xl font-bold">Danh sách đơn hàng </p>
|
||||
|
||||
<div class="order-page-title flex flex-wrap mt-5 gap-1">
|
||||
<a href="/?opt=order" class="btn btn-active">Tất cả</a>
|
||||
<a href="/?opt=order&list=mine" class="btn">Tôi được giao</a>
|
||||
<a href="/?opt=order&list=new" class="btn">Đơn mới</a>
|
||||
<a href="/?opt=order&list=unpaid" class="btn">Chưa thanh toán</a>
|
||||
<a href="/?opt=order&list=unfulfilled" class="btn">Chưa ship</a>
|
||||
</div>
|
||||
|
||||
<form method="get" action="" enctype="multipart/form-data" id="form-search" class="mt-5">
|
||||
<input type="hidden" name="opt" value="order">
|
||||
<input type="hidden" name="status" id="js-status" value="">
|
||||
<input type="hidden" name="update_by" id="update_by" value="">
|
||||
<input type="hidden" name="assign_to" id="assign_to" value="">
|
||||
<input type="hidden" name="payment" id="js-payment" value="">
|
||||
<input type="hidden" name="fullfillment" id="js-fullfillment" value="">
|
||||
|
||||
<div class="flex flex-wrap items-center p-3 shadow gap-5">
|
||||
<div class="flex items-center gap-3 w-[50%]">
|
||||
<input type="text" name="orderCode" value="" placeholder="Mã đơn hàng" class="w-full rounded-sm input ">
|
||||
<span class="whitespace-nowrap">hoặc</span>
|
||||
<input type="text" name="q" value="" placeholder="Tìm người mua (* tên, email, điện thoại)"
|
||||
class="w-full rounded-sm input">
|
||||
</div>
|
||||
<div class="flex items-center gap-3">
|
||||
<label for="dob" class="input data-error:input-error w-full">
|
||||
<span class="iconify lucide--calendar-1 size-4.5"></span>
|
||||
<input id="dob" type="date" placeholder="+84 78965 12335" :value="getData('dob')"
|
||||
@input="updateData('dob', $event.target.value)" :data-error="hasError('dob')" name="dob" />
|
||||
</label>
|
||||
<label for="dob" class="input data-error:input-error w-full">
|
||||
<span class="iconify lucide--calendar-1 size-4.5"></span>
|
||||
<input id="dob" type="date" placeholder="+84 78965 12335" :value="getData('dob')"
|
||||
@input="updateData('dob', $event.target.value)" :data-error="hasError('dob')" name="dob" />
|
||||
</label>
|
||||
|
||||
<input type="submit" value="Tìm kiếm" class="btn btn-active" onclick="runFilter()">
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div class="flex items-center flex-wrap justify-between mt-5">
|
||||
<div class="2xl:w-[50%] md:w-[100%] flex items-center gap-5">
|
||||
<p class="inline-block ">
|
||||
Tổng số đơn hàng: <b>1.458</b>
|
||||
</p>
|
||||
|
||||
<p class="inline-block">
|
||||
Tổng giá trị: <b>14.948.348.000 VNĐ</b>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="2xl:w-[50%] md:w-[100%] flex 2xl:justify-end md:justify-start md:mt-[10px] gap-5">
|
||||
<a href="" class="btn">
|
||||
<i class="iconify lucide--printer"></i> In danh sách
|
||||
</a>
|
||||
|
||||
<a href="" class="btn">
|
||||
<i class="iconify lucide--download"></i> Tải file excel
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="overflow-x-auto sm:whitespace-nowrap border border-base-200 rounded-sm mt-5">
|
||||
<table class="table table-md">
|
||||
<thead class="bg-base-200 font-bold">
|
||||
<tr>
|
||||
<td> STT </td>
|
||||
<td> Mã số </td>
|
||||
<td> Thời gian </td>
|
||||
<td> Khách hàng </td>
|
||||
<td> Tỉnh/TP </td>
|
||||
<td> Giá trị </td>
|
||||
<td>
|
||||
<select onchange="setHiddenValue('js-payment', this.value); runFilter()" class="select">
|
||||
<option value="">Thanh toán</option>
|
||||
{% for _item in page.payment_status_list %}
|
||||
<option value="{{ _item[1].id }}">{{ _item[1].title }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<select onchange="setHiddenValue('js-fullfillment', this.value); runFilter()" class="select">
|
||||
<option value="">Vận chuyển</option>
|
||||
{% for _item in page.fullfillment_status_list %}
|
||||
<option value="{{ _item[1].id }}">{{ _item[1].title }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<select onchange="setHiddenValue('js-status', this.value); runFilter()" class="select">
|
||||
<option value="">Tình trạng đơn</option>
|
||||
{% for _item in page.order_status_list %}
|
||||
<option value="{{ _item[1].id }}">{{ _item[1].title }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<select onchange="setHiddenValue('assign_to', this.value); runFilter()" class="select">
|
||||
<option value="">Người được giao</option>
|
||||
</select>
|
||||
</td>
|
||||
|
||||
<td> Xem </td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td> 1 </td>
|
||||
<td>
|
||||
<a class="link-primary" href="/order/detail?id=369"> 000-369 </a>
|
||||
</td>
|
||||
<td> 16-11-2023, 9:59 am </td>
|
||||
<td>
|
||||
<a href="" class="link-primary"> Nguyen Duc Quan </a>
|
||||
</td>
|
||||
<td> Hà Nội </td>
|
||||
<td> 69.600.000 </td>
|
||||
<td>
|
||||
<div class="badge badge-success badge-sm badge-soft">Thành công</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="badge badge-sm badge-ghost">Chờ xử lý</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="badge badge-error badge-sm badge-soft">Lỗi</div>
|
||||
</td>
|
||||
<td>
|
||||
<a href="" class="link-primary"> Nguyen Duc Quan </a>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex justify-center gap-2">
|
||||
<a href="/order/detail?id=369" class="btn btn-soft btn-xs btn-square"
|
||||
title="Chi tiết"> <i data-lucide="eye" class="size-4 text-gray-500"></i></a>
|
||||
<a href="" class="btn btn-soft btn-error btn-xs btn-square" title="Xóa"> <i
|
||||
data-lucide="trash-2" class="size-4 text-red-200"></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> 1 </td>
|
||||
<td>
|
||||
<a class="link-primary" href="/order/detail?id=369"> 000-369 </a>
|
||||
</td>
|
||||
<td> 16-11-2023, 9:59 am </td>
|
||||
<td>
|
||||
<a href="" class="link-primary"> Nguyen Duc Quan </a>
|
||||
</td>
|
||||
<td> Hà Nội </td>
|
||||
<td> 69.600.000 </td>
|
||||
<td>
|
||||
<div class="badge badge-success badge-sm badge-soft">Thành công</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="badge badge-sm badge-ghost">Chờ xử lý</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="badge badge-sm badge-info badge-soft">Đang xử lý</div>
|
||||
</td>
|
||||
<td>
|
||||
<a href="" class="link-primary"> Nguyen Duc Quan </a>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex justify-center gap-2">
|
||||
<a href="/order/detail?id=369" class="btn btn-soft btn-xs btn-square"
|
||||
title="Chi tiết"> <i data-lucide="eye" class="size-4 text-gray-500"></i></a>
|
||||
<a href="" class="btn btn-soft btn-error btn-xs btn-square" title="Xóa"> <i
|
||||
data-lucide="trash-2" class="size-4 text-red-200"></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="join mt-5 justify-end flex items-center gap-1">
|
||||
<a href="" class="btn btn-ghost btn-circle btn-sm" aria-label="Pagination controls">
|
||||
<i data-lucide="chevron-left" class="size-4"></i>
|
||||
</a>
|
||||
<a href="" class="btn btn-circle btn-sm btn-ghost">1</a>
|
||||
<a href="" class="btn btn-circle btn-sm btn-ghost btn-active">2</a>
|
||||
<a href="" class="btn btn-circle btn-sm btn-ghost">3</a>
|
||||
<a href="" class="btn btn-circle btn-sm btn-ghost">4</a>
|
||||
<a href="" class="btn btn-circle btn-sm btn-ghost">5</a>
|
||||
<a href="" class="btn btn-ghost btn-circle btn-sm" aria-label="Pagination controls">
|
||||
<i data-lucide="chevron-right" class="size-4"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,127 +0,0 @@
|
||||
<div class="bg-white shadow p-3 rounded-sm">
|
||||
<p class="text-2xl font-bold mb-3"> Thanh toán qua cổng dịch vụ </p>
|
||||
|
||||
<div class="flex flex-wrap gap-3">
|
||||
<a href="" class="btn btn-active">
|
||||
Chưa xử lý
|
||||
</a>
|
||||
<a href="" class="btn">
|
||||
Thành công
|
||||
</a>
|
||||
<a href="" class="btn">
|
||||
Hủy bỏ
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<form method="get" enctype="multipart/form-data" action="/"
|
||||
class="flex flex-wrap items-center mt-5 gap-3 shadow p-3 rounded-sm">
|
||||
<input type="text" name="q" id="keyword" value="" placeholder="Tìm theo email hoặc số điện thoại"
|
||||
class="input shadow" />
|
||||
|
||||
<div class="items-center flex gap-3">
|
||||
<p class="whitespace-nowrap"> Từ ngày </p>
|
||||
|
||||
<label for="dob" class="input data-error:input-error w-full">
|
||||
<input id="dob" type="date" placeholder="+84 78965 12335" :value="getData('dob')"
|
||||
@input="updateData('dob', $event.target.value)" :data-error="hasError('dob')" name="dob" />
|
||||
</label>
|
||||
</div>
|
||||
<div class="items-center flex gap-3">
|
||||
<p class="whitespace-nowrap"> Đến ngày </p>
|
||||
<label for="dob" class="input data-error:input-error w-full">
|
||||
<input id="dob" type="date" placeholder="+84 78965 12335" :value="getData('dob')"
|
||||
@input="updateData('dob', $event.target.value)" :data-error="hasError('dob')" name="dob" />
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<input type="submit" value="Tìm kiếm" class="btn btn-active">
|
||||
</form>
|
||||
|
||||
<div class="flex items-center justify-between mt-5">
|
||||
<div class="flex items-center gap-3">
|
||||
<p>Tổng số: <b class="">8</b></p>
|
||||
<p>Tổng giá trị: <b>800.000 VNĐ</b></p>
|
||||
</div>
|
||||
|
||||
<a href="" class="btn btn-outline btn-view">
|
||||
<i data-lucide="file-x" class="size-4"></i>
|
||||
<span>Tải file excel</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="w-full sm:whitespace-nowrap overflow-x-auto mt-5 border border-base-200 rounded-sm">
|
||||
<table class="table ">
|
||||
<thead>
|
||||
<tr class="bg-base-200 text-black">
|
||||
<td> STT </td>
|
||||
<td> ID </td>
|
||||
<td> Cổng </td>
|
||||
<td> Thời gian </td>
|
||||
<td> Khách hàng </td>
|
||||
<td> Thanh toán cho </td>
|
||||
<td> Giá trị </td>
|
||||
<td> Trạng thái </td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr id="row_1">
|
||||
<td> 1 </td>
|
||||
|
||||
<td> 10 </td>
|
||||
|
||||
<td> viettelpay </td>
|
||||
|
||||
<td> 06-11-2022, 11:26 am </td>
|
||||
|
||||
<td align="left">
|
||||
<p> - Họ tên: <b> Ngô Quang Sơn </b> </p>
|
||||
<p> - Email: sonnq57@yahoo.com.sg </p>
|
||||
<p> - Tel: 0913236989 </p>
|
||||
</td>
|
||||
|
||||
<td> [order] 123 </td>
|
||||
|
||||
<td> 100.000 </td>
|
||||
|
||||
<td>
|
||||
<span class="badge badge-success badge-sm badge-soft">Thành công </span>
|
||||
</td>
|
||||
<td align="center">
|
||||
<a href="" class="btn btn-soft btn-error btn-xs btn-square" title="Xóa"> <i
|
||||
data-lucide="trash-2" class="size-4 text-red-200"></i></a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="join mt-5 justify-end flex items-center gap-1">
|
||||
<a href="" class="btn btn-ghost btn-circle btn-sm" aria-label="Pagination controls">
|
||||
<i data-lucide="chevron-left" class="size-4"></i>
|
||||
</a>
|
||||
<a href="" class="btn btn-circle btn-sm btn-ghost">1</a>
|
||||
<a href="" class="btn btn-circle btn-sm btn-ghost btn-active">2</a>
|
||||
<a href="" class="btn btn-circle btn-sm btn-ghost">3</a>
|
||||
<a href="" class="btn btn-circle btn-sm btn-ghost">4</a>
|
||||
<a href="" class="btn btn-circle btn-sm btn-ghost">5</a>
|
||||
<a href="" class="btn btn-ghost btn-circle btn-sm" aria-label="Pagination controls">
|
||||
<i data-lucide="chevron-right" class="size-4"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function edit_order_status(id) {
|
||||
$('#status_' + id).html(`
|
||||
<select class="min-w-[140px] w-[auto_!important]">
|
||||
<option> Trạng thái </option>
|
||||
<option value="1"> Đã xử lý </option>
|
||||
<option value="0"> Chưa xử lý </option>
|
||||
<option value="-1"> Hủy bỏ </option>
|
||||
</select>
|
||||
`);
|
||||
}
|
||||
|
||||
</script>
|
||||
@@ -1,114 +0,0 @@
|
||||
<div class="bg-white shadow p-3 rounded-sm">
|
||||
<p class="text-2xl font-bold mb-3"> Đặt chờ sản phẩm </p>
|
||||
|
||||
<div class="flex flex-wrap gap-3">
|
||||
<a href="" class="btn btn-active">
|
||||
Chưa xử lý
|
||||
</a>
|
||||
<a href="" class="btn">
|
||||
Thành công
|
||||
</a>
|
||||
<a href="" class="btn">
|
||||
Hủy bỏ
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<form method="get" enctype="multipart/form-data" action="/"
|
||||
class="mt-5 gap-3 flex items-center shadow p-3 rounded-sm">
|
||||
<input type="text" name="q" id="keyword" value="" placeholder="Tìm theo email hoặc số điện thoại"
|
||||
class="input shadow">
|
||||
<input type="submit" value="Tìm kiếm" class="btn btn-active">
|
||||
</form>
|
||||
|
||||
<div class="mt-5 flex items-center justify-between">
|
||||
<p> Danh sách các Sản phẩm khách hàng chờ đặt hàng </p>
|
||||
|
||||
<a href="" class="btn btn-outline btn-view">
|
||||
<i data-lucide="file-x" class="size-4"></i>
|
||||
<span>Tải file excel</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="overflow-x-auto mt-5 border border-base-200 rounded-sm">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr class="bg-base-200 text-black">
|
||||
<td> STT </td>
|
||||
<td> Khách hàng </td>
|
||||
<td> Sản phẩm </td>
|
||||
<td> Nhận hàng tại </td>
|
||||
<td> Ghi chú </td>
|
||||
<td> Trạng thái </td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr id="row_1">
|
||||
<td align="center"> 1 </td>
|
||||
<td>
|
||||
<p> - Họ tên: <b> Ngô Quang Sơn </b> </p>
|
||||
<p> - Email: sonnq57@yahoo.com.sg </p>
|
||||
<p> - Tel: 0913236989 </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<a href="" target="_blank" class="link-primary"> [Mới 100%] Dell Gaming G16 7620 (Intel core
|
||||
i7-12700H, 16GB, 1TB,
|
||||
RTX 3060 6GB, 16″ QHD+ 165Hz IPS) </a>
|
||||
</td>
|
||||
|
||||
<td> 20 Láng Hạ, Đống Đa, Hà Nội </td>
|
||||
|
||||
<td> Nhận hàng giờ hành chính </td>
|
||||
|
||||
<td>
|
||||
<div id="status_1" class="flex items-center gap-3">
|
||||
<span class="badge badge-success badge-sm badge-soft">Thành công </span>
|
||||
<!-- <span class="badge badge-warning badge-sm badge-soft"> Chưa xử lý </span>
|
||||
<span class="badge badge-error badge-sm badge-soft">Hủy bỏ </span> -->
|
||||
|
||||
<a href="javascript:edit_order_status(1)" title="Chỉnh sửa" class=""><i data-lucide="pencil"
|
||||
class="size-4 text-primary"></i></a>
|
||||
</div>
|
||||
|
||||
<p class="mt-2"> Lúc 28-02-2015, 12:40 pm </p>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<a href="" class="btn btn-soft btn-error btn-xs btn-square" title="Xóa"> <i
|
||||
data-lucide="trash-2" class="size-4 text-red-200"></i></a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="join mt-5 justify-end flex items-center gap-1">
|
||||
<a href="" class="btn btn-ghost btn-circle btn-sm" aria-label="Pagination controls">
|
||||
<i data-lucide="chevron-left" class="size-4"></i>
|
||||
</a>
|
||||
<a href="" class="btn btn-circle btn-sm btn-ghost">1</a>
|
||||
<a href="" class="btn btn-circle btn-sm btn-ghost btn-active">2</a>
|
||||
<a href="" class="btn btn-circle btn-sm btn-ghost">3</a>
|
||||
<a href="" class="btn btn-circle btn-sm btn-ghost">4</a>
|
||||
<a href="" class="btn btn-circle btn-sm btn-ghost">5</a>
|
||||
<a href="" class="btn btn-ghost btn-circle btn-sm" aria-label="Pagination controls">
|
||||
<i data-lucide="chevron-right" class="size-4"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function edit_order_status(id) {
|
||||
$('#status_' + id).html(`
|
||||
<select class="min-w-[140px] w-[auto_!important]">
|
||||
<option> Trạng thái </option>
|
||||
<option value="1"> Đã xử lý </option>
|
||||
<option value="0"> Chưa xử lý </option>
|
||||
<option value="-1"> Hủy bỏ </option>
|
||||
</select>
|
||||
`);
|
||||
}
|
||||
|
||||
</script>
|
||||
@@ -1,3 +1,97 @@
|
||||
<div class="layout-container flex flex-col gap-[27px]">
|
||||
<!-- Box Article + Video Review -->
|
||||
<div class="bg-white rounded-[12px] overflow-hidden flex gap-3 px-3 py-4">
|
||||
<!-- Tin khuyến mãi -->
|
||||
<div class="flex flex-col gap-3 w-[885px] shrink-0">
|
||||
<h2 class="text-[28px] font-bold text-black tracking-tight">TIN KHUYẾN MẠI</h2>
|
||||
<div class="flex gap-3 items-start">
|
||||
{% assign _article_idx = 0 %}
|
||||
{% for _cat_articles in page.article_home %}
|
||||
{% for _article in _cat_articles %}
|
||||
{% if _article_idx == 0 %}
|
||||
<!-- Main article -->
|
||||
<div class="w-[481px] shrink-0 relative">
|
||||
<a href="{{ _article.url }}" class="block w-[481px] h-[300px] rounded-[4px] overflow-hidden">
|
||||
<img src="{{ _article.image.original }}" alt="{{ _article.title }}" class="w-full h-full object-cover"
|
||||
onerror="this.onerror=null;this.src='{{ no_image_url }}'" />
|
||||
</a>
|
||||
<a href="{{ _article.url }}"
|
||||
class="block mt-2 text-[20px] font-bold text-black tracking-tight hover:text-[#e4057c] line-clamp-2">{{
|
||||
_article.title }}</a>
|
||||
</div>
|
||||
<!-- Side articles -->
|
||||
<div class="flex flex-col gap-3 flex-1">
|
||||
{% elsif _article_idx <= 3 %} <div class="flex gap-3 items-start">
|
||||
<a href="{{ _article.url }}" class="shrink-0 block">
|
||||
<img src="{{ _article.image.thum }}" alt="{{ _article.title }}"
|
||||
class="w-[153px] h-[92px] rounded-[4px] object-cover shrink-0"
|
||||
onerror="this.onerror=null;this.src='{{ no_image_url }}'" />
|
||||
</a>
|
||||
<a href="{{ _article.url }}"
|
||||
class="text-[14px] text-black tracking-tight overflow-hidden hover:text-[#e4057c] line-clamp-3">{{
|
||||
_article.title }}</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% assign _article_idx = _article_idx | plus: 1 %}
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
{% if _article_idx > 0 %}</div>{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
<!-- Video Review -->
|
||||
<div class="flex flex-col gap-3 flex-1">
|
||||
<h2 class="text-[28px] font-bold text-black tracking-tight">VIDEO REVIEW</h2>
|
||||
<div class="flex flex-col gap-3">
|
||||
<div class="w-full h-[159px] rounded-[4px] overflow-hidden relative">
|
||||
<img src="{{ 'video_main.png' | asset_url }}" alt="" class="w-full h-full object-cover" />
|
||||
<div class="absolute inset-0 bg-black/20 rounded-[4px]"></div>
|
||||
</div>
|
||||
<div class="flex gap-3 items-start">
|
||||
<div class="w-[107px] h-[64px] rounded-[4px] overflow-hidden relative shrink-0">
|
||||
<img src="{{ 'video_thumb_1.png' | asset_url }}" alt="" class="w-full h-full object-cover" />
|
||||
<div class="absolute inset-0 bg-black/20 rounded-[4px]"></div>
|
||||
</div>
|
||||
<p class="text-[14px] text-black tracking-tight overflow-hidden line-clamp-3">Duy nhất 17h ngày 10/02 Cơ
|
||||
hội trúng Máy nước</p>
|
||||
</div>
|
||||
<div class="flex gap-3 items-start">
|
||||
<div class="w-[107px] h-[64px] rounded-[4px] overflow-hidden relative shrink-0">
|
||||
<img src="{{ 'video_thumb_2.png' | asset_url }}" alt="" class="w-full h-full object-cover" />
|
||||
<div class="absolute inset-0 bg-black/20 rounded-[4px]"></div>
|
||||
</div>
|
||||
<p class="text-[14px] text-black tracking-tight overflow-hidden line-clamp-3">Duy nhất 17h ngày 10/02 Cơ
|
||||
hội trúng Máy nước</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Key Search -->
|
||||
<div class="bg-white w-[100%] rounded-[12px] my-[20px] overflow-hidden flex flex-col gap-3 px-3 py-4">
|
||||
<h2 class="text-[24px] leading-[28px] font-bold text-black tracking-tight">Mọi người cũng tìm kiếm</h2>
|
||||
<div class="bg-[#f3f4f7] rounded-[12px] overflow-hidden px-3 py-4 flex flex-wrap gap-[10px] text-[12px] text-black">
|
||||
<a href="/search?q=hút+mùi+hafele" class="hover:text-[#e4057c]">hút mùi hafele</a>
|
||||
<a href="/search?q=bếp+từ+cheft" class="hover:text-[#e4057c]">bếp từ cheft</a>
|
||||
<a href="/search?q=nồi+cơm+điện+Tiger" class="hover:text-[#e4057c]">nồi cơm điện Tiger</a>
|
||||
<a href="/search?q=máy+cạo+râu+Enchen" class="hover:text-[#e4057c]">máy cạo râu Enchen</a>
|
||||
<a href="/search?q=mũ+bảo+hiểm" class="hover:text-[#e4057c]">mũ bảo hiểm</a>
|
||||
<a href="/search?q=nồi+cơm+điện+Cuckoo" class="hover:text-[#e4057c]">nồi cơm điện Cuckoo</a>
|
||||
<a href="/search?q=iPhone+15" class="hover:text-[#e4057c]">iPhone 15</a>
|
||||
<a href="/search?q=chảo+chống+dính+Elmich" class="hover:text-[#e4057c]">chảo chống dính Elmich</a>
|
||||
<a href="/search?q=máy+massage+X5+Pro+Omni" class="hover:text-[#e4057c]">máy massage X5 Pro Omni</a>
|
||||
<a href="/search?q=điều+hòa+Samsung" class="hover:text-[#e4057c]">điều hòa Samsung</a>
|
||||
<a href="/search?q=máy+lọc+nước+Korihome+Kangen+K8" class="hover:text-[#e4057c]">máy lọc nước Korihome Kangen
|
||||
K8</a>
|
||||
<a href="/search?q=tông+đơ+cắt+tóc" class="hover:text-[#e4057c]">tông đơ cắt tóc</a>
|
||||
<a href="/search?q=điều+hoà+Hisense" class="hover:text-[#e4057c]">điều hoà Hisense</a>
|
||||
<a href="/search?q=Máy+chạy+bộ" class="hover:text-[#e4057c]">Máy chạy bộ</a>
|
||||
<a href="/search?q=MacBook+Air+M4" class="hover:text-[#e4057c]">MacBook Air M4</a>
|
||||
<a href="/search?q=điều+hòa+Nagakawa" class="hover:text-[#e4057c]">điều hòa Nagakawa</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<footer class="w-full bg-white mt-1">
|
||||
<div class="layout-container flex gap-[95px] py-4 h-[212px] overflow-hidden items-start">
|
||||
<div class="flex flex-col gap-1 w-[267px] shrink-0">
|
||||
@@ -15,21 +109,22 @@
|
||||
<div class="flex flex-col gap-1 w-[148px] shrink-0">
|
||||
<p class="text-[14px] font-bold text-black leading-[27px]">Về công ty</p>
|
||||
<div class="text-[13px] text-black leading-[30px]">
|
||||
<p>Giới thiệu về công ty</p>
|
||||
<p>Tuyển dụng</p>
|
||||
<p>Gửi góp ý, khiếu nại</p>
|
||||
<p>Tìm siêu thị (215 shop)</p>
|
||||
<p><a href="/gioi-thieu" class="hover:text-[#e4057c]">Giới thiệu về công ty</a></p>
|
||||
<p><a href="/tuyen-dung" class="hover:text-[#e4057c]">Tuyển dụng</a></p>
|
||||
<p><a href="/gop-y-khieu-nai" class="hover:text-[#e4057c]">Gửi góp ý, khiếu nại</a></p>
|
||||
<p><a href="/he-thong-cua-hang" class="hover:text-[#e4057c]">Tìm siêu thị (215 shop)</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col gap-1 w-[209px] shrink-0">
|
||||
<p class="text-[14px] font-bold text-black leading-[27px]">Chính sách chung</p>
|
||||
<div class="text-[13px] text-black leading-[30px]">
|
||||
<p>Quy định truy cập Website</p>
|
||||
<p>Chính sách bảo mật thông tin</p>
|
||||
<p>Chính sách vận chuyển, giao nhận</p>
|
||||
<p>Chính sách cho doanh nghiệp</p>
|
||||
<p>Chính sách bảo hành, đổi trả</p>
|
||||
<p><a href="/quy-dinh-truy-cap-website" class="hover:text-[#e4057c]">Quy định truy cập Website</a></p>
|
||||
<p><a href="/chinh-sach-bao-mat-thong-tin" class="hover:text-[#e4057c]">Chính sách bảo mật thông tin</a></p>
|
||||
<p><a href="/chinh-sach-van-chuyen-giao-nhan" class="hover:text-[#e4057c]">Chính sách vận chuyển, giao nhận</a>
|
||||
</p>
|
||||
<p><a href="/chinh-sach-cho-doanh-nghiep" class="hover:text-[#e4057c]">Chính sách cho doanh nghiệp</a></p>
|
||||
<p><a href="/chinh-sach-bao-hanh-doi-tra" class="hover:text-[#e4057c]">Chính sách bảo hành, đổi trả</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -54,7 +149,8 @@
|
||||
<span class="text-[11px] text-[#0084ff]">Zalo MIQ</span>
|
||||
</div>
|
||||
</div>
|
||||
<img src="{{ 'logo_bct.png' | asset_url }}" alt="Đã thông báo Bộ Công Thương" class="w-[100px] h-[38px] object-contain" />
|
||||
<img src="{{ 'logo_bct.png' | asset_url }}" alt="Đã thông báo Bộ Công Thương"
|
||||
class="w-[100px] h-[38px] object-contain" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -62,4 +158,4 @@
|
||||
<div class="bg-[#e4e4e4] h-9 flex items-center justify-center">
|
||||
<p class="text-[#353535] text-[13px]">Bản quyền thuộc về MIQ Việt Nam</p>
|
||||
</div>
|
||||
</footer>
|
||||
</footer>
|
||||
@@ -1,11 +1,13 @@
|
||||
<header class="w-full flex flex-col items-center bg-white relative z-50">
|
||||
<div class="w-full relative h-8 flex items-center overflow-hidden" style="background:#c00060">
|
||||
<img src="{{ 'header_slogan_bg.png' | asset_url }}" alt="" class="absolute inset-0 w-full h-full object-cover pointer-events-none" />
|
||||
<img src="{{ 'header_slogan_bg.png' | asset_url }}" alt=""
|
||||
class="absolute inset-0 w-full h-full object-cover pointer-events-none" />
|
||||
<div class="layout-container relative flex items-center justify-between">
|
||||
<div class="flex items-center gap-[22px]">
|
||||
<div class="flex items-center gap-1">
|
||||
<img src="{{ 'icon_certificate.svg' | asset_url }}" alt="" class="w-5 h-5" />
|
||||
<span class="text-white text-xs font-semibold tracking-tight">Sản phẩm <strong>Chính hãng - xuất VAT</strong> đầy đủ</span>
|
||||
<span class="text-white text-xs font-semibold tracking-tight">Sản phẩm <strong>Chính hãng - xuất VAT</strong>
|
||||
đầy đủ</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-1">
|
||||
<img src="{{ 'icon_delivery_truck.svg' | asset_url }}" alt="" class="w-5 h-5" />
|
||||
@@ -14,7 +16,8 @@
|
||||
</div>
|
||||
<div class="flex items-center gap-[5px]">
|
||||
<img src="{{ 'icon_customer_support.svg' | asset_url }}" alt="" class="w-5 h-5" />
|
||||
<span class="text-white text-xs font-semibold font-inter tracking-tight">Hotline: <strong>0967641641</strong></span>
|
||||
<span class="text-white text-xs font-semibold font-inter tracking-tight">Hotline:
|
||||
<strong>0967641641</strong></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -22,11 +25,13 @@
|
||||
<div class="w-full bg-[#e4057c] h-[68px] flex items-center">
|
||||
<div class="layout-container h-full py-[7px]">
|
||||
<div class="w-full flex items-center gap-9">
|
||||
<div class="h-[54px] w-[79px] relative shrink-0">
|
||||
<img src="{{ 'logo_miq.png' | asset_url }}" alt="MIQ Logo" class="absolute inset-0 w-full h-full object-contain" />
|
||||
</div>
|
||||
<a href="/" class="h-[54px] w-[79px] relative shrink-0">
|
||||
<img src="{{ 'logo_miq.png' | asset_url }}" alt="MIQ Logo"
|
||||
class="absolute inset-0 w-full h-full object-contain" />
|
||||
</a>
|
||||
|
||||
<div id="menu-trigger" class="flex items-center gap-[10px] cursor-pointer select-none" onmouseenter="showMenu()" onmouseleave="scheduleMenuClose()">
|
||||
<div id="menu-trigger" class="flex items-center gap-[10px] cursor-pointer select-none" onmouseenter="showMenu()"
|
||||
onmouseleave="scheduleMenuClose()">
|
||||
<img src="{{ 'icon_menu.svg' | asset_url }}" alt="" class="w-6 h-6" />
|
||||
<span class="text-white text-sm font-semibold">Danh mục</span>
|
||||
</div>
|
||||
@@ -41,7 +46,8 @@
|
||||
onfocus="showSearch()" onblur="setTimeout(hideSearch, 200)" />
|
||||
</form>
|
||||
|
||||
<div id="search-popup" class="hidden absolute top-[calc(100%+8px)] left-0 bg-white rounded-[8px] flex-col gap-3 p-3 z-[60]"
|
||||
<div id="search-popup"
|
||||
class="hidden absolute top-[calc(100%+8px)] left-0 bg-white rounded-[8px] flex-col gap-3 p-3 z-[60]"
|
||||
style="width:562px; box-shadow:-2px 10px 25.4px 0px rgba(0,0,0,0.25)">
|
||||
<div class="flex items-center justify-between shrink-0">
|
||||
<span class="text-[14px] font-medium text-[#585858]">Tìm kiếm gần đây</span>
|
||||
@@ -50,9 +56,15 @@
|
||||
</button>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 flex-wrap shrink-0">
|
||||
<span class="bg-[#f1f3f9] rounded-full px-3 h-7 flex items-center text-[12px] font-medium text-[#585858] cursor-pointer">Nồi cơm điện</span>
|
||||
<span class="bg-[#f1f3f9] rounded-full px-3 h-7 flex items-center text-[12px] font-medium text-[#585858] cursor-pointer">lõi lọc không khí</span>
|
||||
<span class="bg-[#f1f3f9] rounded-full px-3 h-7 flex items-center text-[12px] font-medium text-[#585858] cursor-pointer">nồi nấu chậm</span>
|
||||
<span
|
||||
class="bg-[#f1f3f9] rounded-full px-3 h-7 flex items-center text-[12px] font-medium text-[#585858] cursor-pointer">Nồi
|
||||
cơm điện</span>
|
||||
<span
|
||||
class="bg-[#f1f3f9] rounded-full px-3 h-7 flex items-center text-[12px] font-medium text-[#585858] cursor-pointer">lõi
|
||||
lọc không khí</span>
|
||||
<span
|
||||
class="bg-[#f1f3f9] rounded-full px-3 h-7 flex items-center text-[12px] font-medium text-[#585858] cursor-pointer">nồi
|
||||
nấu chậm</span>
|
||||
</div>
|
||||
<div class="h-px bg-[#ebebeb] shrink-0"></div>
|
||||
<div class="flex flex-col gap-3">
|
||||
@@ -71,7 +83,8 @@
|
||||
<div class="bg-[#90004b] h-full flex items-center px-[13px] shrink-0 rounded-l-[8px]">
|
||||
<span class="text-[12px] font-medium text-white whitespace-nowrap">Tuần lễ tủ lạnh LG</span>
|
||||
</div>
|
||||
<span class="flex-1 text-[12px] font-medium text-black text-right pr-3">Deal hời chỉ từ 5.632.000đ</span>
|
||||
<span class="flex-1 text-[12px] font-medium text-black text-right pr-3">Deal hời chỉ từ
|
||||
5.632.000đ</span>
|
||||
</div>
|
||||
<div class="flex items-center h-8 bg-[#ffe4e9] rounded-[8px] overflow-hidden">
|
||||
<div class="bg-[#90004b] h-full flex items-center px-[13px] shrink-0 rounded-l-[8px]">
|
||||
@@ -101,7 +114,8 @@
|
||||
<img src="{{ 'icon_map.svg' | asset_url }}" alt="" class="w-[15.5px] h-5" />
|
||||
<span class="text-white text-[13px]">Showroom</span>
|
||||
</div>
|
||||
<img src="{{ 'icon_cart.svg' | asset_url }}" alt="" id="showroom-arrow" class="w-[6px] h-[10.7px] transition-transform duration-200" />
|
||||
<img src="{{ 'icon_cart.svg' | asset_url }}" alt="" id="showroom-arrow"
|
||||
class="w-[6px] h-[10.7px] transition-transform duration-200" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -110,7 +124,8 @@
|
||||
|
||||
<div class="w-full bg-[#ebecf0] h-8 flex items-center">
|
||||
<div class="layout-container">
|
||||
<div class="h-8 flex items-center justify-center gap-[20px] text-[#90004b] text-[13px] font-normal tracking-[-0.26px]">
|
||||
<div
|
||||
class="h-8 flex items-center justify-center gap-[20px] text-[#90004b] text-[13px] font-normal tracking-[-0.26px]">
|
||||
{% for _menu_item in component.main_menu.product.all_category | limit: 9 %}
|
||||
<a href="{{ _menu_item.url }}" class="hover:underline">{{ _menu_item.title }}</a>
|
||||
{% endfor %}
|
||||
@@ -118,7 +133,8 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="mega-menu" class="hidden absolute top-full left-0 w-full z-50" onmouseenter="cancelMenuClose()" onmouseleave="scheduleMenuClose()">
|
||||
<div id="mega-menu" class="hidden absolute top-full left-0 w-full z-50" onmouseenter="cancelMenuClose()"
|
||||
onmouseleave="scheduleMenuClose()">
|
||||
<div class="layout-container flex rounded-[4px] overflow-hidden">
|
||||
<div class="w-[231px] shrink-0 bg-[#eaecf0] rounded-tl-[4px] rounded-bl-[4px] flex flex-col">
|
||||
{% for _menu_item in component.main_menu.product.all_category %}
|
||||
@@ -148,7 +164,8 @@
|
||||
|
||||
<div class="flex-1 bg-white rounded-tr-[4px] rounded-br-[4px] overflow-hidden relative">
|
||||
{% for _menu_item in component.main_menu.product.all_category %}
|
||||
<div id="rp-{{ forloop.index0 }}" data-menu-panel="{{ forloop.index0 }}" class="menu-rp-panel" style="{% if forloop.first %}display:flex{% else %}display:none{% endif %}">
|
||||
<div id="rp-{{ forloop.index0 }}" data-menu-panel="{{ forloop.index0 }}" class="menu-rp-panel"
|
||||
style="{% if forloop.first %}display:flex{% else %}display:none{% endif %}">
|
||||
<p class="menu-rp-title">{{ _menu_item.title }}</p>
|
||||
<div class="menu-subcat-grid">
|
||||
{% if _menu_item.children and _menu_item.children.size > 0 %}
|
||||
@@ -157,7 +174,8 @@
|
||||
{% if _item.thumnail %}
|
||||
<img src="{{ _item.thumnail }}" alt="{{ _item.title }}" class="w-12 h-12 object-contain" />
|
||||
{% else %}
|
||||
<img src="{{ 'icon_category_item.png' | asset_url }}" alt="{{ _item.title }}" class="w-12 h-12 object-contain" />
|
||||
<img src="{{ 'icon_category_item.png' | asset_url }}" alt="{{ _item.title }}"
|
||||
class="w-12 h-12 object-contain" />
|
||||
{% endif %}
|
||||
<span>{{ _item.title }}</span>
|
||||
</a>
|
||||
@@ -167,19 +185,32 @@
|
||||
{% if _menu_item.thumnail %}
|
||||
<img src="{{ _menu_item.thumnail }}" alt="{{ _menu_item.title }}" class="w-12 h-12 object-contain" />
|
||||
{% else %}
|
||||
<img src="{{ 'icon_category_item.png' | asset_url }}" alt="{{ _menu_item.title }}" class="w-12 h-12 object-contain" />
|
||||
<img src="{{ 'icon_category_item.png' | asset_url }}" alt="{{ _menu_item.title }}"
|
||||
class="w-12 h-12 object-contain" />
|
||||
{% endif %}
|
||||
<span>{{ _menu_item.title }}</span>
|
||||
</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="menu-brand-row">
|
||||
<div class="menu-brand-item"><span class="menu-brand-num">1</span><img src="{{ 'brand_samsung.png' | asset_url }}" alt="Samsung" class="h-5 object-contain" style="max-width:93px" /></div>
|
||||
<div class="menu-brand-item"><span class="menu-brand-num">2</span><img src="{{ 'brand_lg.png' | asset_url }}" alt="LG" class="h-5 object-contain" style="max-width:44px" /></div>
|
||||
<div class="menu-brand-item"><span class="menu-brand-num">3</span><img src="{{ 'brand_sony.png' | asset_url }}" alt="Sony" class="h-5 object-contain" style="max-width:81px" /></div>
|
||||
<div class="menu-brand-item"><span class="menu-brand-num">4</span><img src="{{ 'brand_toshiba.png' | asset_url }}" alt="Toshiba" class="h-5 object-contain" style="max-width:105px" /></div>
|
||||
<div class="menu-brand-item"><span class="menu-brand-num">5</span><img src="{{ 'brand_aqua.png' | asset_url }}" alt="Aqua" class="h-5 object-contain" style="max-width:57px" /></div>
|
||||
<div class="menu-brand-item"><span class="menu-brand-num">6</span><img src="{{ 'brand_tcl.png' | asset_url }}" alt="TCL" class="h-5 object-contain" style="max-width:43px" /></div>
|
||||
<div class="menu-brand-item"><span class="menu-brand-num">1</span><img
|
||||
src="{{ 'brand_samsung.png' | asset_url }}" alt="Samsung" class="h-5 object-contain"
|
||||
style="max-width:93px" /></div>
|
||||
<div class="menu-brand-item"><span class="menu-brand-num">2</span><img
|
||||
src="{{ 'brand_lg.png' | asset_url }}" alt="LG" class="h-5 object-contain" style="max-width:44px" />
|
||||
</div>
|
||||
<div class="menu-brand-item"><span class="menu-brand-num">3</span><img
|
||||
src="{{ 'brand_sony.png' | asset_url }}" alt="Sony" class="h-5 object-contain" style="max-width:81px" />
|
||||
</div>
|
||||
<div class="menu-brand-item"><span class="menu-brand-num">4</span><img
|
||||
src="{{ 'brand_toshiba.png' | asset_url }}" alt="Toshiba" class="h-5 object-contain"
|
||||
style="max-width:105px" /></div>
|
||||
<div class="menu-brand-item"><span class="menu-brand-num">5</span><img
|
||||
src="{{ 'brand_aqua.png' | asset_url }}" alt="Aqua" class="h-5 object-contain" style="max-width:57px" />
|
||||
</div>
|
||||
<div class="menu-brand-item"><span class="menu-brand-num">6</span><img
|
||||
src="{{ 'brand_tcl.png' | asset_url }}" alt="TCL" class="h-5 object-contain" style="max-width:43px" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
@@ -187,9 +218,11 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="showroom-panel" class="hidden absolute top-full left-0 w-full z-50 bg-white shadow-[0px_10px_15px_0px_rgba(0,0,0,0.1)]">
|
||||
<div id="showroom-panel"
|
||||
class="hidden absolute top-full left-0 w-full z-50 bg-white shadow-[0px_10px_15px_0px_rgba(0,0,0,0.1)]">
|
||||
<div class="layout-container py-[18px]">
|
||||
<p class="text-center font-semibold text-[16px] text-black uppercase tracking-[-0.32px] mb-4">Địa điểm showroom của MIQ</p>
|
||||
<p class="text-center font-semibold text-[16px] text-black uppercase tracking-[-0.32px] mb-4">Địa điểm showroom
|
||||
của MIQ</p>
|
||||
<div class="flex gap-3">
|
||||
<div class="flex-1">
|
||||
<div class="bg-[#db0000] rounded-[4px] h-11 flex items-center justify-between px-4">
|
||||
@@ -197,9 +230,15 @@
|
||||
<span class="text-[13px] text-white tracking-[-0.26px]">Thời gian mở cửa: 8h00 - 18h00 hằng ngày</span>
|
||||
</div>
|
||||
<div class="pt-3 flex flex-col gap-[18px]">
|
||||
<div class="flex items-start gap-2"><img src="{{ 'icon_map_pin.svg' | asset_url }}" alt="" class="w-4 h-4 shrink-0 mt-[1px]" /><span class="text-[13px] text-black tracking-[-0.26px]">Địa chỉ: Số 2 Lương Ngọc Quyến, Phường Thanh Liệt, TP Hà Nội</span></div>
|
||||
<div class="flex items-center gap-2"><img src="{{ 'icon_phone.svg' | asset_url }}" alt="" class="w-4 h-4 shrink-0" /><span class="text-[13px] text-black tracking-[-0.26px]">Tel: 082.418.4444</span></div>
|
||||
<div class="flex items-center gap-2"><img src="{{ 'icon_support.svg' | asset_url }}" alt="" class="w-4 h-4 shrink-0" /><span class="text-[13px] text-black tracking-[-0.26px]">Bảo hành: 082.418.4444</span></div>
|
||||
<div class="flex items-start gap-2"><img src="{{ 'icon_map_pin.svg' | asset_url }}" alt=""
|
||||
class="w-4 h-4 shrink-0 mt-[1px]" /><span class="text-[13px] text-black tracking-[-0.26px]">Địa chỉ: Số
|
||||
2 Lương Ngọc Quyến, Phường Thanh Liệt, TP Hà Nội</span></div>
|
||||
<div class="flex items-center gap-2"><img src="{{ 'icon_phone.svg' | asset_url }}" alt=""
|
||||
class="w-4 h-4 shrink-0" /><span class="text-[13px] text-black tracking-[-0.26px]">Tel:
|
||||
082.418.4444</span></div>
|
||||
<div class="flex items-center gap-2"><img src="{{ 'icon_support.svg' | asset_url }}" alt=""
|
||||
class="w-4 h-4 shrink-0" /><span class="text-[13px] text-black tracking-[-0.26px]">Bảo hành:
|
||||
082.418.4444</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
@@ -208,9 +247,15 @@
|
||||
<span class="text-[13px] text-white tracking-[-0.26px]">Thời gian mở cửa: 8h00 - 18h00 hằng ngày</span>
|
||||
</div>
|
||||
<div class="pt-3 flex flex-col gap-[18px]">
|
||||
<div class="flex items-start gap-2"><img src="{{ 'icon_map_pin.svg' | asset_url }}" alt="" class="w-4 h-4 shrink-0 mt-[1px]" /><span class="text-[13px] text-black tracking-[-0.26px]">Địa chỉ: 74 Bàu Cát 1, Phường Tân Bình, TP Hồ Chí Minh</span></div>
|
||||
<div class="flex items-center gap-2"><img src="{{ 'icon_phone.svg' | asset_url }}" alt="" class="w-4 h-4 shrink-0" /><span class="text-[13px] text-black tracking-[-0.26px]">Tel: 0971.49.0000</span></div>
|
||||
<div class="flex items-center gap-2"><img src="{{ 'icon_support.svg' | asset_url }}" alt="" class="w-4 h-4 shrink-0" /><span class="text-[13px] text-black tracking-[-0.26px]">Bảo hành: 082.418.4444</span></div>
|
||||
<div class="flex items-start gap-2"><img src="{{ 'icon_map_pin.svg' | asset_url }}" alt=""
|
||||
class="w-4 h-4 shrink-0 mt-[1px]" /><span class="text-[13px] text-black tracking-[-0.26px]">Địa chỉ: 74
|
||||
Bàu Cát 1, Phường Tân Bình, TP Hồ Chí Minh</span></div>
|
||||
<div class="flex items-center gap-2"><img src="{{ 'icon_phone.svg' | asset_url }}" alt=""
|
||||
class="w-4 h-4 shrink-0" /><span class="text-[13px] text-black tracking-[-0.26px]">Tel:
|
||||
0971.49.0000</span></div>
|
||||
<div class="flex items-center gap-2"><img src="{{ 'icon_support.svg' | asset_url }}" alt=""
|
||||
class="w-4 h-4 shrink-0" /><span class="text-[13px] text-black tracking-[-0.26px]">Bảo hành:
|
||||
082.418.4444</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -218,4 +263,4 @@
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div id="overlay" class="hidden fixed inset-0 bg-black/30 z-40" onclick="closeAll()"></div>
|
||||
<div id="overlay" class="hidden fixed inset-0 bg-black/30 z-40" onclick="closeAll()"></div>
|
||||
@@ -1,50 +0,0 @@
|
||||
<div class="w-[100%] mb-[50px]">
|
||||
|
||||
<div class="text-sm breadcrumbs ml-[10px]">
|
||||
<ul>
|
||||
<li><a href="/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%] h-[35px] input input-md input-bordered 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%] h-[35px] input input-md input-bordered 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>
|
||||
@@ -1,68 +0,0 @@
|
||||
<div class="w-[100%] mb-[50px]">
|
||||
|
||||
<div class="text-sm breadcrumbs ml-[10px]">
|
||||
<ul>
|
||||
<li><a href="/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="/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>
|
||||
@@ -1,68 +0,0 @@
|
||||
<div class="w-[100%] mb-[50px]">
|
||||
|
||||
<div class="text-sm breadcrumbs ml-[10px]">
|
||||
<ul>
|
||||
<li><a href="/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="/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>
|
||||
@@ -1,58 +0,0 @@
|
||||
<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="table mt-[15px]">
|
||||
<thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
|
||||
<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="btn w-[120px] h-[30px] min-h-[30px] 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-[32px] h-[32px] 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-[32px] h-[32px] 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>
|
||||
@@ -1,280 +0,0 @@
|
||||
<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="/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="table mt-[20px]">
|
||||
<thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
|
||||
<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="/payinstall/add-company"
|
||||
class='w-[30px] h-[30px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||
class='icons icon-edit'></i></a>
|
||||
<a href=""
|
||||
class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
||||
class='icons icon-delete'></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="/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="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] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||
class='icons icon-edit'></i></a>
|
||||
<a href=""
|
||||
class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
||||
class='icons icon-delete'></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<table class="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] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||
class='icons icon-edit'></i></a>
|
||||
<a href=""
|
||||
class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
||||
class='icons icon-delete'></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="/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="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] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||
class='icons icon-edit'></i></a>
|
||||
<a href=""
|
||||
class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
||||
class='icons icon-delete'></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<table class="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] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||
class='icons icon-edit'></i></a>
|
||||
<a href=""
|
||||
class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
||||
class='icons icon-delete'></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="/payinstall/add-company"
|
||||
class='w-[30px] h-[30px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||
class='icons icon-edit'></i></a>
|
||||
<a href=""
|
||||
class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
||||
class='icons icon-delete'></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="/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="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] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||
class='icons icon-edit'></i></a>
|
||||
<a href=""
|
||||
class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
||||
class='icons icon-delete'></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<table class="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] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||
class='icons icon-edit'></i></a>
|
||||
<a href=""
|
||||
class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
||||
class='icons icon-delete'></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="/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="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] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||
class='icons icon-edit'></i></a>
|
||||
<a href=""
|
||||
class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
||||
class='icons icon-delete'></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<table class="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] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||
class='icons icon-edit'></i></a>
|
||||
<a href=""
|
||||
class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
||||
class='icons icon-delete'></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,83 +0,0 @@
|
||||
<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 class="mt-[10px]">Tổng số: 16</p>
|
||||
|
||||
<div class="overflow-x-auto mt-[15px]">
|
||||
<table class="table">
|
||||
<thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
|
||||
<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 p-[5px_0]'>
|
||||
<a href="/payinstall/order_detail"
|
||||
class="btn w-[100px] h-[33px] min-h-[33px] mr-[5px] bg-[#0041E8] text-white px-[10px] py-[5px] rounded-[4px]">Chi
|
||||
tiết</a>
|
||||
<a href=""
|
||||
class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
||||
class='icons icon-delete'></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,91 +0,0 @@
|
||||
<div class="w-[100%] mb-[50px]">
|
||||
|
||||
<div class="text-sm breadcrumbs ml-[10px]">
|
||||
<ul>
|
||||
<li><a href="/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 p-[_15px]">
|
||||
<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>
|
||||
@@ -1,73 +0,0 @@
|
||||
<div class="w-[100%] mb-[50px]">
|
||||
|
||||
<div class="text-sm breadcrumbs ml-[10px]">
|
||||
<ul>
|
||||
<li><a href="/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>
|
||||
@@ -1,70 +0,0 @@
|
||||
<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="/pcbuilder/config-edit"
|
||||
class="p-[5px] border-[1px] border-[#79B0E2] text-[#79B0E2] rounded-[4px]">Chỉnh sửa linh kiện</a>
|
||||
|
||||
<table class="table mt-[15px]">
|
||||
<thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
|
||||
<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="/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="/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="/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="/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>
|
||||
@@ -1,138 +0,0 @@
|
||||
<div class="w-[100%] mb-[50px]">
|
||||
|
||||
<div class="text-sm breadcrumbs ml-[10px]">
|
||||
<ul>
|
||||
<li><a href="/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] whitespace-nowrap">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>
|
||||
@@ -1,57 +0,0 @@
|
||||
<div class="bg-white shadow p-3 rounded-sm">
|
||||
<h1 class="text-2xl font-bold">Danh sách sản phẩm/dịch vụ bán kèm sản phẩm</h1>
|
||||
|
||||
<div class=" flex items-center justify-end gap-3">
|
||||
<a href="/product/addon_add" class="btn btn-view btn-sm btn-outline">
|
||||
<i data-lucide="circle-plus" class="size-3"></i>
|
||||
<span class="">Thêm danh sách mới</span>
|
||||
</a>
|
||||
<a href="/product/attribute_update" class="btn btn-view btn-sm btn-outline">
|
||||
<i data-lucide="file-x" class="size-3"></i>
|
||||
<span class="">Cập nhật Excel</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="overflow-x-auto sm:whitespace-nowrap border border-base-200 rounded-sm mt-5">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr class="bg-base-200 font-bold text-black">
|
||||
<th>STT</th>
|
||||
<th>Thông tin</th>
|
||||
<th>Giá</th>
|
||||
<th>Sản phẩm</th>
|
||||
<th class="w-[150px]">Cập nhật</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<div class="flex items-center gap-3">
|
||||
<span>[8]</span>
|
||||
<a href="" class="link-active">Bộ phím chuột không dây Kenoo KM600 trị giá 249.000 VND
|
||||
(KBKN002)</a>
|
||||
</div>
|
||||
<p>Ghi chú: KM màn hình 27 1</p>
|
||||
<p>Tạo lúc: 04-06-2022, 8:28 am, cập nhật: 04-06-2022, 8:28 am</p>
|
||||
</td>
|
||||
<td>3.849.000 vnd</td>
|
||||
<td><a href="" class="btn btn-active btn-sm">Xem
|
||||
SP</a></td>
|
||||
<td class="">
|
||||
<div class='list-btn flex items-center gap-3'>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-view'><i
|
||||
data-lucide="pencil" class='size-3'></i></a>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-view'><i
|
||||
data-lucide="plus" class='size-3'></i></a>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square'><i data-lucide="eye-off"
|
||||
class='size-3'></i></a>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-error'><i
|
||||
data-lucide="trash-2" class='size-3'></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,87 +0,0 @@
|
||||
<div class="w-full mb-[50px]">
|
||||
|
||||
<div class="text-sm breadcrumbs">
|
||||
<ul>
|
||||
<li><a href="/product/addon">SP/ Dịch vụ bán kèm sản phẩm</a></li>
|
||||
<li class="text-active">Form sửa SP/ Dịch vụ bán kèm</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="w-7xl mx-auto">
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<div class="flex items-center justify-between">
|
||||
<h1 class="text-xl font-bold">Cập nhật SP/ Dịch vụ bán kèm</h1>
|
||||
<a href="/product/attribute-add" class="btn btn-outline btn-sm btn-view">
|
||||
<i data-lucide="plus" class="size-3"></i>
|
||||
<span class="">Thêm dịch vụ mới</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-4 gap-5 mt-5">
|
||||
<div class="left">
|
||||
<div class="list-tab">
|
||||
<a href="/product/addon_add"
|
||||
class="item block w-full text-white bg-[#0041E8] rounded-sm text-base px-3 py-2 font-bold">Nội
|
||||
dung</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right col-span-3">
|
||||
<div class="bg-white p-3 rounded-sm shadow">
|
||||
<b class="block text-xl">Thông tin sản phẩm</b>
|
||||
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold">Tên dịch vụ</label>
|
||||
<input type="text" name="info[warranty]" id="warranty" value="Test"
|
||||
placeholder="Thông tin bảo hành" class="w-full input input-md rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold mb-3">Mô tả</label>
|
||||
<textarea id="product-desc" class="mt-3"> </textarea>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold">Ghi chú (dành cho
|
||||
quản trị)</label>
|
||||
<input type="text" name="info[warranty]" id="warranty" value="Test"
|
||||
placeholder="Thông tin bảo hành" class="w-full input input-md rounded-sm shadow mt-3">
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-2 gap-3 mt-5">
|
||||
<div>
|
||||
<label for="" class=" block font-bold">Giá</label>
|
||||
<input type="text" name="" value="0" placeholder="Giá"
|
||||
class="w-full input input-md rounded-sm shadow mt-3" />
|
||||
</div>
|
||||
<div>
|
||||
<label for="" class=" block font-bold ">Thứ tự hiển
|
||||
thị</label>
|
||||
<input type="text" name="" value="0" placeholder="Giá"
|
||||
class="w-full input input-md rounded-sm shadow mt-3" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center mt-5 gap-5">
|
||||
<b class="">Hiển thị</b>
|
||||
<label class="cursor-pointer flex items-center gap-3">
|
||||
<input type="radio" name="info[status]" value="0" class="radio radio-active radio-sm"
|
||||
checked="checked" />
|
||||
<span class="label-text">Cho hiển thị</span>
|
||||
</label>
|
||||
<label class="cursor-pointer flex items-center gap-3">
|
||||
<input type="radio" name="info[status]" value="0" class="radio radio-active radio-sm"
|
||||
checked="checked" />
|
||||
<span class="label-text">Ẩn hiển thị</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<input type="hidden" name="create" value="yes" />
|
||||
<input name="commit" type="submit" value="Cập nhật" class="btn btn-active" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,97 +0,0 @@
|
||||
<div class="bg-white shadow p-3 rounded-sm">
|
||||
<h1 class="text-2xl font-bold mb-3">Danh sách thuộc tính</h1>
|
||||
|
||||
<div class="flex items-end justify-end">
|
||||
<a href="/product/attribute_add" class="btn btn-outline btn-view btn-sm">
|
||||
<i data-lucide="circle-plus" class="size-4"></i>
|
||||
<span class="">Thêm thuộc tính mới</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="overflow-x-auto mt-5 border border-base-200 rounded-sm">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr class="bg-base-200 font-bold text-black">
|
||||
<th>STT</th>
|
||||
<th>Mã</th>
|
||||
<th>Tên hiển thị</th>
|
||||
<th>Giá trị</th>
|
||||
<th class="w-[30%]">Danh mục đang có</th>
|
||||
<th>Thứ tự</th>
|
||||
<th>Trạng thái</th>
|
||||
<th class="w-[120px]">Cập nhật</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td class="whitespace-nowrap">phong-cach</td>
|
||||
<td>Phong cách</td>
|
||||
<td>5</td>
|
||||
<td>
|
||||
<div class="flex flex-wrap items-center gap-3">
|
||||
<a href="" class="text-primary">Máy Tính Xách Tay,</a>
|
||||
<a href="" class="text-primary">Macbook,</a>
|
||||
<a href="" class="text-primary">Surface,</a>
|
||||
<a href="" class="text-primary">Laptop Acer,</a>
|
||||
<a href="" class="text-primary">Laptop Acer Aspire,</a>
|
||||
<a href="" class="text-primary">Laptop Acer TravelMate,</a>
|
||||
<a href="" class="text-primary">Test,</a>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<input type="text" value="0" class="input w-12 input-sm" />
|
||||
</td>
|
||||
<td>
|
||||
<a href="" class="badge badge-success badge-sm badge-soft">Đang hoạt động</a>
|
||||
</td>
|
||||
<td>
|
||||
<div class='list-btn flex items-center gap-3'>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-view'><i
|
||||
data-lucide="pencil" class='size-3'></i></a>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square '><i data-lucide="eye"
|
||||
class="size-4"></i></a>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-error'><i
|
||||
data-lucide="trash" class="size-3"></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td class="whitespace-nowrap">phong-cach</td>
|
||||
<td>Phong cách</td>
|
||||
<td>5</td>
|
||||
<td>
|
||||
<div class="flex flex-wrap items-center gap-3">
|
||||
<a href="" class="text-primary">Máy Tính Xách Tay,</a>
|
||||
<a href="" class="text-primary">Macbook,</a>
|
||||
<a href="" class="text-primary">Surface,</a>
|
||||
<a href="" class="text-primary">Laptop Acer,</a>
|
||||
<a href="" class="text-primary">Laptop Acer Aspire,</a>
|
||||
<a href="" class="text-primary">Laptop Acer TravelMate,</a>
|
||||
<a href="" class="text-primary">Test,</a>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<input type="text" value="0" class="input w-12 input-sm" />
|
||||
</td>
|
||||
<td>
|
||||
<a href="" class="badge badge-success badge-sm badge-soft">Đang hoạt động</a>
|
||||
</td>
|
||||
<td>
|
||||
<div class='list-btn flex items-center gap-3'>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-view'><i
|
||||
data-lucide="pencil" class='size-3'></i></a>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square '><i data-lucide="eye"
|
||||
class="size-3"></i></a>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-error'><i
|
||||
data-lucide="trash-2" class="size-3"></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -1,214 +0,0 @@
|
||||
<div class="w-full mb-10">
|
||||
|
||||
<div class="text-sm breadcrumbs">
|
||||
<ul>
|
||||
<li><a href="/product/attribute">Thuộc tính sản phẩm</a></li>
|
||||
<li class="text-active">Form thêm/sửa thuộc tính</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="w-7xl mx-auto">
|
||||
<div class="bg-white p-3 rounded-sm shadow mb-4 mt-5">
|
||||
<div class="flex items-center justify-between">
|
||||
<h1 class="text-xl font-bold">Cập nhật thuộc tính sản phẩm</h1>
|
||||
<a href="/product/attribute-add" class="btn btn-outline btn-sm btn-view">
|
||||
<i data-lucide="plus" class="size-3"></i>
|
||||
<span class="">Thêm thuộc tính mới</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-4 gap-5">
|
||||
<div class="left">
|
||||
<div class="list-tab">
|
||||
<div class="list-tab">
|
||||
<a href="javascript:void(0)"
|
||||
class="item block w-full font-bold text-white bg-[#0041E8] rounded-sm text-base px-3 py-2">Nội
|
||||
dung</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right col-span-3">
|
||||
<div class="bg-white p-3 rounded-sm shadow">
|
||||
<b class="text-xl block">Thông tin cơ bản</b>
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="font-bold text-base">Tên thuộc tính</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Tên thuộc tính" class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
|
||||
<div class="form-control w-full mt-5">
|
||||
<label class="flex items-center mb-1 text-base gap-3">
|
||||
<b>Mã nhận dạng cho quản trị</b>
|
||||
<span class="italic text-gray-500 text-xs">v.d. kich_thuoc_quan (không có dấu
|
||||
cách, không viết dấu của tiếng Việt)</span>
|
||||
</label>
|
||||
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||
class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="flex items-center mb-1 text-base gap-3">
|
||||
<b>Mô tả tóm tắt</b>
|
||||
<span class="italic text-gray-500 text-xs">(nếu muốn hiển thị và giải thích ý
|
||||
nghĩa cho khách hàng)</span>
|
||||
</label>
|
||||
<textarea type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||
class="w-full h-30 textarea rounded shadow-sm mt-3">
|
||||
</textarea>
|
||||
</div>
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="flex items-center mb-1 text-base gap-3">
|
||||
<b>Mã bộ lọc trên Url</b>
|
||||
<span class="italic text-gray-500 text-xs">v.d. cpu (trên link lọc
|
||||
?cpu=32Ghz&ram=32GB)
|
||||
</span>
|
||||
</label>
|
||||
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||
class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="flex items-center mb-1 text-base gap-3">
|
||||
<b>Thứ tự xuất hiện</b>
|
||||
<span class="italic text-gray-500 text-xs">(cao xếp trước)</span>
|
||||
</label>
|
||||
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||
class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-4 mt-5 gap-5">
|
||||
<b class="">Lựa chọn áp dụng</b>
|
||||
<div class="col-span-3">
|
||||
<label class="label flex items-center mb-2 gap-3">
|
||||
<input type="checkbox" name="change_url_on_update" value="1" checked
|
||||
class="checkbox checkbox-active checkbox-sm rounded-sm">
|
||||
<span class="">Dùng là tiêu đề nhóm cho các thuộc tính đứng
|
||||
sau</span>
|
||||
</label>
|
||||
<label class="label flex items-center mb-2 gap-3">
|
||||
<input type="checkbox" name="change_url_on_update" value="1"
|
||||
class="checkbox checkbox-active checkbox-sm rounded-sm">
|
||||
<span class="">Dùng lọc Sản phẩm ở danh mục</span>
|
||||
</label>
|
||||
<label class="label flex items-center mb-2 gap-3">
|
||||
<input type="checkbox" name="change_url_on_update" value="1"
|
||||
class="checkbox checkbox-active checkbox-sm rounded-sm">
|
||||
<span class="">Hiển thị ở thông tin tóm tắt Sản phẩm</span>
|
||||
</label>
|
||||
<label class="label flex items-center mb-2 gap-3">
|
||||
<input type="checkbox" name="change_url_on_update" value="1"
|
||||
class="checkbox checkbox-active checkbox-sm rounded-sm">
|
||||
<span class="">Hiển thị ở bảng thông số kỹ thuật</span>
|
||||
</label>
|
||||
<label class="label flex items-center mb-2 gap-3">
|
||||
<input type="checkbox" name="change_url_on_update" value="1"
|
||||
class="checkbox checkbox-active checkbox-sm rounded-sm">
|
||||
<span class="">Dùng để tạo các cấu hình của Sản phẩm</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-4 mt-5 gap-5">
|
||||
<b class="">Phân loại</b>
|
||||
<div class="col-span-3">
|
||||
<label class="cursor-pointer flex items-center mb-2 gap-3">
|
||||
<input type="radio" name="info[scope]" value="0" class="radio radio-active"
|
||||
checked="checked" />
|
||||
<span class="label-text">Local - Chỉ áp dụng cho một số loại
|
||||
Sản
|
||||
phẩm</span>
|
||||
</label>
|
||||
|
||||
<label class="cursor-pointer flex items-center mb-2 gap-3">
|
||||
<input type="radio" name="info[scope]" value="1" class="radio radio-active" />
|
||||
<span class="label-text">Global - Áp dụng cho tất cả Sản phẩm
|
||||
(v.d: Xuất xứ, Màu sắc, Bảo hành)</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<b class="text-base mb-2 block">Thông tin cơ bản</b>
|
||||
<div class="border border-gray-200 rounded-sm p-3 mt-3">
|
||||
<table class="table table-sm">
|
||||
<thead>
|
||||
<tr class="bg-base-200 font-bold text-black">
|
||||
<th>STT</th>
|
||||
<th>ID</th>
|
||||
<th>Giá trị</th>
|
||||
<th>Mô tả</th>
|
||||
<th>Thứ tự hiển thị</th>
|
||||
<th>Lựa chọn</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>4939</td>
|
||||
<td>Nam</td>
|
||||
<td></td>
|
||||
<td>
|
||||
<input type="text" value="0" class="w-12 input" />
|
||||
</td>
|
||||
<td class="w-[85px]">
|
||||
<div class='list-btn flex items-center gap-3'>
|
||||
<a href=""
|
||||
class='btn btn-soft btn-xs btn-square btn-outline btn-view'><i
|
||||
data-lucide="pencil" class='size-3'></i></a>
|
||||
<a href=""
|
||||
class='btn btn-soft btn-xs btn-square btn-outline btn-error'><i
|
||||
data-lucide="trash-2" class='size-3'></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<b class="text-2xl block">Thêm giá trị mới</b>
|
||||
<span class="text-gray-500 italic mt-3">(**) Dùng để sắp xếp Sản phẩm theo thuộc tính khi cần (v.d.
|
||||
theo
|
||||
dung
|
||||
lượng ổ cứng laptop giảm
|
||||
dần)
|
||||
</span>
|
||||
<div class="mt-5 grid grid-cols-3 gap-5">
|
||||
<div class="form-control">
|
||||
<label class="font-bold mb-2 text-base">Tên (*)</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Tên (*)" class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="form-control">
|
||||
<label class="font-base mb-2 text-base">Giá trị sắp xếp (**)</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Giá trị sắp xếp" class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="flex items-end gap-3">
|
||||
<div class="form-control">
|
||||
<label class="font-base mb-2 text-base">STT</label>
|
||||
<input type="text" size="60" name="info[title]" id="title"
|
||||
value="{{page.item_info.title}}" placeholder="STT"
|
||||
class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<a href="javascript:void(0)" class="btn btn-outline btn-view">Thêm
|
||||
mới</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="mt-5 bg-white p-3 rounded-sm shadow">
|
||||
<input class="btn btn-active" id="submit-collection-btn" name="commit" type="submit"
|
||||
value="Cập nhật" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,100 +0,0 @@
|
||||
<div class="bg-white shadow p-3 rounded-sm">
|
||||
<h1 class="text-2xl font-bold mb-3">Danh sách thương hiệu</h1>
|
||||
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
<b>Tìm theo chữ cái</b>:
|
||||
<a href="?opt=brand&letter=A" class="link-primary">A</a> (13) |
|
||||
<a href="?opt=brand&letter=B" class="link-primary">B</a> (2) |
|
||||
<a href="?opt=brand&letter=C" class="link-primary">C</a> (5) |
|
||||
<a href="?opt=brand&letter=D" class="link-primary">D</a> (3) |
|
||||
<a href="?opt=brand&letter=E" class="link-primary">E</a> (3) |
|
||||
<a href="?opt=brand&letter=F" class="link-primary">F</a> (1) |
|
||||
<a href="?opt=brand&letter=G" class="link-primary">G</a> (4) |
|
||||
<a href="?opt=brand&letter=H" class="link-primary">H</a> (4) |
|
||||
<a href="?opt=brand&letter=I" class="link-primary">I</a> (5) |
|
||||
<a href="?opt=brand&letter=J" class="link-primary">J</a> (2) |
|
||||
<a href="?opt=brand&letter=K" class="link-primary">K</a> (2) |
|
||||
<a href="?opt=brand&letter=L" class="link-primary">L</a> (4) |
|
||||
<a href="?opt=brand&letter=M" class="link-primary">M</a> (3) |
|
||||
<a href="?opt=brand&letter=N" class="link-primary">N</a> (4) |
|
||||
<a href="?opt=brand&letter=O" class="link-primary">O</a> (1) |
|
||||
<a href="?opt=brand&letter=P" class="link-primary">P</a> (5) |
|
||||
<a href="?opt=brand&letter=Q" class="link-primary">Q</a> (1) |
|
||||
<a href="?opt=brand&letter=S" class="link-primary">S</a> (8) |
|
||||
<a href="?opt=brand&letter=T" class="link-primary">T</a> (5) |
|
||||
<a href="?opt=brand&letter=V" class="link-primary">V</a> (2) |
|
||||
<a href="?opt=brand&letter=W" class="link-primary">W</a> (2) |
|
||||
<a href="?opt=brand&letter=X" class="link-primary">X</a> (1) |
|
||||
<a href="?opt=brand&letter=Z" class="link-primary">Z</a> (2) |
|
||||
</div>
|
||||
<a href="/product/brand_add" class="btn btn-sm btn-active">
|
||||
<i data-lucide="plus" class="size-4"></i>
|
||||
<span class="whitespace-nowrap ">Thêm thương hiệu mới</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="overflow-x-auto mt-5 border border-base-200 rounded-sm">
|
||||
<table class="table mt-[15px]">
|
||||
<thead>
|
||||
<tr class="bg-base-200 font-bold text-black">
|
||||
<th>STT</th>
|
||||
<th>ID</th>
|
||||
<th>Thương hiệu</th>
|
||||
<th>Lượt xem</th>
|
||||
<th>Logo</th>
|
||||
<th>Số Sản phẩm</th>
|
||||
<th>Cài đặt</th>
|
||||
<th class="w-[150px]">Cập nhật</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>750</td>
|
||||
<td>
|
||||
<b>10MOONS</b>
|
||||
<p class="flex items-center link-active gap-3">
|
||||
<span>Link:</span>
|
||||
<a href="">/brand/10moons</a>
|
||||
</p>
|
||||
<p>Cập nhật cuối: 0000-00-00 00:00:00</p>
|
||||
</td>
|
||||
<td>
|
||||
0
|
||||
</td>
|
||||
<td>
|
||||
<a href="">
|
||||
<img src="{{'brand-1.png'| asset_url }}" alt="">
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center gap-3">
|
||||
<p>1</p>
|
||||
<a href="" class="btn btn-sm btn-active">Xem
|
||||
SP</a>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center gap-3">
|
||||
<span class="whitespace-nowrap">STT</span>
|
||||
<input type="text" value="0" class="input input-sm w-12" />
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class='list-btn flex items-center gap-3'>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-view'><i
|
||||
data-lucide="pencil" class='size-3'></i></a>
|
||||
<a class='btn btn-soft btn-xs btn-square btn-outline btn-view' href=''><i
|
||||
data-lucide="crown" class='size-3'></i></a>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square '><i data-lucide="eye"
|
||||
class='size-3'></i></a>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-error'><i
|
||||
data-lucide="trash-2" class='size-3'></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,133 +0,0 @@
|
||||
<div class="w-full">
|
||||
|
||||
<div class="text-sm breadcrumbs">
|
||||
<ul>
|
||||
<li><a href="/product/brand">Danh sách thương hiệu</a></li>
|
||||
<li class="text-active">Form thêm/sửa thương hiệu</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="w-7xl mx-auto">
|
||||
<div class="bg-white p-3 rounded-sm shadow mb-5">
|
||||
<div class="flex items-center justify-between">
|
||||
<h1 class="text-2xl font-bold">Cập nhật Thương hiệu</h1>
|
||||
<a href="/product/brand_add" class="btn btn-sm btn-outline btn-view">
|
||||
<i class="size-4" data-lucide="plus"></i>
|
||||
<span class="">Thêm thương hiệu mới</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-4 gap-5 mt-5">
|
||||
<div class="left">
|
||||
<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]">Nội
|
||||
dung</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right col-span-3">
|
||||
<div class="bg-white p-3 rounded-sm shadow">
|
||||
<b class="text-xl block">Thông tin cơ bản</b>
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="font-bold text-base">Tên thương hiệu</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Tên thương hiệu" class="input w-full rounded-sm shadow mt-3">
|
||||
</div>
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="font-bold text-base">Link Index</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="link index" class="input w-full rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="form-control mt-5">
|
||||
<label class="font-bold text-base">Mô tả tóm tắt</label>
|
||||
<textarea type="text" size="60" name="info[title]" id="title" placeholder="Mô tả tóm tắt"
|
||||
class="textarea w-full rounded-sm shadow mt-3">
|
||||
</textarea>
|
||||
</div>
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="font-bold text-base">Ảnh logo thương hiệu</label>
|
||||
<div class="mt-3">
|
||||
<img src="{{'brand-1.png' | asset_url }}" alt="">
|
||||
<div id="image-brand" class="mt-5 w-full"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
<b>Mô tả (nếu có)</b>
|
||||
</div>
|
||||
<div class="flex items-center">
|
||||
<a href="" class="p-[7px] rounded-[4px] border-[1px] border-[#0041E8] mr-[10px]">
|
||||
<i class="fa-solid fa-arrow-up-from-bracket text-[#0041E8]"></i>
|
||||
<span class="pl-[3px] text-[#0041E8] font-[500]">Upload ảnh</span>
|
||||
</a>
|
||||
<a href="" class="p-[7px] rounded-[4px] border-[1px] border-[#0041E8] mr-[10px]">
|
||||
<i class="fa-regular fa-folder text-[#0041E8]"></i>
|
||||
<span class="pl-[3px] text-[#0041E8] font-[500]">Quản lý</span>
|
||||
</a>
|
||||
<a href="" class="p-[7px] rounded-[4px] border-[1px] border-[#0041E8]">
|
||||
<i class="fa-regular fa-file-image text-[#0041E8]"></i>
|
||||
<span class="pl-[3px] text-[#0041E8] font-[500]">Chọn ảnh trong kho ảnh</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-[#6B7280]">Chưa có thư viện ảnh cho phần miêu tả</p>
|
||||
<div class="py-[10px]">
|
||||
<textarea id="product-desc"> </textarea>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-[10px] border-t-[6px] border-[#FAFAFB]">
|
||||
<b class="block text-[20px] mb-[15px]">Dùng cho SEO</b>
|
||||
<div class="form-control w-[100%] mb-[10px]">
|
||||
<label class="flex items-center mb-[5px] text-[14px]">
|
||||
<b>Meta Title</b>
|
||||
<span class="ml-[10px] italic text-[#6B7280] text-[13px]">* nếu để trống sẽ dùng tên</span>
|
||||
</label>
|
||||
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||
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 w-[100%] mb-[10px]">
|
||||
<label class="flex items-center mb-[5px] text-[14px]">
|
||||
<b>Meta Keyword</b>
|
||||
</label>
|
||||
<input type="text" size="60" name="Keyword" id="Keyword" value="0"
|
||||
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 w-[100%] mb-[10px]">
|
||||
<label class="flex items-center mb-[5px] text-[14px]">
|
||||
<b>Meta Description</b>
|
||||
<span class="ml-[10px] italic text-[#6B7280] text-[13px]">* nếu để trống sẽ dùng Mô tả tóm
|
||||
tắt</span>
|
||||
</label>
|
||||
<textarea type="text" size="60" name="description" id="description" value="0"
|
||||
class="w-[100%] h-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
</textarea>
|
||||
</div>
|
||||
<div class="form-control w-[100%] mb-[10px]">
|
||||
<label class="flex items-center mb-[5px] text-[14px]">
|
||||
<b>Thứ tự xuất hiện</b>
|
||||
<span class="ml-[10px] italic text-[#6B7280] text-[13px]">(cao xếp trước)</span>
|
||||
</label>
|
||||
<input type="text" size="60" name="" id="" value="0"
|
||||
class="w-[40%] 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] border-t-[6px] border-[#FAFAFB]">
|
||||
<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>
|
||||
@@ -1,59 +1,268 @@
|
||||
<div class="bg-white shadow p-3 rounded-sm">
|
||||
<h1 class="text-2xl font-bold mb-3">Danh sách sản phẩm</h1>
|
||||
{% assign no_image_url = 'no-image.png' | asset_url %}
|
||||
<div class="w-[1200px] mx-auto flex flex-col gap-4 py-4">
|
||||
|
||||
<div id="action-links" class="mt-3">
|
||||
<div class="flex item-center justify-between">
|
||||
<div class="btn btn-outline btn-view btn-sm">
|
||||
<a href='javascript:;' onclick="RowExpand.open_all();"><span id='js-row-expand-all'></span> Xem hết
|
||||
danh mục</a>
|
||||
</div>
|
||||
<a href="/product/category-form " id="add-prod" class="btn btn-outline btn-view btn-sm">
|
||||
<i data-lucide="plus" class="size-4"></i>
|
||||
<span class="font-500">Thêm
|
||||
danh mục mới</span></a>
|
||||
<!-- Breadcrumb -->
|
||||
<div class="flex items-center gap-2 text-[13px]">
|
||||
<a href="/" class="text-black cursor-pointer hover:text-[#e4057c]">Trang chủ</a>
|
||||
<img src="image/icon_arrow_next.svg" alt="" class="w-[10px] h-[10px]" />
|
||||
<span class="text-black font-medium">{{ page.current_category.name }}</span>
|
||||
</div>
|
||||
|
||||
<!-- Banner Sale -->
|
||||
<div class="relative w-full rounded-[12px] overflow-hidden" style="background:#6e0000; height:651px">
|
||||
<!-- Top banner image -->
|
||||
<div class="absolute top-0 left-0 w-full h-[187px] rounded-t-[12px] overflow-hidden">
|
||||
<img src="{{ 'category_banner_sale_top.png' | asset_url }}" alt=""
|
||||
class="w-full h-full object-cover rounded-t-[12px]" />
|
||||
</div>
|
||||
<!-- 5 sale product cards -->
|
||||
<div class="absolute bottom-[23px] left-[12px] right-[12px] flex gap-3">
|
||||
{% for _product in page.product_list limit:5 %}
|
||||
<a href="/product/detail?id={{ _product.productId }}"
|
||||
class="relative bg-white border border-[#dcdcdc] rounded-[8px] w-[226px] h-[426px] shrink-0 px-[9px] py-[10px] flex flex-col gap-[8px] no-underline">
|
||||
<div class="h-[173px] flex items-center justify-center">
|
||||
<img src="{{ _product.productImage.large }}" alt="{{ _product.productName }}"
|
||||
class="w-[173px] h-[173px] rounded-[4px] object-cover"
|
||||
onerror="this.onerror=null;this.src='{{ no_image_url }}'" />
|
||||
</div>
|
||||
{% if _product.label != '' %}
|
||||
<div class="inline-flex w-fit h-5 items-center gap-1 rounded-full pl-1 pr-[10px] text-white text-[10px] font-medium tracking-[-0.2px]"
|
||||
style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">
|
||||
<span class="w-4 h-4 rounded-full bg-white flex items-center justify-center overflow-hidden"><img
|
||||
src="{{ 'icon_gift.png' | asset_url }}" alt=""
|
||||
class="w-[11px] h-[11px] object-contain" /></span>
|
||||
<span>{{ _product.label }}</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="flex items-center gap-[6px]">
|
||||
{% if _product.price > 0 %}
|
||||
<p class="m-0 text-[18px] leading-none font-bold text-[#db0000] tracking-[-0.36px]">{{
|
||||
_product.price | number_format }} <span class="underline">đ</span></p>
|
||||
{% if _product.price_off != '' %}
|
||||
<span
|
||||
class="min-w-[35px] h-4 px-[7px] rounded-full bg-[#ffeef0] text-[#dc0d28] text-[10px] leading-none font-medium tracking-[-0.2px] inline-flex items-center justify-center">-{{
|
||||
_product.price_off }}%</span>
|
||||
{% endif %}
|
||||
{% else %}
|
||||
<p class="m-0 text-[18px] leading-none font-bold text-[#db0000] tracking-[-0.36px]">Liên hệ</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if _product.marketPrice > 0 %}
|
||||
<p class="m-0 text-[12px] leading-none text-[#c5c5c5] tracking-[-0.24px] line-through">{{
|
||||
_product.marketPrice | number_format }} đ</p>
|
||||
{% endif %}
|
||||
<p
|
||||
class="m-0 h-[32px] overflow-hidden text-[13px] leading-[16px] font-bold tracking-[-0.26px] text-black">
|
||||
{{ _product.productName }}</p>
|
||||
<div class="mt-auto flex items-center justify-between gap-[6px]">
|
||||
<div
|
||||
class="inline-flex items-center gap-1 text-[#707070] text-[12px] leading-none tracking-[-0.24px] whitespace-nowrap">
|
||||
<img src="{{ 'icon_rating_star.svg' | asset_url }}" alt="" class="w-[11px] h-[11px]" />
|
||||
<span>{{ _product.rating }}</span>
|
||||
<span class="w-[2px] h-[2px] rounded-full bg-[#707070]"></span>
|
||||
<span>Đã bán {{ _product.reviewCount }}</span>
|
||||
</div>
|
||||
<button type="button"
|
||||
class="w-6 h-6 rounded-full bg-[#c1c1c1] flex items-center justify-center shrink-0"
|
||||
aria-label="Add to cart">
|
||||
<img src="{{ 'icon_cart_circle.svg' | asset_url }}" alt="" class="w-4 h-4" />
|
||||
</button>
|
||||
</div>
|
||||
</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="overflow-x-auto border border-base-200 rounded-sm mt-5 w-full mt-3">
|
||||
<table id='tb_padding' cellpadding=2 cellspacing=0 width='100%' border=1 bordercolor='#CCCCCC' class="table">
|
||||
<tr class="bg-base-200 font-bold">
|
||||
<td>Danh mục</td>
|
||||
<td>Link web</td>
|
||||
<td class=" whitespace-nowrap">ID</td>
|
||||
<td>Xem</td>
|
||||
<td>SP</td>
|
||||
<td>STT</td>
|
||||
<td>Hiển thị nội dung</td>
|
||||
<td>Thuộc tính</td>
|
||||
<td class="w-[150px]">Cập nhật</td>
|
||||
</tr>
|
||||
|
||||
{{page.category_list}}
|
||||
|
||||
</table>
|
||||
<!-- Banner QC -->
|
||||
<div class="flex gap-3">
|
||||
<div class="w-[594px] h-[236px] rounded-[8px] overflow-hidden shrink-0">
|
||||
<img src="{{ 'category_qc_samsung.png' | asset_url }}" alt="" class="w-full h-full object-cover" />
|
||||
</div>
|
||||
<div class="w-[594px] h-[236px] rounded-[8px] overflow-hidden shrink-0">
|
||||
<img src="{{ 'category_qc_lg.png' | asset_url }}" alt="" class="w-full h-full object-cover" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p style="margin-top: 10px">
|
||||
<strong style="color: red">Lưu ý</strong>: Tổng sản phẩm ở danh mục mẹ được tính là tổng sản phẩm sản phẩm
|
||||
của các danh mục con và danh mục mẹ. Bộ đếm không loại trừ sản phẩm trùng nhau (v.d. trường hợp 1 sản phẩm
|
||||
thuộc cả 2 danh mục con thì sẽ được đếm 2 lần)
|
||||
</p>
|
||||
<!-- Product List -->
|
||||
<div class="bg-white rounded-[12px] px-3 py-5 flex flex-col gap-4">
|
||||
<!-- Filter bar -->
|
||||
<div class="flex items-center gap-2">
|
||||
<!-- Filter button -->
|
||||
<button
|
||||
class="flex items-center gap-2 border border-[#dcdcdc] rounded-[8px] h-10 px-4 shrink-0 hover:bg-gray-50">
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none">
|
||||
<path d="M2 5h16M5 10h10M8 15h4" stroke="#333" stroke-width="1.5" stroke-linecap="round" />
|
||||
</svg>
|
||||
<span class="text-[13px] text-black font-medium">Lọc</span>
|
||||
</button>
|
||||
<!-- Brand filter dropdown -->
|
||||
<button
|
||||
class="flex items-center gap-1 border border-[#dcdcdc] rounded-[8px] h-10 px-3 text-[13px] text-black hover:bg-gray-50">
|
||||
<svg width="10" height="10" viewBox="0 0 10 10">
|
||||
<path d="M2 3.5l3 3 3-3" stroke="#333" stroke-width="1.2" stroke-linecap="round"
|
||||
stroke-linejoin="round" />
|
||||
</svg>
|
||||
<span>Thương hiệu</span>
|
||||
</button>
|
||||
<!-- Price filter dropdown -->
|
||||
<button
|
||||
class="flex items-center gap-1 border border-[#dcdcdc] rounded-[8px] h-10 px-3 text-[13px] text-black hover:bg-gray-50">
|
||||
<svg width="10" height="10" viewBox="0 0 10 10">
|
||||
<path d="M2 3.5l3 3 3-3" stroke="#333" stroke-width="1.2" stroke-linecap="round"
|
||||
stroke-linejoin="round" />
|
||||
</svg>
|
||||
<span>Giá</span>
|
||||
</button>
|
||||
<!-- Attribute filter dropdowns -->
|
||||
{% for _attr in page.attribute_filter_list %}
|
||||
<button
|
||||
class="flex items-center gap-1 border border-[#dcdcdc] rounded-[8px] h-10 px-3 text-[13px] text-black hover:bg-gray-50">
|
||||
<svg width="10" height="10" viewBox="0 0 10 10">
|
||||
<path d="M2 3.5l3 3 3-3" stroke="#333" stroke-width="1.2" stroke-linecap="round"
|
||||
stroke-linejoin="round" />
|
||||
</svg>
|
||||
<span>{{ _attr.name }}</span>
|
||||
</button>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<!-- Sort bar -->
|
||||
<div class="flex items-center gap-3 text-[13px]">
|
||||
<span class="text-[#707070]">Sắp xếp theo:</span>
|
||||
{% for _sort in page.sort_by_collection %}
|
||||
{% if forloop.first %}
|
||||
<span class="text-[#e4057c] font-medium cursor-pointer">{{ _sort.name }}</span>
|
||||
{% else %}
|
||||
<span class="text-[#c0c0c0]">·</span>
|
||||
<span class="text-black cursor-pointer hover:text-[#e4057c]">{{ _sort.name }}</span>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
<!-- Product count -->
|
||||
<div class="text-[13px] text-[#707070]">{{ page.product_count }} sản phẩm</div>
|
||||
<!-- Product grid -->
|
||||
<div class="grid grid-cols-5 gap-3">
|
||||
{% for _product in page.product_list %}
|
||||
<div
|
||||
class="relative bg-white border border-[#dcdcdc] rounded-[8px] p-[9px] pt-[10px] flex flex-col gap-[10px] h-full">
|
||||
<a href="/product/detail" class="block">
|
||||
<img src="{{ _product.productImage.large }}" alt="{{ _product.productName }}"
|
||||
class="w-full aspect-square rounded-[4px] object-cover"
|
||||
onerror="this.onerror=null;this.src='{{ no_image_url }}'" />
|
||||
</a>
|
||||
{% if _product.productType.isSaleOff == 1 %}
|
||||
<span class="inline-block h-5 rounded-full text-white text-[10px] font-medium px-2 leading-5 w-fit"
|
||||
style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sale off</span>
|
||||
{% elsif _product.productType.isHot == 1 %}
|
||||
<span class="inline-block h-5 rounded-full text-white text-[10px] font-medium px-2 leading-5 w-fit"
|
||||
style="background:linear-gradient(89.82deg,#ff6600 2.38%,#cc4400 94.82%)">Hot</span>
|
||||
{% elsif _product.productType.isNew == 1 %}
|
||||
<span class="inline-block h-5 rounded-full text-white text-[10px] font-medium px-2 leading-5 w-fit"
|
||||
style="background:linear-gradient(89.82deg,#0066ff 2.38%,#0044cc 94.82%)">Mới</span>
|
||||
{% endif %}
|
||||
{% if _product.price > 0 %}
|
||||
<div class="flex items-center gap-1">
|
||||
<p class="text-[18px] font-bold text-[#db0000]">{{ _product.price | number_format }} <span
|
||||
class="underline">đ</span></p>
|
||||
{% if _product.price_off != '' and _product.price_off != '0' %}
|
||||
<span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-{{
|
||||
_product.price_off }}%</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if _product.marketPrice > 0 %}
|
||||
<p class="text-[12px] text-[#c5c5c5] line-through">{{ _product.marketPrice | number_format }} đ</p>
|
||||
{% endif %}
|
||||
{% else %}
|
||||
<p class="text-[18px] font-bold text-[#db0000]">Liên hệ</p>
|
||||
{% endif %}
|
||||
<a href="/product/detail" class="text-[13px] font-bold text-black hover:text-[#e4057c] line-clamp-2">{{
|
||||
_product.productName
|
||||
}}</a>
|
||||
{% if _product.rating > 0 %}
|
||||
<div class="flex items-center gap-1 text-[12px] text-[#707070]">
|
||||
<img src="{{ 'icon_rating_star.svg' | asset_url }}" alt="" class="w-[11px] h-[11px]" />
|
||||
<span>{{ _product.rating }} · {{ _product.reviewCount }} đánh giá</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="mt-auto flex justify-end">
|
||||
<div class="w-6 h-6 bg-[#BBBBBB] rounded-full flex items-center justify-center shadow">
|
||||
<img src="{{ 'icon_cart_circle.svg' | asset_url }}" alt="" class="w-4 h-4" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<!-- Pagination -->
|
||||
<div class="flex justify-center mt-2">
|
||||
{{ page.paging.html }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<input type="hidden" id="save_open_row" value="," />
|
||||
<input type="hidden" id="track_open_row" value="0" />
|
||||
<!-- Box Article + Video -->
|
||||
{% assign _articles = page.current_category.related['article-article'] %}
|
||||
{% assign _videos = page.current_category.related['article-video'] %}
|
||||
{% if _articles.size > 0 or _videos.size > 0 %}
|
||||
<div class="bg-white rounded-[12px] flex gap-3 px-3 py-4">
|
||||
{% if _articles.size > 0 %}
|
||||
<!-- Tin khuyến mãi -->
|
||||
<div class="flex flex-col gap-3 w-[885px] shrink-0">
|
||||
<h2 class="text-[28px] font-bold text-black tracking-tight">TIN KHUYẾN MÃI</h2>
|
||||
<div class="flex gap-3 items-start">
|
||||
{% assign _main_article = _articles[0] %}
|
||||
<div class="w-[481px] shrink-0">
|
||||
<a href="{{ _main_article.url }}" class="block w-[481px] h-[300px] rounded-[4px] overflow-hidden">
|
||||
<img src="{{ _main_article.image.large }}" alt="{{ _main_article.title }}"
|
||||
class="w-full h-full object-cover" />
|
||||
</a>
|
||||
<p class="mt-2 text-[20px] font-bold text-black tracking-tight">{{ _main_article.title }}</p>
|
||||
</div>
|
||||
<div class="flex flex-col gap-3 flex-1">
|
||||
{% for _article in _articles offset:1 limit:3 %}
|
||||
<a href="{{ _article.url }}" class="flex gap-3 items-start no-underline">
|
||||
<img src="{{ _article.image.thum }}" alt="{{ _article.title }}"
|
||||
class="w-[153px] h-[92px] rounded-[4px] object-cover shrink-0" />
|
||||
<p class="text-[14px] text-black tracking-tight line-clamp-3">{{ _article.title }}</p>
|
||||
</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if _videos.size > 0 %}
|
||||
<!-- Video Review -->
|
||||
<div class="flex flex-col gap-3 flex-1">
|
||||
<h2 class="text-[28px] font-bold text-black tracking-tight">VIDEO REVIEW</h2>
|
||||
<div class="flex flex-col gap-3">
|
||||
{% assign _main_video = _videos[0] %}
|
||||
<a href="{{ _main_video.url }}" class="block w-full h-[159px] rounded-[4px] overflow-hidden relative">
|
||||
<img src="{{ _main_video.image.large }}" alt="{{ _main_video.title }}"
|
||||
class="w-full h-full object-cover" />
|
||||
<div class="absolute inset-0 bg-black/20 rounded-[4px]"></div>
|
||||
</a>
|
||||
{% for _video in _videos offset:1 limit:2 %}
|
||||
<a href="{{ _video.url }}" class="flex gap-3 items-start no-underline">
|
||||
<div class="w-[107px] h-[64px] rounded-[4px] overflow-hidden relative shrink-0">
|
||||
<img src="{{ _video.image.thum }}" alt="{{ _video.title }}"
|
||||
class="w-full h-full object-cover" />
|
||||
<div class="absolute inset-0 bg-black/20 rounded-[4px]"></div>
|
||||
</div>
|
||||
<p class="text-[14px] text-black tracking-tight line-clamp-3">{{ _video.title }}</p>
|
||||
</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
function update_order(id, new_val) {
|
||||
alert("todo");
|
||||
}
|
||||
|
||||
function update_status(id, status) {
|
||||
alert("todo");
|
||||
}
|
||||
|
||||
function deleteThis(id) {
|
||||
alert("todo");
|
||||
}
|
||||
</script>
|
||||
<!-- Key Search -->
|
||||
{% if page.current_category.tags.size > 0 %}
|
||||
<div class="bg-white rounded-[12px] flex flex-col gap-3 px-3 py-4">
|
||||
<h2 class="text-[24px] font-bold text-black tracking-tight">Mọi người cũng tìm kiếm</h2>
|
||||
<div class="bg-[#f3f4f7] rounded-[12px] px-3 py-5 flex flex-wrap gap-5 text-[12px] text-black">
|
||||
{% for _tag in page.current_category.tags %}
|
||||
<a href="{{ _tag.url }}" class="text-black hover:text-[#e4057c]">{{ _tag.name }}</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
@@ -1,275 +0,0 @@
|
||||
<div class="w-full mb-5">
|
||||
|
||||
<div class="text-sm breadcrumbs mb-6">
|
||||
<ul>
|
||||
<li><a href="/product">Danh sách sản phẩm</a></li>
|
||||
<li class="text-active">Form thêm/sửa sản phẩm</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="w-7xl mx-auto">
|
||||
<div class="bg-white p-3 rounded-sm shadow mb-6">
|
||||
<div class="flex items-center justify-between">
|
||||
<h1 class="text-xl font-bold">Cập nhật danh mục</h1>
|
||||
<a href="/product/category-form" class="btn btn-sm btn-outline btn-active">
|
||||
<i data-lucide="plus" class="size-4"></i>
|
||||
<span class="">Thêm danh mục mới</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{% if page.update_status == 'success' %}
|
||||
<p class=" update-success">Cập nhật thành công</p>
|
||||
{% endif %}
|
||||
|
||||
<div class="grid grid-cols-4 gap-5 mb-5">
|
||||
<div class="left ">
|
||||
<div class="list-tab">
|
||||
<a href="javascript:void(0)"
|
||||
class="item block w-full h-[36px] text-white bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[10px] font-bold">Nội
|
||||
dung</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right col-span-3">
|
||||
<form method="post" enctype="multipart/form-data">
|
||||
|
||||
<input type=hidden name='info[id]' value='{{page.item_info.id}}' />
|
||||
|
||||
<div class="bg-white p-3 rounded-sm shadow mb-5">
|
||||
<b class="text-xl mb-3">Thông tin cơ bản</b>
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="font-bold text-base">Tên danh mục</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Tên danh mục"
|
||||
class="w-full border border-[#d8d8d8] py-2 px-3 rounded-sm shadow mt-3">
|
||||
</div>
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="font-bold text-base block">Từ khóa (tag,nếu có - nhập
|
||||
mỗi cụm từ 1
|
||||
dòng)</label>
|
||||
<textarea type="text" size="60" name="info[tags]" id="tags" value="{{page.item_info.tags}}"
|
||||
placeholder="tag" class="textarea w-full rounded-sm shadow mt-3"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-3 rounded-sm shadow mb-5">
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
<b>Mô tả (nếu có)</b>
|
||||
</div>
|
||||
<div class="flex items-center gap-3">
|
||||
<a href="" class="btn btn-sm btn-outline btn-view">
|
||||
<i data-lucide="upload" class="size-4"></i>
|
||||
<span class="">Upload ảnh</span>
|
||||
</a>
|
||||
<a href="" class="btn btn-sm btn-outline btn-view">
|
||||
<i data-lucide="folder" class="size-4"></i>
|
||||
<span class="">Quản lý</span>
|
||||
</a>
|
||||
<a href="" class="btn btn-sm btn-outline btn-view">
|
||||
<i data-lucide="image" class="size-4"></i>
|
||||
<span class="">Chọn ảnh trong kho
|
||||
ảnh</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-gray-300">Chưa có thư viện ảnh cho phần miêu tả</p>
|
||||
<div class="py-2">
|
||||
<textarea id="product-desc"> </textarea>
|
||||
</div>
|
||||
|
||||
<div class="flex justify-between mt-3">
|
||||
<div>
|
||||
<b class="font-[20px]">Nhập nội dung cố định (HTML)</b>
|
||||
</div>
|
||||
<div class="flex items-center gap-3">
|
||||
<a href="" class="btn btn-sm btn-outline btn-view">
|
||||
<i data-lucide="upload" class="size-4"></i>
|
||||
<span class="">Upload ảnh</span>
|
||||
</a>
|
||||
<a href="" class="btn btn-sm btn-outline btn-view">
|
||||
<i data-lucide="folder" class="size-4"></i>
|
||||
<span class="">Quản lý</span>
|
||||
</a>
|
||||
<a href="" class="btn btn-sm btn-outline btn-view">
|
||||
<i data-lucide="image" class="size-4"></i>
|
||||
<span class="">Chọn ảnh trong kho
|
||||
ảnh</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-gray-300">Chưa có thư viện ảnh cho phần miêu tả</p>
|
||||
<div class="py-2">
|
||||
<textarea id="product-static"> </textarea>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<b class="block mb-3">Ảnh icon</b>
|
||||
<div id="image-category-icon" class="mt-5 w-full"></div>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<b class="block mb-3">Ảnh đại diện</b>
|
||||
<div id="image-category-avatar" class="mt-5 w-full"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-3 rounded-sm shadow mb-5">
|
||||
<b class="block text-xl mb-4">Thông tin danh mục</b>
|
||||
<div class="form-control mb-3">
|
||||
<label class="flex items-center mb-2 text-base">
|
||||
<b>Khoảng lọc giá</b>
|
||||
<span class="ml-2 italic text-gray-500">Nhập từng giá các nhau
|
||||
dấu;</span>
|
||||
</label>
|
||||
<input type="text" size="60" name="priceRange" id="priceRange"
|
||||
value="{{page.item_info.priceRange}}" class="input w-full rounded-sm shadow">
|
||||
<div class="note py-2 italic text-gray-500">
|
||||
<p>ví dụ: 300000;800000;1500000 có nghĩa là tạo ra 4 khoảng giá cho
|
||||
khách hàng lọc Sản
|
||||
phẩm, đó là:</p>
|
||||
<p>- Dưới 300000,</p>
|
||||
<p>- Từ 300000 đến 800000,</p>
|
||||
<p>- Từ 800000 đến 1500000</p>
|
||||
<p>- Trên 1500000</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-2 gap-5 mt-5">
|
||||
<div class="form-control">
|
||||
<label class="flex items-center mb-3">
|
||||
<b>Là danh mục con của</b>
|
||||
</label>
|
||||
<select name="parentId" id="parentId" class="select rounded-sm shadow w-full">
|
||||
<option value="">Danh mục gốc</option>
|
||||
{{page.categoryDropBox}}
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-control">
|
||||
<label class="flex items-center mb-3">
|
||||
<b>Loại nội dung hiển thị</b>
|
||||
</label>
|
||||
<select name="display_option" id="display_option"
|
||||
class="select rounded-sm shadow w-full">
|
||||
<option value="child_product" selected="selected">Hiển thị sản phẩm
|
||||
+ Danh mục con
|
||||
</option>
|
||||
<option value="category_as_product">Hiển thị như sản phẩm tổng hợp
|
||||
</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-control">
|
||||
<label class="flex items-center mb-3 gap-3">
|
||||
<b>Thứ tự xuất hiện</b>
|
||||
<span class="">(cao xếp trước)</span>
|
||||
</label>
|
||||
<input type="text" size="60" name="ordering" id="ordering"
|
||||
value="{{page.item_info.ordering}}" class="input w-full rounded-sm shadow">
|
||||
</div>
|
||||
<div class="form-control">
|
||||
<label class="flex items-center mb-3 gap-3">
|
||||
<b>Template File</b>
|
||||
</label>
|
||||
<input type="text" size="60" name="template" id="template"
|
||||
value="{{page.item_info.template}}" class="input w-full rounded-sm shadow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="flex items-center mb-3 gap-3">
|
||||
<b>Số Sản phẩm hiển thị</b>
|
||||
<span class="italic text-gray-500">(để = 0 nếu mặc định theo
|
||||
hệ thống cài đặt
|
||||
chung)
|
||||
</span>
|
||||
</label>
|
||||
<input type="text" size="60" name="number_display" id="number_display" value="0"
|
||||
class="input w-full rounded-sm shadow" />
|
||||
</div>
|
||||
|
||||
<div class="form-control w-full mt-5">
|
||||
<label class="flex items-center mb-3 gap-3">
|
||||
<b>Redirect tới URL (khi truy cập danh mục sẽ chuyển sang link này)</b>
|
||||
</label>
|
||||
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||
class="input w-full rounded-sm shadow" />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-3 mt-5 rounded-sm shadow">
|
||||
<b class="block text-xl">Dùng cho SEO</b>
|
||||
<div class="form-control w-full mt-5">
|
||||
<label class="flex items-center mb-3 gap-3">
|
||||
<b>Url canonical</b>
|
||||
</label>
|
||||
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||
class="input w-full rounded-sm shadow">
|
||||
</div>
|
||||
<div class="form-control w-full mt-5">
|
||||
<label class="flex items-center mb-3 gap-3">
|
||||
<b>Link truy cập tại website</b>
|
||||
</label>
|
||||
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||
class="input w-full rounded-sm shadow">
|
||||
</div>
|
||||
<div class="form-control w-full mt-5">
|
||||
<label class="flex items-center mb-3 gap-3">
|
||||
<b>Tên Index</b>
|
||||
</label>
|
||||
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||
class="input w-full rounded-sm shadow">
|
||||
</div>
|
||||
<div class="form-control w-full mt-5">
|
||||
<label class="flex items-center mb-3 gap-3">
|
||||
<b>Meta Title</b>
|
||||
<span class="italic text-gray-500">51 ký tự , 10
|
||||
từ</span>
|
||||
</label>
|
||||
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||
class="input w-full rounded-sm shadow">
|
||||
</div>
|
||||
<div class="form-control w-full mt-5">
|
||||
<label class="flex items-center mb-3 gap-3">
|
||||
<b>Meta Keywords</b>
|
||||
<span class="italic text-gray-500">76 ký tự , 14
|
||||
từ</span>
|
||||
</label>
|
||||
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||
class="input w-full rounded-sm shadow">
|
||||
</div>
|
||||
<div class="form-control w-full mt-5">
|
||||
<label class="flex items-center mb-3 gap-3">
|
||||
<b>Meta Description</b>
|
||||
<span class="italic text-gray-500">142 ký tự , 28
|
||||
từ (Khuyến
|
||||
nghị: 160 ký tự) * nếu để trống sẽ dùng tóm tắt danh mục</span>
|
||||
</label>
|
||||
<textarea name="" id="" cols="30" rows="10" class="textarea w-full rounded-sm shadow"
|
||||
placeholder=""></textarea>
|
||||
</div>
|
||||
<div class="mt-5 gap-3 flex items-center">
|
||||
<b class="">Thay đổi Link truy cập khi thay đổi Tên index?</b>
|
||||
<input type="checkbox" name="change_url_on_update" value="1"
|
||||
class="checkbox checkbox-sm checkbox-active rounded-sm" checked="">
|
||||
<span class="text-gray-500">Tích chọn để hiển thị hoặc dừng hiển
|
||||
thị</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<input class="btn btn-sm btn-active" id="submit-collection-btn" name="commit" type="submit"
|
||||
value="Cập nhật" />
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -1,97 +0,0 @@
|
||||
<div class="w-full mb-[50px]">
|
||||
<div class="text-sm breadcrumbs">
|
||||
<ul>
|
||||
<li><a href="/product/collection">Danh sách bộ sưu tập</a></li>
|
||||
<li class="text-active">Form thêm/sửa sản phẩm</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="w-7xl mx-auto">
|
||||
<div class="bg-white p-3 rounded-sm shadow">
|
||||
<div class="flex items-center justify-between">
|
||||
<h1 class="text-xl font-bold">Cập nhật bộ sưu tập Sản phẩm</h1>
|
||||
<div class="flex items-center gap-3">
|
||||
<a href="/product/add_special_category=131" class="btn btn-outline btn-sm btn-view">
|
||||
<i data-lucide="plus" class="size-3"></i>
|
||||
<span class="">Thêm sản phẩm</span>
|
||||
</a>
|
||||
<a href="/product/collection_add" class="btn btn-outline btn-sm btn-view">
|
||||
<i data-lucide="plus" class="size-3"></i>
|
||||
<span class="">Thêm bộ sưu tập</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-gray-500">Flash Sale | Giảm Giá Cực Sốc !</p>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-4 gap-5 mt-5">
|
||||
<div class="left">
|
||||
<div class="list-tab">
|
||||
<a href="/product/collection"
|
||||
class="item block w-full text-white bg-[#0041E8] rounded-sm text-base px-3 py-2 font-bold">Thông
|
||||
tin</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right col-span-3">
|
||||
<div class="bg-white p-3 rounded-sm shadow">
|
||||
<b class="block text-xl font-bold">Thông tin cơ bản</b>
|
||||
|
||||
<div class="mt-5">
|
||||
<b class="text-base">Ảnh icon</b>
|
||||
<div id="image-brand" class="mt-5 w-full"></div>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold text-base">Đặt tên bộ sưu
|
||||
tập</label>
|
||||
<input type="text" name="" value="" placeholder="Tên bộ sưu tập"
|
||||
class="w-full input input-md rounded-sm shadow mt-3" />
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold text-base">Url Index</label>
|
||||
<input type="text" name="" value="" placeholder="url index"
|
||||
class="input input-md rounded-sm shadow mt-3" />
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold text-base mb-3">Miêu tả (Nếu
|
||||
có)</label>
|
||||
<textarea id="product-desc" class="mt-3"> </textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<b class="text-xl">Dùng cho SEO</b>
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold text-base">Meta Title</label>
|
||||
<input type="text" name="" value="" placeholder="Meta title"
|
||||
class="w-full input input-md rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold text-base">Meta
|
||||
keywords</label>
|
||||
<input type="text" name="" value="" placeholder="Meta keywords"
|
||||
class="w-full input input-md rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold text-base">Meta
|
||||
Description</label>
|
||||
<textarea type="text" name="" value="" placeholder="Meta Description"
|
||||
class="w-full textarea rounded-sm shadow mt-3">
|
||||
</textarea>
|
||||
</div>
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold text-base">Thứ tự xuất hiện
|
||||
<span class="text-[6b7280]">(cao xếp trước)</span></label>
|
||||
<input type="text" name="" value="" placeholder="Thứ tự xuất hiện"
|
||||
class="input input-md rounded-sm shadow mt-3">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-3">
|
||||
<input class="btn btn-active" name="commit" type="submit" value="Cập nhật">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,49 +0,0 @@
|
||||
<div class="bg-white shadow p-3 rounded-sm">
|
||||
<h1 class="text-2xl font-bold mb-3">Nhóm cấu hình sản phẩm</h1>
|
||||
|
||||
<div class="shadow p-3 rounded-sm border border-base-200">
|
||||
<div class="flex items-center gap-3">
|
||||
<input type="text" size="60" name="info[title]" placeholder="" class="input input-sm rounded-sm shadow">
|
||||
<a href="javascript:void(0)" class="btn btn-sm btn-active">Tìm kiếm</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center justify-end mt-5 mb-3">
|
||||
<a href=" /admin/product/config_group_form" class=" btn btn-sm btn-outline btn-view">
|
||||
<i data-lucide="circle-plus" class="size-4"></i>
|
||||
<span class="">Thêm nhóm cấu hình</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class=" overflow-x-auto border border-base-200 rounded-sm mt-5">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr class="bg-base-200 font-bold text-black">
|
||||
<th class="w-[50px]">STT</th>
|
||||
<th>Thông tin</th>
|
||||
<th class="w-[80px]">Cập nhật</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<a href="" class="link-active">Máy In Canon Pixma IX6870-In Phun Mầu</a>
|
||||
<p>
|
||||
<span>Tạo lúc: 28-12-2023, 11:34 am,</span>
|
||||
<span>cập nhật: 28-12-2023, 11:34 am</span>
|
||||
</p>
|
||||
</td>
|
||||
<td>
|
||||
<div class='list-btn flex items-center gap-3'>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-view'><i
|
||||
data-lucide="pencil" class='size-3'></i></a>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-error'><i
|
||||
data-lucide="trash-2" class='size-3'></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,125 +0,0 @@
|
||||
<div class="w-full mb-[50px]">
|
||||
|
||||
<div class="text-sm breadcrumbs">
|
||||
<ul>
|
||||
<li><a href="/product/config_group">Nhóm cấu hình sản phẩm</a></li>
|
||||
<li class="text-active">Form thêm/sửa cấu hình</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="w-7xl mx-auto">
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<div class="flex items-center justify-between">
|
||||
<h1 class="text-xl font-bold">Cập nhật cấu hình sản phẩm</h1>
|
||||
<div class="flex items-center gap-3 ">
|
||||
<a href="/brand/add" class="btn btn-sm btn-outline btn-view">
|
||||
<i data-lucide="plus" class="size-4"></i>
|
||||
<span>Thêm sp mới</span>
|
||||
</a>
|
||||
<a href="/brand/add" class="btn btn-sm btn-outline btn-view">
|
||||
<i data-lucide="copy" class="size-4"></i>
|
||||
<span>Tạo sp tương tự</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-4 gap-5 mt-5">
|
||||
<div class="left">
|
||||
<div class="list-tab">
|
||||
<a href="/product/config_group_form"
|
||||
class="item block w-full text-[#6B7280] bg-white rounded-[10px_10px_0_0] shadow-[0px_-1px_1px_0px_#0000001A] text-[13px] p-2">Nội
|
||||
dung</a>
|
||||
<a href="/product/config_group_attribute"
|
||||
class=" item block w-full text-[#fff] bg-[#0041E8] text-[13px] font-500 p-2">Thuộc
|
||||
tính</a>
|
||||
<a href="/product/config_group_product"
|
||||
class=" item block w-full text-[#6B7280] bg-white text-[13px] font-500 p-2 rounded-[0_0_10px_10px] shadow-[0px_1px_1px_0px_#0000001A] border-t-[1px] border-[#f8f8f8]">Sản
|
||||
phẩm</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right col-span-3">
|
||||
|
||||
<div class="bg-white p-3 rounded-sm shadow">
|
||||
<b class="block font-xl">Thuộc tính</b>
|
||||
<div class="grid grid-cols-2 gap-5 mt-5">
|
||||
<div class="form-control">
|
||||
<label class="font-bold text-base">Cập nhật</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Cập nhật" class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="form-control">
|
||||
<label class="font-bold text-base">Thứ tự</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Thứ tự" class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<b class="block font-xl">Thuộc tính</b>
|
||||
|
||||
<div class="grid grid-cols-3 gap-3 mt-5">
|
||||
<div class="form-control">
|
||||
<label class="font-bold text-base">Giá trị</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Giá trị" class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="form-control">
|
||||
<label class="font-bold text-base">Mô tả</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Mô tả" class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="form-control">
|
||||
<label class="font-bold text-base">Thứ tự</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="0" placeholder="Thứ tự"
|
||||
class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="form-control">
|
||||
<label class="font-bold text-base">Giá trị</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Giá trị" class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="form-control">
|
||||
<label class="font-bold text-base">Mô tả</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Mô tả" class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="form-control">
|
||||
<label class="font-bold text-base">Thứ tự</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="0" placeholder="Thứ tự"
|
||||
class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="form-control">
|
||||
<label class="font-bold text-base">Giá trị</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Giá trị" class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="form-control">
|
||||
<label class="font-bold text-base">Mô tả</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Mô tả" class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="form-control">
|
||||
<label class="font-bold text-base">Thứ tự</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="0" placeholder="Thứ tự"
|
||||
class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a href="javascript:void(0)"
|
||||
class="flex items-center text-center justify-center mt-5 gap-2 text-active">
|
||||
<i data-lucide="circle-plus" class="size-4 mt-0.5"></i>
|
||||
<span class="text-active font-bold">Thêm giá trị</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<input class="btn btn-active" id="submit-collection-btn" name="commit" type="submit"
|
||||
value="Cập nhật" />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,66 +0,0 @@
|
||||
<div class="w-full mb-[50px]">
|
||||
|
||||
<div class="text-sm breadcrumbs">
|
||||
<ul>
|
||||
<li><a href=" /admin/product/config_group">Nhóm cấu hình sản phẩm</a></li>
|
||||
<li class="text-active">Form thêm/sửa cấu hình</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="w-7xl mx-auto">
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<div class="flex items-center justify-between">
|
||||
<h1 class="text-xl font-bold">Cập nhật cấu hình sản phẩm</h1>
|
||||
<div class="flex items-center gap-3 ">
|
||||
<a href="/brand/add" class="btn btn-sm btn-outline btn-view">
|
||||
<i data-lucide="plus" class="size-4"></i>
|
||||
<span>Thêm sp mới</span>
|
||||
</a>
|
||||
<a href="/brand/add" class="btn btn-sm btn-outline btn-view">
|
||||
<i data-lucide="copy" class="size-4"></i>
|
||||
<span>Tạo sp tương tự</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-4 gap-5 mt-5">
|
||||
<div class="left">
|
||||
<div class="list-tab">
|
||||
<a href="/product/config_group_form"
|
||||
class="item block w-full text-[13px] font-bold text-white bg-[#0041E8] rounded-[10px_10px_0_0] p-2">Nội
|
||||
dung</a>
|
||||
<a href="/product/config_group_attribute"
|
||||
class=" item block w-full text-[#6B7280] bg-white text-[13px] p-2 font-500 border-t-1 border-base-100">Thuộc
|
||||
tính</a>
|
||||
<a href="/product/config_group_product"
|
||||
class=" item block w-full text-[#6B7280] bg-white text-[13px] p-2 font-500 rounded-[0_0_10px_10px] shadow-[0px_1px_1px_0px_#0000001A] border-t-[1px] border-[#f8f8f8]">Sản
|
||||
phẩm</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right col-span-3">
|
||||
<div class="bg-white p-3 rounded-sm shadow">
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="font-bold text-base">Tên nhóm</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Tên nhóm" class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="font-bold text-base">Mô tả tóm tắt</label>
|
||||
<textarea type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Tên nhóm" class="w-full textarea rounded-sm shadow mt-3"></textarea>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<input class="btn btn-active" id="submit-collection-btn" name="commit" type="submit"
|
||||
value="Cập nhật" />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,88 +0,0 @@
|
||||
<div class="w-[100%] mb-[50px]">
|
||||
|
||||
<div class="text-sm breadcrumbs ml-[10px]">
|
||||
<ul>
|
||||
<li><a href="/product/config_group">Nhóm cấu hình sản phẩm</a></li>
|
||||
<li class="text-[#0041E8]">Form thêm/sửa cấu hình</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="w-7xl mx-auto">
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<div class="flex items-center justify-between">
|
||||
<h1 class="text-xl font-bold">Cập nhật cấu hình sản phẩm</h1>
|
||||
<div class="flex items-center gap-3 ">
|
||||
<a href="/brand/add" class="btn btn-sm btn-outline btn-view">
|
||||
<i data-lucide="plus" class="size-4"></i>
|
||||
<span>Thêm sp mới</span>
|
||||
</a>
|
||||
<a href="/brand/add" class="btn btn-sm btn-outline btn-view">
|
||||
<i data-lucide="copy" class="size-4"></i>
|
||||
<span>Tạo sp tương tự</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-4 gap-5 mt-5">
|
||||
<div class="left">
|
||||
<div class="list-tab">
|
||||
<a href="/product/config_group_form"
|
||||
class="item block w-full text-[#6B7280] bg-white rounded-[10px_10px_0_0] shadow-[0px_-1px_1px_0px_#0000001A] text-[13px] p-2">Nội
|
||||
dung</a>
|
||||
<a href="/product/config_group_attribute"
|
||||
class=" item block w-full text-[#6B7280] bg-white text-[13px] font-500 p-2">Thuộc
|
||||
tính</a>
|
||||
<a href="/product/config_group_product"
|
||||
class=" item block w-full text-[#fff] font-bold bg-[#0041E8] text-[13px] p-2 rounded-[0_0_10px_10px] shadow-[0px_1px_1px_0px_#0000001A] border-t-[1px] border-[#f8f8f8]">Sản
|
||||
phẩm</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right col-span-3">
|
||||
<div class="bg-white p-3 rounded-sm shadow">
|
||||
|
||||
<div class="border border-base-200 rounded-sm">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr class="bg-base-300 text-black font-bold">
|
||||
<th>STT</th>
|
||||
<th>Sản phẩm</th>
|
||||
<th>Thuộc tính</th>
|
||||
<th>Công cụ</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<a href="" class="text-active">Tai nghe Bluetooth True Wireless WIWU TWS12 Màu
|
||||
Hồng</a>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center gap-2">
|
||||
<p class="whitespace-nowrap">Màu sắc</p>
|
||||
<select name="" id="" class="select select-sm">
|
||||
<option value="">Hồng</option>
|
||||
<option value="">Tím</option>
|
||||
</select>
|
||||
</div>
|
||||
</td>
|
||||
<td class="w-[120px]">
|
||||
<div class='list-btn flex items-center gap-2'>
|
||||
<a href="" class="btn btn-active btn-sm">Cập
|
||||
nhật</a>
|
||||
<a href="" class="btn btn-soft btn-xs btn-error btn-square">
|
||||
<i data-lucide="trash-2" class="size-3 text-red-400"></i>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
431
template/product/detail.html
Normal file
431
template/product/detail.html
Normal file
@@ -0,0 +1,431 @@
|
||||
{% assign no_image_url = 'no-image.png' | asset_url %}
|
||||
{% assign _product = page.product_info %}
|
||||
{% assign _rating_summary = _product.review.summary %}
|
||||
|
||||
<style>
|
||||
.font-inter {
|
||||
font-family: 'Inter', sans-serif;
|
||||
}
|
||||
|
||||
.star-row {
|
||||
display: grid;
|
||||
grid-template-columns: 10px 12px 1fr 36px;
|
||||
align-items: center;
|
||||
column-gap: 9px;
|
||||
}
|
||||
|
||||
.star-bar {
|
||||
height: 6px;
|
||||
border-radius: 9999px;
|
||||
background: #e6e6e6;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.star-bar > span {
|
||||
display: block;
|
||||
height: 100%;
|
||||
background: #0084ff;
|
||||
}
|
||||
|
||||
.product-description img,
|
||||
.product-description iframe,
|
||||
.product-description table {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.product-description table {
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="w-[1200px] mx-auto flex flex-col gap-3 py-5">
|
||||
<div class="flex items-center gap-2 text-[13px] text-black">
|
||||
<a href="/" class="hover:text-[#e4057c]">Trang chủ</a>
|
||||
{% if _product.productPath.size > 0 %}
|
||||
{% for _path in _product.productPath[0].path %}
|
||||
<img src="{{ 'icon_arrow_next.svg' | asset_url }}" alt="" class="w-[10px] h-[10px]" />
|
||||
<a href="{{ _path.url }}" class="hover:text-[#e4057c]">{{ _path.name }}</a>
|
||||
{% endfor %}
|
||||
{% elsif _product.categoryInfo.size > 0 %}
|
||||
<img src="{{ 'icon_arrow_next.svg' | asset_url }}" alt="" class="w-[10px] h-[10px]" />
|
||||
<a href="{{ _product.categoryInfo[0].url }}" class="hover:text-[#e4057c]">{{ _product.categoryInfo[0].name }}</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col gap-2">
|
||||
<div class="flex items-center gap-3">
|
||||
<h1 class="text-[20px] font-bold tracking-[-0.4px] text-black leading-none">{{ _product.productName }}</h1>
|
||||
{% if _product.productType.isNew == 1 %}
|
||||
<span class="h-5 rounded-[4px] bg-[#fff3f3] text-[#e40000] text-[12px] px-[11px] leading-5">Mẫu mới</span>
|
||||
{% elsif _product.productType.isHot == 1 %}
|
||||
<span class="h-5 rounded-[4px] bg-[#fff6ed] text-[#fc7600] text-[12px] px-[11px] leading-5">Bán chạy</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="flex items-center gap-3 text-[14px] tracking-[-0.28px]">
|
||||
<span class="text-[#959595]">Đã bán {{ _product.buy_count | default: 0 }}</span>
|
||||
<span class="text-[#959595] flex items-center gap-1">
|
||||
<img src="{{ 'icon_rating_star.svg' | asset_url }}" alt="" class="w-[13px] h-[13px]" />
|
||||
{{ _rating_summary.avgRate | default: 0 }}
|
||||
</span>
|
||||
<a href="#product-spec" class="text-[#0084ff] flex items-center gap-1">
|
||||
<span class="inline-flex items-center justify-center w-5 h-5 rounded-full border border-[#0084ff] text-[11px]">i</span>
|
||||
Thông số
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start gap-3">
|
||||
<section class="w-[796px] flex flex-col gap-3">
|
||||
<div class="bg-white rounded-[8px] px-3 py-[10px] flex flex-col gap-2">
|
||||
<div class="w-[392px] h-[392px] mx-auto rounded-[8px] overflow-hidden bg-white flex items-center justify-center">
|
||||
<img src="{{ _product.productImage.large }}" alt="{{ _product.productName }}" class="w-full h-full object-contain"
|
||||
onerror="this.onerror=null;this.src='{{ no_image_url }}'" />
|
||||
</div>
|
||||
<div class="flex flex-wrap gap-2">
|
||||
{% if _product.productImageGallery.size > 0 %}
|
||||
{% for _image in _product.productImageGallery limit:13 %}
|
||||
<button class="w-[52px] h-[52px] rounded-[2px] overflow-hidden {% if forloop.first %}border border-[#57aeff]{% else %}border border-transparent{% endif %}">
|
||||
<img src="{{ _image.large | default: _image.original | default: _image.small }}" alt="{{ _product.productName }}"
|
||||
class="w-full h-full object-cover" onerror="this.onerror=null;this.src='{{ no_image_url }}'" />
|
||||
</button>
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
<button class="w-[52px] h-[52px] rounded-[2px] overflow-hidden border border-[#57aeff]">
|
||||
<img src="{{ _product.productImage.small }}" alt="{{ _product.productName }}" class="w-full h-full object-cover"
|
||||
onerror="this.onerror=null;this.src='{{ no_image_url }}'" />
|
||||
</button>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-[8px] px-3 py-2 flex flex-col gap-3">
|
||||
<h2 class="font-inter text-[16px] font-bold tracking-[-0.32px]">MIQ cam kết</h2>
|
||||
<div class="h-px bg-[#ececec]"></div>
|
||||
<div class="grid grid-cols-2 gap-x-[40px] gap-y-3 text-[13px] text-black tracking-[-0.26px]">
|
||||
<p class="flex items-start gap-2"><img src="{{ 'icon_double_next_small.svg' | asset_url }}" alt="" class="w-7 h-7 mt-[-2px]" />
|
||||
Hàng chính hãng, hỗ trợ kỹ thuật nhanh chóng.</p>
|
||||
<p class="flex items-start gap-2"><img src="{{ 'icon_certificate.svg' | asset_url }}" alt="" class="w-7 h-7 mt-[-2px]" />
|
||||
{% if _product.warranty != '' %}{{ _product.warranty }}{% else %}Bảo hành theo chính sách của nhà sản xuất.{% endif %}</p>
|
||||
<p class="flex items-start gap-2"><img src="{{ 'icon_certificate.svg' | asset_url }}" alt="" class="w-7 h-7 mt-[-2px]" />
|
||||
{% if _product.price > 0 %}Giá bán minh bạch, cập nhật theo dữ liệu sản phẩm.{% else %}Giá đang được cập nhật, vui lòng liên hệ để nhận báo giá.{% endif %}</p>
|
||||
<p class="flex items-start gap-2"><img src="{{ 'icon_customer_support.svg' | asset_url }}" alt="" class="w-7 h-7 mt-[-2px]" />
|
||||
Tư vấn trước và sau mua hàng trong giờ hành chính.</p>
|
||||
<p class="flex items-start gap-2"><img src="{{ 'icon_double_next_small.svg' | asset_url }}" alt="" class="w-7 h-7 mt-[-2px]" />
|
||||
{% if _product.package_accessory != '' %}{{ _product.package_accessory }}{% else %}Phụ kiện và quà tặng áp dụng theo từng chương trình cụ thể.{% endif %}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-[8px] p-3 flex flex-col gap-3">
|
||||
<h3 class="text-[16px] font-bold tracking-[-0.32px]">Tham khảo thêm sản phẩm đang xem</h3>
|
||||
<div class="min-h-[98px] rounded-[8px] border border-[#ebebeb] flex items-center gap-3 px-3 py-[9px]">
|
||||
<img src="{{ _product.productImage.small }}" alt="{{ _product.productName }}" class="w-20 h-20 rounded-[2px] object-cover"
|
||||
onerror="this.onerror=null;this.src='{{ no_image_url }}'" />
|
||||
<div class="w-[472px] flex flex-col gap-1">
|
||||
<p class="text-[14px] font-semibold leading-6 tracking-[-0.28px]">{{ _product.productName }}</p>
|
||||
<div class="flex items-center gap-2 flex-wrap">
|
||||
{% if _product.price > 0 %}
|
||||
<p class="text-[15px] font-bold text-[#cd0000]">{{ _product.price | number_format }}₫</p>
|
||||
{% else %}
|
||||
<p class="text-[15px] font-bold text-[#cd0000]">Liên hệ</p>
|
||||
{% endif %}
|
||||
{% if _product.marketPrice > 0 %}
|
||||
<p class="text-[13px] text-[#9d9d9d] line-through">{{ _product.marketPrice | number_format }}₫</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
<p class="text-[13px] leading-6 tracking-[-0.26px]">{% if _product.warranty != '' %}{{ _product.warranty }}{% else %}Thông tin bảo hành đang cập nhật.{% endif %}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-[8px] px-3 py-[15px] flex flex-col gap-2">
|
||||
<h3 class="text-[16px] font-bold tracking-[-0.32px]">Đặc điểm nổi bật</h3>
|
||||
{% if _product.productSummary != '' %}
|
||||
<div class="text-[13px] leading-[22px] tracking-[-0.26px] whitespace-pre-line">{{ _product.productSummary }}</div>
|
||||
{% else %}
|
||||
<ul class="list-disc ps-5 text-[13px] leading-[22px] tracking-[-0.26px]">
|
||||
<li>Sản phẩm đang được cập nhật phần mô tả nổi bật.</li>
|
||||
<li>Vui lòng xem thêm thông tin chi tiết ở phần mô tả bên dưới.</li>
|
||||
</ul>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<div id="product-spec" class="bg-white rounded-[8px] px-3 py-[22px] flex flex-col gap-4">
|
||||
<div class="flex items-center justify-center gap-3">
|
||||
<button class="w-[205px] h-10 rounded-[4px] border border-[#0084ff] bg-[#edf7ff] text-[16px] text-[#0084ff] font-bold tracking-[-0.32px]">Thông số kỹ thuật</button>
|
||||
<button class="w-[205px] h-10 rounded-[4px] border border-[#e6e6e6] bg-white text-[16px] text-black font-bold tracking-[-0.32px]">Thông tin sản phẩm</button>
|
||||
</div>
|
||||
<div class="h-10 rounded-[4px] bg-[#f2f4f7] flex items-center justify-between px-2">
|
||||
<p class="font-inter font-semibold text-[13px] tracking-[-0.26px]">Tổng quan</p>
|
||||
<img src="{{ 'icon_arrow_next.svg' | asset_url }}" alt="" class="w-5 h-5 rotate-90" />
|
||||
</div>
|
||||
<div class="grid grid-cols-[196px_1fr] gap-x-[88px] gap-y-[24px] px-3 text-[13px] tracking-[-0.26px]">
|
||||
<p>Tên sản phẩm</p>
|
||||
<p>{{ _product.productName }}</p>
|
||||
<p>Danh mục</p>
|
||||
<p>{% if _product.categoryInfo.size > 0 %}{{ _product.categoryInfo[0].name }}{% else %}Đang cập nhật{% endif %}</p>
|
||||
<p>Thương hiệu</p>
|
||||
<p>{% if _product.brand.name != '' %}{{ _product.brand.name }}{% else %}Đang cập nhật{% endif %}</p>
|
||||
<p>Model</p>
|
||||
<p>{% if _product.productModel != '' %}{{ _product.productModel }}{% else %}Đang cập nhật{% endif %}</p>
|
||||
<p>SKU</p>
|
||||
<p>{% if _product.productSKU != '' %}{{ _product.productSKU }}{% else %}Đang cập nhật{% endif %}</p>
|
||||
<p>Bảo hành</p>
|
||||
<p>{% if _product.warranty != '' %}{{ _product.warranty }}{% else %}Đang cập nhật{% endif %}</p>
|
||||
<p>Đơn vị tính</p>
|
||||
<p>{{ _product.priceUnit }}</p>
|
||||
<p>Cập nhật</p>
|
||||
<p>{{ _product.lastUpdate }}</p>
|
||||
</div>
|
||||
|
||||
<div class="h-10 rounded-[4px] bg-[#f2f4f7] flex items-center justify-between px-2 mt-2">
|
||||
<p class="font-inter font-semibold text-[13px] tracking-[-0.26px]">Mô tả sản phẩm</p>
|
||||
<img src="{{ 'icon_arrow_next.svg' | asset_url }}" alt="" class="w-5 h-5 rotate-90" />
|
||||
</div>
|
||||
<div class="product-description px-3 text-[13px] leading-[22px] tracking-[-0.26px] text-black overflow-hidden">
|
||||
{% if _product.productDescription != '' %}
|
||||
{{ _product.productDescription }}
|
||||
{% else %}
|
||||
<p>Thông tin mô tả sản phẩm đang được cập nhật.</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-[12px] px-3 py-4 flex flex-col gap-5">
|
||||
<h3 class="text-[18px] font-semibold tracking-[-0.36px]">Đánh giá {{ _product.productName }}</h3>
|
||||
<div class="flex items-center justify-center gap-5">
|
||||
<div class="w-[112px] flex flex-col items-center gap-1">
|
||||
<p class="text-[32px] font-extrabold font-inter tracking-[-0.64px]">{{ _rating_summary.avgRate | default: 0 }}<span class="text-[13px] text-[#9d9d9d] font-normal">/5</span></p>
|
||||
<p class="text-[13px] font-inter">{{ page.product_info.comment.summary.total | default: 0 }} khách hài lòng</p>
|
||||
<p class="text-[13px] text-[#9d9d9d] font-inter">{{ _rating_summary.total | default: 0 }} đánh giá</p>
|
||||
</div>
|
||||
<div class="w-[315px] flex flex-col gap-2 text-[13px]">
|
||||
<div class="star-row"><span>5</span><span>★</span><div class="star-bar"><span style="width:0%"></span></div><span>0%</span></div>
|
||||
<div class="star-row"><span>4</span><span>★</span><div class="star-bar"><span style="width:0%"></span></div><span>0%</span></div>
|
||||
<div class="star-row"><span>3</span><span>★</span><div class="star-bar"><span style="width:0%"></span></div><span>0%</span></div>
|
||||
<div class="star-row"><span>2</span><span>★</span><div class="star-bar"><span style="width:0%"></span></div><span>0%</span></div>
|
||||
<div class="star-row"><span>1</span><span>★</span><div class="star-bar"><span style="width:0%"></span></div><span>0%</span></div>
|
||||
</div>
|
||||
<img src="{{ _product.productImage.small }}" alt="{{ _product.productName }}" class="w-20 h-20 rounded-[4px] object-cover" onerror="this.onerror=null;this.src='{{ no_image_url }}'" />
|
||||
<img src="{{ _product.productImage.small }}" alt="{{ _product.productName }}" class="w-20 h-20 rounded-[4px] object-cover" onerror="this.onerror=null;this.src='{{ no_image_url }}'" />
|
||||
<img src="{{ _product.productImage.small }}" alt="{{ _product.productName }}" class="w-20 h-20 rounded-[4px] object-cover" onerror="this.onerror=null;this.src='{{ no_image_url }}'" />
|
||||
</div>
|
||||
|
||||
<div class="w-[754px] grid gap-2 text-[13px] tracking-[-0.26px]">
|
||||
<div class="flex items-center gap-1">
|
||||
<p class="font-bold">MIQ</p>
|
||||
<span class="text-[#35b327]">●</span>
|
||||
<p class="text-[#35b327] font-medium">Thông tin đánh giá đang được cập nhật</p>
|
||||
</div>
|
||||
<p>★★★★★ <span class="mx-2 text-[#9d9d9d]">|</span> Chưa có nội dung đánh giá hiển thị</p>
|
||||
<p>Khách hàng có thể để lại đánh giá sau khi mua hàng để hoàn thiện phần trải nghiệm thực tế cho sản phẩm này.</p>
|
||||
</div>
|
||||
|
||||
<div class="h-px bg-[#e8e8e8] w-[772px]"></div>
|
||||
|
||||
<div class="w-[754px] grid gap-2 text-[13px] tracking-[-0.26px]">
|
||||
<div class="flex items-center gap-1">
|
||||
<p class="font-bold">MIQ</p>
|
||||
<span class="text-[#35b327]">●</span>
|
||||
<p class="text-[#35b327] font-medium">Chưa có bình luận nổi bật</p>
|
||||
</div>
|
||||
<p>Đội ngũ tư vấn sẽ cập nhật phản hồi khách hàng khi có dữ liệu mới.</p>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center justify-center gap-2">
|
||||
<button class="w-[231px] h-10 rounded-[4px] border border-[#8c8c8c] text-[#6b6b6b] text-[13px] font-medium">Xem {{ _rating_summary.total | default: 0 }} đánh giá</button>
|
||||
<button class="w-[231px] h-10 rounded-[4px] bg-[#0084ff] text-white text-[13px] font-medium">Viết đánh giá</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<aside class="w-[392px] flex flex-col gap-3">
|
||||
<div class="bg-white rounded-[8px] px-3 py-[14px] flex flex-col gap-[11px]">
|
||||
<img src="{{ 'category_qc_lg.png' | asset_url }}" alt="" class="w-[367px] h-[144px] rounded-[8px] object-cover" />
|
||||
<img src="{{ 'category_qc_samsung.png' | asset_url }}" alt="" class="w-[367px] h-[144px] rounded-[8px] object-cover" />
|
||||
<div class="flex items-center gap-2 flex-wrap">
|
||||
{% if _product.categoryInfo.size > 0 %}
|
||||
{% for _category in _product.categoryInfo limit:3 %}
|
||||
<a href="{{ _category.url }}" class="px-3 h-7 rounded-[4px] border {% if forloop.first %}border-[#50aaff] text-[#0084ff]{% else %}border-[#e8e8e8] text-black{% endif %} text-[13px] font-medium inline-flex items-center">{{ _category.name }}</a>
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
<span class="px-3 h-7 rounded-[4px] border border-[#50aaff] text-[#0084ff] text-[13px] font-medium inline-flex items-center">Sản phẩm</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="rounded-[8px] p-[4px] bg-gradient-to-b from-[#6b1440] via-[#e4057c] to-[#6b1440]">
|
||||
<div class="bg-white rounded-[6px] p-[11px] flex flex-col gap-3">
|
||||
<p class="text-[13px] font-semibold tracking-[-0.26px]">Loại dịch vụ lắp đặt</p>
|
||||
{% if _product.addon.size > 0 %}
|
||||
{% for _addon in _product.addon limit:3 %}
|
||||
<div class="rounded-[8px] border {% if forloop.first %}border-[#e4057c] bg-[#fff6f6]{% else %}border-[#e2e2e2]{% endif %} p-[13px] grid grid-cols-2 gap-x-[12px] gap-y-2">
|
||||
<div class="flex items-center gap-2">
|
||||
<span class="w-3 h-3 rounded-full border border-[#a9a9a9]"></span>
|
||||
<p class="text-[13px] font-semibold tracking-[-0.26px]">{{ _addon.title }}</p>
|
||||
</div>
|
||||
<div class="text-right">
|
||||
{% if _addon.price > 0 %}
|
||||
<p class="text-[14px] font-bold text-[#e40000]">{{ _addon.price | number_format }}đ</p>
|
||||
{% else %}
|
||||
<p class="text-[14px] font-bold text-[#35b327]">Miễn phí</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="col-span-2 flex items-center gap-1 ps-5">
|
||||
<span class="text-[#35b327]">◉</span>
|
||||
<p class="text-[12px]">{% if forloop.first %}Gói tiêu chuẩn{% else %}Tuỳ chọn dịch vụ đi kèm{% endif %}</p>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
<div class="rounded-[8px] border border-[#e4057c] bg-[#fff6f6] p-[13px]">
|
||||
<p class="text-[13px] font-semibold tracking-[-0.26px]">Chưa có gói dịch vụ bổ sung</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if _product.specialOffer.all.size > 0 %}
|
||||
<div class="rounded-[8px] border border-[#e2e2e2] overflow-hidden">
|
||||
<div class="h-[43px] bg-[#f9fafb] px-2 flex items-center">
|
||||
<p class="text-[14px] font-semibold tracking-[-0.28px]">Khuyến mãi</p>
|
||||
</div>
|
||||
<div class="p-[10px] flex flex-col gap-3">
|
||||
{% for _offer in _product.specialOffer.all limit:3 %}
|
||||
<p class="text-[13px] tracking-[-0.26px] flex items-start gap-2">
|
||||
<span class="inline-flex items-center justify-center w-4 h-4 rounded-full bg-[#a0045c] text-white text-[13px] shrink-0">{{ forloop.index }}</span>
|
||||
<span class="line-clamp-3">{{ _offer.title }}</span>
|
||||
</p>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if _product.specialOffer.gift.size > 0 %}
|
||||
<div class="h-px bg-[#ececec]"></div>
|
||||
<p class="text-[13px] font-medium tracking-[-0.26px]">Hình ảnh quà khuyến mãi</p>
|
||||
<div class="flex items-center gap-2 flex-wrap">
|
||||
{% for _gift in _product.specialOffer.gift limit:2 %}
|
||||
{% if _gift.thumbnail != '' and _gift.thumbnail contains '/' %}
|
||||
{% assign _gift_image = _gift.thumbnail %}
|
||||
{% else %}
|
||||
{% assign _gift_image = no_image_url %}
|
||||
{% endif %}
|
||||
<div class="w-[128px] h-12 rounded-[4px] border border-[#ebebeb] p-[6px] flex items-center gap-1">
|
||||
<img src="{{ _gift_image }}" alt="{{ _gift.title }}" class="w-9 h-9 rounded-[4px] object-cover" onerror="this.onerror=null;this.src='{{ no_image_url }}'" />
|
||||
<p class="text-[10px] font-medium leading-[14px] line-clamp-2">{{ _gift.title }}</p>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<div class="h-px bg-[#ececec]"></div>
|
||||
<div class="flex items-center gap-3">
|
||||
<button class="w-[166px] h-12 rounded-[4px] border border-[#0084ff] text-[#0084ff] text-[25px] leading-4 pb-1">⍟<span class="block text-[13px] leading-4">Thêm vào giỏ</span></button>
|
||||
<button class="w-[166px] h-12 rounded-[4px] bg-[#fc7600] text-white text-[20px] font-semibold">Mua ngay</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-[8px] p-3 flex flex-col gap-2">
|
||||
<p class="text-[14px] font-semibold leading-6 tracking-[-0.28px]">Sản phẩm đã xem</p>
|
||||
<div class="grid grid-cols-2 gap-3">
|
||||
<a href="{{ _product.productUrl }}" class="h-[76px] rounded-[4px] border border-[#d9d9d9] p-2 flex items-center gap-2 no-underline">
|
||||
<img src="{{ _product.productImage.small }}" alt="{{ _product.productName }}" class="w-[60px] h-[60px] rounded-[4px] object-cover" onerror="this.onerror=null;this.src='{{ no_image_url }}'" />
|
||||
<div class="flex-1 min-w-0">
|
||||
<p class="text-[11px] leading-4 line-clamp-2 text-black">{{ _product.productName }}</p>
|
||||
{% if _product.price > 0 %}
|
||||
<p class="text-[13px] leading-6 font-semibold text-[#d90000]">{{ _product.price | number_format }}đ</p>
|
||||
{% else %}
|
||||
<p class="text-[13px] leading-6 font-semibold text-[#d90000]">Liên hệ</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
</a>
|
||||
<a href="{{ _product.productUrl }}" class="h-[76px] rounded-[4px] border border-[#d9d9d9] p-2 flex items-center gap-2 no-underline">
|
||||
<img src="{{ _product.productImage.small }}" alt="{{ _product.productName }}" class="w-[60px] h-[60px] rounded-[4px] object-cover" onerror="this.onerror=null;this.src='{{ no_image_url }}'" />
|
||||
<div class="flex-1 min-w-0">
|
||||
<p class="text-[11px] leading-4 line-clamp-2 text-black">{{ _product.productName }}</p>
|
||||
{% if _product.marketPrice > 0 %}
|
||||
<p class="text-[13px] leading-6 font-semibold text-[#d90000]">{{ _product.marketPrice | number_format }}đ</p>
|
||||
{% elsif _product.price > 0 %}
|
||||
<p class="text-[13px] leading-6 font-semibold text-[#d90000]">{{ _product.price | number_format }}đ</p>
|
||||
{% else %}
|
||||
<p class="text-[13px] leading-6 font-semibold text-[#d90000]">Liên hệ</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-[12px] h-[431px] overflow-hidden flex gap-3 px-3 py-4">
|
||||
<div class="flex flex-col gap-3 w-[885px] shrink-0 h-[399px]">
|
||||
<h2 class="text-[28px] font-bold text-black tracking-tight">TIN KHUYẾN MẠI</h2>
|
||||
<div class="flex gap-3 items-start">
|
||||
<div class="w-[481px] shrink-0">
|
||||
<div class="w-[481px] h-[300px] rounded-[4px] overflow-hidden">
|
||||
<img src="{{ 'article_main_image.png' | asset_url }}" alt="" class="w-full h-full object-cover" />
|
||||
</div>
|
||||
<p class="mt-2 text-[20px] font-bold text-black tracking-tight">Ngày hội ĐIỆN MÁY - SIÊU RẺ. Duy nhất 17h ngày 10/02 Cơ hội trúng Máy nước</p>
|
||||
</div>
|
||||
<div class="flex flex-col gap-3 flex-1">
|
||||
<div class="flex gap-3 items-start">
|
||||
<img src="{{ 'article_thumb_1.png' | asset_url }}" alt="" class="w-[153px] h-[92px] rounded-[4px] object-cover shrink-0" />
|
||||
<p class="text-[14px] text-black tracking-tight overflow-hidden">Ngày hội ĐIỆN MÁY - SIÊU RẺ. Duy nhất 17h ngày 10/02 Cơ hội trúng Máy nước</p>
|
||||
</div>
|
||||
<div class="flex gap-3 items-start">
|
||||
<img src="{{ 'article_thumb_2.png' | asset_url }}" alt="" class="w-[153px] h-[92px] rounded-[4px] object-cover shrink-0" />
|
||||
<p class="text-[14px] text-black tracking-tight overflow-hidden">Ngày hội ĐIỆN MÁY - SIÊU RẺ. Duy nhất 17h ngày 10/02 Cơ hội trúng Máy nước</p>
|
||||
</div>
|
||||
<div class="flex gap-3 items-start">
|
||||
<img src="{{ 'article_thumb_3.png' | asset_url }}" alt="" class="w-[153px] h-[92px] rounded-[4px] object-cover shrink-0" />
|
||||
<p class="text-[14px] text-black tracking-tight overflow-hidden">Ngày hội ĐIỆN MÁY - SIÊU RẺ. Duy nhất 17h ngày 10/02 Cơ hội trúng Máy nước</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-col gap-3 flex-1 h-[356px]">
|
||||
<h2 class="text-[28px] font-bold text-black tracking-tight">VIDEO REVIEW</h2>
|
||||
<div class="flex flex-col gap-3">
|
||||
<div class="w-full h-[159px] rounded-[4px] overflow-hidden relative">
|
||||
<img src="{{ 'video_main.png' | asset_url }}" alt="" class="w-full h-full object-cover" />
|
||||
<div class="absolute inset-0 bg-black/20 rounded-[4px]"></div>
|
||||
</div>
|
||||
<div class="flex gap-3 items-start">
|
||||
<div class="w-[107px] h-[64px] rounded-[4px] overflow-hidden relative shrink-0">
|
||||
<img src="{{ 'video_thumb_1.png' | asset_url }}" alt="" class="w-full h-full object-cover" />
|
||||
<div class="absolute inset-0 bg-black/20 rounded-[4px]"></div>
|
||||
</div>
|
||||
<p class="text-[14px] text-black tracking-tight overflow-hidden">Duy nhất 17h ngày 10/02 Cơ hội trúng Máy nước</p>
|
||||
</div>
|
||||
<div class="flex gap-3 items-start">
|
||||
<div class="w-[107px] h-[64px] rounded-[4px] overflow-hidden relative shrink-0">
|
||||
<img src="{{ 'video_thumb_2.png' | asset_url }}" alt="" class="w-full h-full object-cover" />
|
||||
<div class="absolute inset-0 bg-black/20 rounded-[4px]"></div>
|
||||
</div>
|
||||
<p class="text-[14px] text-black tracking-tight overflow-hidden">Duy nhất 17h ngày 10/02 Cơ hội trúng Máy nước</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-[12px] min-h-[231px] overflow-hidden flex flex-col gap-3 px-3 py-4">
|
||||
<h2 class="text-[24px] leading-[28px] font-bold text-black tracking-tight">Mọi người cũng tìm kiếm</h2>
|
||||
<div class="bg-[#f3f4f7] rounded-[12px] min-h-[156px] overflow-hidden px-3 py-4 flex flex-wrap gap-5 text-[12px] text-black">
|
||||
<span>hút mùi hafele</span>
|
||||
<span>bếp từ cheft</span>
|
||||
<span>nồi cơm điện Tiger</span>
|
||||
<span>máy cạo râu Enchen</span>
|
||||
<span>mũ bảo hiểm</span>
|
||||
<span>nồi cơm điện Cuckoo</span>
|
||||
<span>iPhone 15</span>
|
||||
<span>chảo chống dính Elmich</span>
|
||||
<span>máy massage X5 Pro Omni</span>
|
||||
<span>điều hòa Samsung</span>
|
||||
<span>máy lọc nước Korihome Kangen K8</span>
|
||||
<span>tông đơ cắt tóc</span>
|
||||
<span>điều hoà Hisense</span>
|
||||
<span>Máy chạy bộ</span>
|
||||
<span>MacBook Air M4</span>
|
||||
<span>điều hòa Nagakawa</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,109 +0,0 @@
|
||||
<div class="breadcrumbs tw-zab tw-zpa tw-iia">
|
||||
<ul>
|
||||
<li><a href="/product" data-discover="true">Danh sách sản phẩm</a></li>
|
||||
<li class="">Form thêm/sửa sản phẩm</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="w-7xl m-auto mt-5">
|
||||
|
||||
<div class="bg-white p-3 rounded-sm shadow">
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
<h1 class="text-xl font-bold">Cập nhật #{{ page.product_info.id }}</h1>
|
||||
</div>
|
||||
<div class="flex items-center gap-3">
|
||||
<a href="/product/product-add" class="btn btn-md btn-outline btn-view btn-sm">
|
||||
<i data-lucide="circle-plus" class="size-4"></i>
|
||||
<span class="">Thêm sp mới</span>
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="btn btn-md btn-outline btn-view btn-sm">
|
||||
<i data-lucide="copy" class="size-4"></i>
|
||||
<span class="">Tạo sp tương tự</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<span class="text-primary">{{ page.product_info.title }}</span>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-4 gap-5 mt-5">
|
||||
<div class="left">
|
||||
<div class="bg-white rounded-md shadow overflow-hidden menu-form">
|
||||
|
||||
{% for _menu in page.product_menu %}
|
||||
<a role="tab" href="/product/form?id={{ page.product_info.id }}&part={{ _menu.id }}"
|
||||
title="{{ _menu.name }}"
|
||||
class="btn w-full justify-start rounded-none text-black {% if _menu.is_current == 1 %}btn-active text-white{% else %} bg-white {% endif %}">
|
||||
{{ _menu.name }}
|
||||
</a>
|
||||
{% endfor %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-span-3">
|
||||
|
||||
{% if page.view_part == "store" %}
|
||||
{% include 'product/form_components/store' %}
|
||||
|
||||
{% elsif page.view_part == "category" %}
|
||||
{% include 'product/form_components/category' %}
|
||||
|
||||
{% elsif page.view_part == "seo" %}
|
||||
{% include 'product/form_components/seo' %}
|
||||
|
||||
{% elsif page.view_part == "description" %}
|
||||
{% include 'product/form_components/description' %}
|
||||
|
||||
{% elsif page.view_part == "spec-group" %}
|
||||
{% include 'product/form_components/spec_group' %}
|
||||
|
||||
{% elsif page.view_part == "instruction" %}
|
||||
{% include 'product/form_components/instruction' %}
|
||||
|
||||
{% elsif page.view_part == "image" %}
|
||||
{% include 'product/form_components/image' %}
|
||||
|
||||
{% elsif page.view_part == "variant" %}
|
||||
{% include 'product/form_components/variant' %}
|
||||
|
||||
{% elsif page.view_part == "accessory" %}
|
||||
{% include 'product/form_components/accessory' %}
|
||||
|
||||
{% elsif page.view_part == "addon" %}
|
||||
{% include 'product/form_components/addon' %}
|
||||
|
||||
{% elsif page.view_part == "video" %}
|
||||
{% include 'product/form_components/video' %}
|
||||
|
||||
{% elsif page.view_part == "tag" %}
|
||||
{% include 'product/form_components/tag' %}
|
||||
|
||||
{% elsif page.view_part == "relation" %}
|
||||
{% include 'product/form_components/relation' %}
|
||||
|
||||
{% elsif page.view_part == "customer-group" %}
|
||||
{% include 'product/form_components/customer_group' %}
|
||||
|
||||
{% elsif page.view_part == "component" %}
|
||||
{% include 'product/form_components/component' %}
|
||||
|
||||
{% elsif page.view_part == "configurable" %}
|
||||
{% include 'product/form_components/configurable' %}
|
||||
|
||||
{% elsif page.view_part == "compatible" %}
|
||||
{% include 'product/form_components/compatible' %}
|
||||
|
||||
{% elsif page.view_part == "similar" %}
|
||||
{% include 'product/form_components/similar' %}
|
||||
|
||||
{% elsif page.view_part == "combo-set" %}
|
||||
{% include 'product/form_components/combo_set' %}
|
||||
|
||||
{% else %}
|
||||
<!--//default-->
|
||||
{% include 'product/form_components/basic' %}
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,123 +0,0 @@
|
||||
<!-- phu kien -->
|
||||
<div class="w-full" role="tabpanel">
|
||||
<div class="bg-white p-3 rounded shadow">
|
||||
<div class="flex items-center justify-between">
|
||||
<b class="text-xm">Các loại phụ kiện của sản phẩm</b>
|
||||
<a href="" class="btn btn-outline btn-view btn-sm">
|
||||
Chọn Sản phẩm phụ kiện
|
||||
</a>
|
||||
</div>
|
||||
<div class="list-item-cate flex items-center flex-wrap mt-5 gap-3">
|
||||
<a href="" class="btn btn-outline btn-dash btn-gray btn-sm">
|
||||
PC, Workstation
|
||||
</a>
|
||||
<a href="" class="btn btn-outline btn-dash btn-gray btn-sm">
|
||||
CPU - Bộ Vi Xử Lý
|
||||
</a>
|
||||
<a href="" class="btn btn-outline btn-dash btn-gray btn-sm">
|
||||
Mainboard - Bo Mạch Chủ
|
||||
</a>
|
||||
<a href="" class="btn btn-outline btn-dash btn-gray btn-sm">
|
||||
VGA - Card Màn Hình
|
||||
</a>
|
||||
<a href="" class="btn btn-outline btn-dash btn-gray btn-sm">
|
||||
PC, Workstation
|
||||
</a>
|
||||
<a href="" class="btn btn-outline btn-dash btn-gray btn-sm">
|
||||
PC, Workstation
|
||||
</a>
|
||||
<a href="" class="btn btn-outline btn-dash btn-gray btn-sm">
|
||||
PC, Workstation
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-3 rounded shadow">
|
||||
<b class="block text-xl">Các danh mục</b>
|
||||
|
||||
|
||||
<div class="item-accessory mt-5">
|
||||
<b class="">PC, Workstation</b>
|
||||
<div class="border border-base-200 rounded-sm mt-3">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr class="bg-base-200 font-bold text-black">
|
||||
<th>STT</th>
|
||||
<th>Ảnh</th>
|
||||
<th>Sản phẩm</th>
|
||||
<th>Giá hiện tại</th>
|
||||
<th>Quản lý</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<img src="https://via.placeholder.com/50" alt="">
|
||||
</td>
|
||||
<td>
|
||||
<a href="" class="name link-primary">CPU Intel Xeon E5-2665 2.40 GHz / 20MB / 8 Cores 16 Threads /
|
||||
Socket 2011</a>
|
||||
<div class="flex items-center gap-2">
|
||||
<span>SKU: HN123567</span>
|
||||
<span class="mx-[5px]">/</span>
|
||||
<span>Số lượng: 1</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
24.900.000 VND
|
||||
</td>
|
||||
<td>
|
||||
<a href="" class="btn btn-xs btn-outline btn-error">
|
||||
<i data-lucide="trash-2" class="size-3 text-red-500"></i>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-accessory mt-5">
|
||||
<b class="">PC, Workstation</b>
|
||||
<div class="border border-base-200 rounded-sm mt-3">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr class="bg-base-200 font-bold text-black">
|
||||
<th>STT</th>
|
||||
<th>Ảnh</th>
|
||||
<th>Sản phẩm</th>
|
||||
<th>Giá hiện tại</th>
|
||||
<th>Quản lý</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<img src="https://via.placeholder.com/50" alt="">
|
||||
</td>
|
||||
<td>
|
||||
<a href="" class="name link-primary">CPU Intel Xeon E5-2665 2.40 GHz / 20MB / 8 Cores 16 Threads /
|
||||
Socket 2011</a>
|
||||
<div class="flex items-center gap-2">
|
||||
<span>SKU: HN123567</span>
|
||||
<span class="mx-[5px]">/</span>
|
||||
<span>Số lượng: 1</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
24.900.000 VND
|
||||
</td>
|
||||
<td>
|
||||
<a href="" class="btn btn-xs btn-outline btn-error">
|
||||
<i data-lucide="trash-2" class="size-3 text-red-500"></i>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -1,304 +0,0 @@
|
||||
<!-- thong tin san pham -->
|
||||
<form method="post" enctype="multipart/form-data">
|
||||
<div class="bg-white p-3 rounded shadow">
|
||||
<b class="text-xl mb-6 block">Thông tin cơ bản</b>
|
||||
<div class="flex items-center gap-2 mt-3">
|
||||
<label for="" class="font-bold">Đặt tên Sản phẩm</label>
|
||||
<div class="box-note tooltip" data-tip="">
|
||||
<i class="iconify lucide--circle-question-mark mt-2 cursor-pointer text-faq"></i>
|
||||
<div class="tooltip-content">
|
||||
Bạn muốn Google tìm ra Sản phẩm này hoặc người xem hiểu ngay về Sản phẩm ? Hãy viết tên Sản phẩm
|
||||
một cách cụ thể, đầy đủ
|
||||
nhất. Thay vì viết Vaio ABC, hãy viết : Máy tính xách tay Sony Vaio ABC, 500GB, 4GB RAM, 2.4GHz,
|
||||
USA, mới 100% Hoặc thay
|
||||
vì viết Áo 123, hãy viết : Áo khoác nam Made In VietNam, màu đen, đủ size, mã 123
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<input type="text" name="info[proName]" id="pro_name" value="Máy in mã vạch MH241"
|
||||
placeholder="Đặt tên sản phẩm" class="input mt-2 shadow w-full rounded-sm" />
|
||||
|
||||
<div class="grid grid-cols-2 gap-3 mt-3">
|
||||
<div class="mt-3">
|
||||
<div class="flex items-center gap-3">
|
||||
<label for="" class="font-bold">Model (nếu có)</label>
|
||||
<div class="box-note tooltip">
|
||||
<i class="iconify lucide--circle-question-mark mt-2 cursor-pointer text-faq"></i>
|
||||
<div class="tooltip-content">
|
||||
Nhiều khách hàng tìm Sản phẩm theo Model, bạn có nhập model của Sản phẩm nếu có. Ví dụ:
|
||||
Laptop Sony Vaio ABC/12 thì
|
||||
ABC/12 là model Sản phẩm.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<input type="text" value="MH241" name="info[productModel]" id="productModel"
|
||||
placeholder="Model (nếu có)" class="input mt-2 shadow w-full rounded-sm">
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<div class="flex items-center gap-2">
|
||||
<label for="" class="font-bold">Mã kho hàng - SKU (nếu
|
||||
có)</label>
|
||||
<div class="box-note tooltip">
|
||||
<i class="iconify lucide--circle-question-mark mt-2 cursor-pointer text-faq"></i>
|
||||
<div class="tooltip-content">
|
||||
Nếu bạn có phần mềm quản lý kho hàng chuyên nghiệp và bạn muốn theo dõi các đơn hàng nhận từ
|
||||
website của Sản phẩm trong
|
||||
phần mềm này. Khi đó hãy nhập mã kho hàng của Sản phẩm được cung cấp bởi phần mềm kho hàng
|
||||
vào đây.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<input type="text" name="info[storeSKU]" id="storeSKU" value="MH241"
|
||||
placeholder="Mã kho hàng - SKU (nếu có)" class="input mt-2 shadow w-full rounded-sm">
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<div class="flex items-center gap-2">
|
||||
<label for="" class="font-bold">Trọng lượng (tính phí
|
||||
shipping)</label>
|
||||
<span class="">gram</span>
|
||||
<div class="box-note tooltip flex items-center">
|
||||
<i class="iconify lucide--circle-question-mark cursor-pointer text-faq"></i>
|
||||
<div class="tooltip-content">
|
||||
Dùng tính phí Shipping cho Sản phẩm (nếu có). Đơn vị gram, nếu Sản phẩm 1,2kg = 1200 (gram).
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<input type="text" name="info[weight]" id="weight" value="0"
|
||||
placeholder="Trọng lượng (tính phí shipping)" class="input mt-2 shadow w-full rounded-sm">
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<div class="flex items-center gap-2">
|
||||
<label for="" class="font-bold">Thương hiệu</label>
|
||||
<div class="flex items-center">
|
||||
<a href="" class="link-primary">Quản lý thương hiệu</a>
|
||||
</div>
|
||||
</div>
|
||||
<select name="brand" id="brandSelect" class="select select-bordered w-full mt-3 shadow rounded-sm"
|
||||
aria-label="Select">
|
||||
<option value="" class="text-[#6B7280]">--Chọn thương hiệu--</option>
|
||||
<option value="">ABS</option>
|
||||
<option value="83">ABS</option>
|
||||
<option value="67">ACE GAMING</option>
|
||||
<option value="8">ADATA</option>
|
||||
<option value="9">AEROCOOL</option>
|
||||
<option value="52">AIGO</option>
|
||||
<option value="59">AKKO</option>
|
||||
<option value="3">AMD</option>
|
||||
<option value="10">ANTEC</option>
|
||||
<option value="11">AOC</option>
|
||||
<option value="70">AORUS</option>
|
||||
<option value="12">ASROCK</option>
|
||||
<option value="2">ASUS</option>
|
||||
<option value="73">AVerMedia</option>
|
||||
<option value="57">BE QUIET</option>
|
||||
<option value="4">BENQ</option>
|
||||
<option value="79">CISCO</option>
|
||||
<option value="72">Colorful</option>
|
||||
<option value="47">COOLER MASTER</option>
|
||||
<option value="58">COOLMOON</option>
|
||||
<option value="13">CORSAIR</option>
|
||||
<option value="5">DAREU</option>
|
||||
<option value="46">DEEP COOL</option>
|
||||
<option value="14">DELL</option>
|
||||
<option value="60">E-DRA</option>
|
||||
<option value="15">EVGA</option>
|
||||
<option value="68">EXTREME ZERO</option>
|
||||
<option value="64">FUHLEN</option>
|
||||
<option value="16">GALAX</option>
|
||||
<option value="6">GIGABYTE</option>
|
||||
<option value="82">Glee</option>
|
||||
<option value="17">GSKILL</option>
|
||||
<option value="18">HKC</option>
|
||||
<option value="19">HP</option>
|
||||
<option value="45">HUANANZHI</option>
|
||||
<option value="20">HUNTKEY</option>
|
||||
<option value="53">ID - COOLING</option>
|
||||
<option value="21">INNO3D</option>
|
||||
<option value="22">INTEL</option>
|
||||
<option value="23">INWIN</option>
|
||||
<option value="61">IROCKS</option>
|
||||
<option value="24">JETEK</option>
|
||||
<option value="54">JONSBO</option>
|
||||
<option value="25">KINGSTON</option>
|
||||
<option value="26">KINGVIEW</option>
|
||||
<option value="69">LEADTEK</option>
|
||||
<option value="48">LEXAR</option>
|
||||
<option value="27">LG</option>
|
||||
<option value="28">LOGITECH</option>
|
||||
<option value="77">MICRON</option>
|
||||
<option value="80">MICROSOFT</option>
|
||||
<option value="7">MSI</option>
|
||||
<option value="65">NEWMEN</option>
|
||||
<option value="56">NOCTUA</option>
|
||||
<option value="29">NVIDIA</option>
|
||||
<option value="71">NZXT</option>
|
||||
<option value="74">OCPC</option>
|
||||
<option value="30">PHANTEKS</option>
|
||||
<option value="78">PLANET</option>
|
||||
<option value="49">PLEXTOR</option>
|
||||
<option value="31">PNY</option>
|
||||
<option value="66">PSEAT</option>
|
||||
<option value="75">QNAP</option>
|
||||
<option value="32">SAMA</option>
|
||||
<option value="33">SAMSUNG</option>
|
||||
<option value="36">SAPPHIRE</option>
|
||||
<option value="50">SEAGATE</option>
|
||||
<option value="34">SEASONIC</option>
|
||||
<option value="35">SEGOTEP</option>
|
||||
<option value="37">SUPERFLOWER</option>
|
||||
<option value="38">SUPERMICRO</option>
|
||||
<option value="39">TEAMGROUP</option>
|
||||
<option value="55">THERMALRIGHT</option>
|
||||
<option value="40">THERMALTAKE</option>
|
||||
<option value="81">TOSHIBA</option>
|
||||
<option value="76">TP LINK</option>
|
||||
<option value="84">TSC</option>
|
||||
<option value="41">VIEWSONIC</option>
|
||||
<option value="42">VITRA</option>
|
||||
<option value="62">WARRIOR</option>
|
||||
<option value="51">WESTERN DIGITAL</option>
|
||||
<option value="43">XIGMATEK</option>
|
||||
<option value="63">ZIDLI</option>
|
||||
<option value="44">ZOTAC</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold">Tóm tắt đặc tính chính</label>
|
||||
<textarea name="info[proSummary]" id="summary" placeholder="Nhập tóm tắt đặt tính chính"
|
||||
class="textarea mt-3 shadow w-full rounded-sm"></textarea>
|
||||
</div>
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold">Phụ kiện đi kèm</label>
|
||||
<input type="text" id="accessory" name="info[accessory]" value="Test" placeholder="Phụ kiện đi kèm"
|
||||
class="input mt-3 shadow w-full rounded-sm">
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white p-3 rounded mt-5 shadow">
|
||||
<b class="block text-xl">Thông tin bán hàng</b>
|
||||
|
||||
<div class="mt-5">
|
||||
<div class="flex items-center gap-2">
|
||||
<label for="" class="font-bold">Giá bán lẻ</label>
|
||||
<div class="box-note flex items-center gap-2 text-gray">
|
||||
<i class="text-gray">(* Nếu dùng USD thì theo chuẩn quốc tế v.d. $134.05).</i>
|
||||
<span>Tỷ giá:</span>
|
||||
<b class="">1</b>
|
||||
<a href="/system/setup/option=general" class="text-primary">
|
||||
<i class="iconify lucide--pencil"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 mt-3">
|
||||
<input type="text" name="info[price]" id="price" value="0" placeholder="Giá bán lẻ"
|
||||
class="input shadow rounded-sm">
|
||||
<select name="currency" id="currency" class="select select-bordered rounded-sm shadow w-32 ">
|
||||
<option value="">VNĐ</option>
|
||||
</select>
|
||||
<span>/</span>
|
||||
<select name="price_unit" id="price_unit" class="select select-bordered rounded-sm shadow w-32">
|
||||
<option value="">Chiếc</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-2 gap-3 mt-5">
|
||||
<div class="">
|
||||
<div class="flex items-center gap-3">
|
||||
<label class="font-bold">Giá nhập hàng</label>
|
||||
<div class="box-note">
|
||||
<i class="text-gray">vnd (để tham khảo khi cần)</i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<input type="text" name="info[purchase_price]" value="0" placeholder="Giá nhập hàng"
|
||||
class="input mt-3 shadow w-full rounded-sm">
|
||||
</div>
|
||||
<div class="">
|
||||
<div class="flex items-center gap-3">
|
||||
<label class="font-bold">Giá thị trường</label>
|
||||
<div class="box-note">
|
||||
<i class="text-gray">vnd (để tham khảo khi cần)</i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<input type="text" value="0" name="info[market_price]" placeholder="Giá thị trường"
|
||||
class="input mt-3 shadow w-full rounded-sm">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold">Khuyến mại riêng</label>
|
||||
<textarea name="info[specialOffer]" id="specialOffer" placeholder="Nhập tóm tắt đặt tính chính"
|
||||
class="textarea w-full shadow rounded-sm mt-3"></textarea>
|
||||
</div>
|
||||
|
||||
<div class=" mt-5">
|
||||
<label for="" class="block font-bold">Thông tin bảo hành</label>
|
||||
<input type="text" name="info[warranty]" id="warranty" value="Test" placeholder="Thông tin bảo hành"
|
||||
class="input mt-3 shadow w-full rounded-sm">
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-2 gap-3 mt-5">
|
||||
<div class="">
|
||||
<label class="block font-bold">Số lượng kho hàng</label>
|
||||
<input type="text" value="0" name="info[quantity]" placeholder="Số lượng kho hàng"
|
||||
class="input mt-3 shadow w-full rounded-sm">
|
||||
</div>
|
||||
<div class="">
|
||||
<label class="block font-bold">Tình trạng (Mới /
|
||||
Cũ)</label>
|
||||
<input type="text" name="info[cond]" value="" placeholder="Tình trạng (Mới / Cũ)"
|
||||
class="input mt-3 shadow w-full rounded-sm">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center mt-5">
|
||||
<label class="block font-bold w-32">Thuế VAT
|
||||
</label>
|
||||
<div class="flex items-center gap-2">
|
||||
|
||||
<label class="cursor-pointer flex items-center gap-2">
|
||||
<input type="radio" name="info[hasVAT]" value="0" class="radio radio-sm radio-active"
|
||||
checked="checked" />
|
||||
<span class="label-text">Không hiển thị VAT</span>
|
||||
</label>
|
||||
|
||||
<label class="cursor-pointer flex items-center gap-2">
|
||||
<input type="radio" name="info[hasVAT]" value="1" class="radio radio-sm radio-active" />
|
||||
<span class="label-text">Có VAT</span>
|
||||
</label>
|
||||
|
||||
<label class="cursor-pointer flex items-center gap-2">
|
||||
<input type="radio" name="info[hasVAT]" value="2" class="radio radio-sm radio-active" />
|
||||
<span class="label-text">Chưa có VAT</span>
|
||||
</label>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center mt-5">
|
||||
<label class="block font-bold w-32">Hiển thị
|
||||
</label>
|
||||
<div class="flex items-center gap-3">
|
||||
<label class="cursor-pointer flex items-center gap-3">
|
||||
<input type="radio" name="info[status]" value="0" class="radio radio-sm radio-active"
|
||||
checked="checked" />
|
||||
<span class="label-text">Cho hiển thị</span>
|
||||
</label>
|
||||
<label class="cursor-pointer flex items-center gap-3">
|
||||
<input type="radio" name="info[status]" value="1" class="radio radio-sm radio-active" />
|
||||
<span class="label-text">Ẩn hiển thị</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-5 bg-white p-3 rounded shadow">
|
||||
<input class="btn btn-active" id="submit-collection-btn" name="commit" type="button" value="Cập nhật"
|
||||
onclick="AdminFunction.checkForm(true)" />
|
||||
</div>
|
||||
</form>
|
||||
@@ -1,43 +0,0 @@
|
||||
<!-- danh muc san pham -->
|
||||
<div class="bg-white p-3 rounded shadow-sm" role="tabpanel">
|
||||
<b class="block">Hiện tại Sản phẩm đang được đặt trong các danh mục sau :</b>
|
||||
<ul id="list-category" class="mt-3">
|
||||
<li><a href="" class="text-primary mt-2">Màn hình máy tính</a></li>
|
||||
<li><a href="" class="text-primary mt-2">Màn hình máy tính</a></li>
|
||||
</ul>
|
||||
|
||||
<p class="mt-5">
|
||||
Bạn có thể chọn thêm danh mục khác cho Sản phẩm hoặc chỉnh lại.
|
||||
</p>
|
||||
<div class="list-category mt-3">
|
||||
|
||||
<div class="mt-3 gap-3 flex items-center">
|
||||
<label class="cursor-pointer flex items-center gap-3" onclick="AdminFunction.add_product_to_category(1)">
|
||||
<input type="checkbox" name="" checked="checked" class="checkbox checkbox-active rounded-sm" />
|
||||
<span class="label-text ">Màn hình máy tính</span>
|
||||
</label>
|
||||
<div id="status_1" class=" flex items-center">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-3 gap-3 flex items-center">
|
||||
<label class="cursor-pointer flex items-center gap-3 "
|
||||
onclick="AdminFunction.add_product_to_category(2)">
|
||||
<input type="checkbox" name="" checked="checked" class="checkbox checkbox-active rounded-sm" />
|
||||
<span class="label-text ">Màn hình máy tính</span>
|
||||
</label>
|
||||
<div id="status_2" class=" flex items-center">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-3 gap-3 flex items-center">
|
||||
<label class="cursor-pointer flex items-center gap-3" onclick="AdminFunction.add_product_to_category(3)">
|
||||
<input type="checkbox" name="" checked="checked" class="checkbox checkbox-active rounded-sm" />
|
||||
<span class="label-text ">Màn hình máy tính</span>
|
||||
</label>
|
||||
<div id="status_3" class=" flex items-center">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,27 +0,0 @@
|
||||
<!-- mo ta -->
|
||||
<div class="bg-white rounded-md shadow p-3">
|
||||
<div class="flex items-center justify-between gap-3">
|
||||
<b class="text-xl">THƯ VIỆN ẢNH</b>
|
||||
<div class="list-btn flex items-center gap-3">
|
||||
<a href="" class="btn btn-outline btn-view btn-sm">
|
||||
<i data-lucide="upload" class="size-4"></i>
|
||||
<span class="text-[#0041E8] ml-[5px]">Upload ảnh</span>
|
||||
</a>
|
||||
<a href="" class="btn btn-outline btn-view btn-sm">
|
||||
<i data-lucide="folder" class="size-4"></i>
|
||||
<span class="text-[#0041E8] ml-[5px]">Quản lý</span>
|
||||
</a>
|
||||
<a href="" class="btn btn-outline btn-view btn-sm">
|
||||
<i data-lucide="file-image" class="size-4"></i>
|
||||
<span class="text-[#0041E8] ml-[5px]">Chọn ảnh trong kho ảnh chính</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list-image mt-5">
|
||||
<span class="block text-gray">Chưa có thư viện ảnh cho phần miêu tả</span>
|
||||
</div>
|
||||
<textarea id="product-desc" class="mt-5"> </textarea>
|
||||
|
||||
<input class="btn btn-active mt-5" name="commit" type="submit" value="Cập nhật">
|
||||
|
||||
</div>
|
||||
@@ -1,187 +0,0 @@
|
||||
<!-- hinh anh -->
|
||||
<div class="w-full" role="tabpanel">
|
||||
<div class="bg-white rounded-md shadow p-3">
|
||||
<b class="block text-[20px] font-[700] mb-[10px]">Cập nhật ảnh sản phẩm</b>
|
||||
|
||||
<div class="overflow-y-scroll max-h-[500px]">
|
||||
<div class="item grid grid-cols-6 rounded-md shadow p-3 mt-3 gap-3">
|
||||
<div class="image">
|
||||
<img src="{{ 'image-big.png' | asset_url }}" alt="">
|
||||
</div>
|
||||
<div class="right-image col-span-5">
|
||||
<div class="flex justify-between gap-3">
|
||||
<div class="flex items-center gap-3">
|
||||
<b class="text-center block">Hình sản phẩm</b>
|
||||
<p class="text-center block text-gray">(Ảnh chính)</p>
|
||||
</div>
|
||||
<div class="grid grid-cols-2 gap-3">
|
||||
<div class="item flex items-center gap-2">
|
||||
<p class="whitespace-nowrap">STT</p>
|
||||
<input type="text" class="input shadow">
|
||||
</div>
|
||||
<div class="item flex items-center gap-2">
|
||||
<p class="whitespace-nowrap">ALT</p>
|
||||
<input type="text" class="input shadow">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<a href="" class="btn btn-sm btn-outline">
|
||||
<i class="iconify lucide--trash-2"></i>
|
||||
<p class="">Xoá</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item grid grid-cols-6 rounded-md shadow p-3 mt-3 gap-3">
|
||||
<div class="image">
|
||||
<img src="{{ 'image-big.png' | asset_url }}" alt="">
|
||||
</div>
|
||||
<div class="right-image col-span-5">
|
||||
<div class="flex justify-between gap-3">
|
||||
<div class="flex items-center gap-3">
|
||||
<b class="text-center block">Hình sản phẩm</b>
|
||||
<p class="text-center block text-gray">(Ảnh chính)</p>
|
||||
</div>
|
||||
<div class="grid grid-cols-2 gap-3">
|
||||
<div class="item flex items-center gap-2">
|
||||
<p class="whitespace-nowrap">STT</p>
|
||||
<input type="text" class="input shadow">
|
||||
</div>
|
||||
<div class="item flex items-center gap-2">
|
||||
<p class="whitespace-nowrap">ALT</p>
|
||||
<input type="text" class="input shadow">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<a href="" class="btn btn-sm btn-outline">
|
||||
<i class="iconify lucide--trash-2"></i>
|
||||
<p class="">Xoá</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item grid grid-cols-6 rounded-md shadow p-3 mt-3 gap-3">
|
||||
<div class="image">
|
||||
<img src="{{ 'image-big.png' | asset_url }}" alt="">
|
||||
</div>
|
||||
<div class="right-image col-span-5">
|
||||
<div class="flex justify-between gap-3">
|
||||
<div class="flex items-center gap-3">
|
||||
<b class="text-center block">Hình sản phẩm</b>
|
||||
<p class="text-center block text-gray">(Ảnh chính)</p>
|
||||
</div>
|
||||
<div class="grid grid-cols-2 gap-3">
|
||||
<div class="item flex items-center gap-2">
|
||||
<p class="whitespace-nowrap">STT</p>
|
||||
<input type="text" class="input shadow">
|
||||
</div>
|
||||
<div class="item flex items-center gap-2">
|
||||
<p class="whitespace-nowrap">ALT</p>
|
||||
<input type="text" class="input shadow">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<a href="" class="btn btn-sm btn-outline">
|
||||
<i class="iconify lucide--trash-2"></i>
|
||||
<p class="">Xoá</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item grid grid-cols-6 rounded-md shadow p-3 mt-3 gap-3">
|
||||
<div class="image">
|
||||
<img src="{{ 'image-big.png' | asset_url }}" alt="">
|
||||
</div>
|
||||
<div class="right-image col-span-5">
|
||||
<div class="flex justify-between gap-3">
|
||||
<div class="flex items-center gap-3">
|
||||
<b class="text-center block">Hình sản phẩm</b>
|
||||
<p class="text-center block text-gray">(Ảnh chính)</p>
|
||||
</div>
|
||||
<div class="grid grid-cols-2 gap-3">
|
||||
<div class="item flex items-center gap-2">
|
||||
<p class="whitespace-nowrap">STT</p>
|
||||
<input type="text" class="input shadow">
|
||||
</div>
|
||||
<div class="item flex items-center gap-2">
|
||||
<p class="whitespace-nowrap">ALT</p>
|
||||
<input type="text" class="input shadow">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<a href="" class="btn btn-sm btn-outline">
|
||||
<i class="iconify lucide--trash-2"></i>
|
||||
<p class="">Xoá</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item grid grid-cols-6 rounded-md shadow p-3 mt-3 gap-3">
|
||||
<div class="image">
|
||||
<img src="{{ 'image-big.png' | asset_url }}" alt="">
|
||||
</div>
|
||||
<div class="right-image col-span-5">
|
||||
<div class="flex justify-between gap-3">
|
||||
<div class="flex items-center gap-3">
|
||||
<b class="text-center block">Hình sản phẩm</b>
|
||||
<p class="text-center block text-gray">(Ảnh chính)</p>
|
||||
</div>
|
||||
<div class="grid grid-cols-2 gap-3">
|
||||
<div class="item flex items-center gap-2">
|
||||
<p class="whitespace-nowrap">STT</p>
|
||||
<input type="text" class="input shadow">
|
||||
</div>
|
||||
<div class="item flex items-center gap-2">
|
||||
<p class="whitespace-nowrap">ALT</p>
|
||||
<input type="text" class="input shadow">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<a href="" class="btn btn-sm btn-outline">
|
||||
<i class="iconify lucide--trash-2"></i>
|
||||
<p class="">Xoá</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-md shadow p-3 mt-5">
|
||||
<b class="text-xl block">Thêm ảnh cho sản phẩm</b>
|
||||
<p class="text-gray">Bạn có thể: Chọn ảnh có sẵn trong kho ảnh, hoặc upload ảnh từ máy tính:</p>
|
||||
|
||||
<div id="image-preview-filepond" class="mt-5"></div>
|
||||
|
||||
|
||||
<p class="text-gray italic mt-3"><b>Chú ý:</b> Bạn có thể chọn nhiều ảnh cùng 1
|
||||
lúc:
|
||||
Chấp nhận các file ảnh: jpg,gif</p>
|
||||
<input class="btn btn-active mt-3" name="commit" type="submit" value="Cập nhật">
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<b class="block">Chú ý:</b>
|
||||
<ul class="text-sm">
|
||||
<li>- Ảnh Sản phẩm kích thước lớn sẽ được tự động co lại thành các ảnh
|
||||
nhỏ hơn cho những vị trí liên quan. Tùy giao
|
||||
diện website của bạn mà kích thước ảnh Sản phẩm khác nhau. <a href="/system/setup"
|
||||
class="text-primary underline">Click
|
||||
vào đây</a> để
|
||||
quy định kích thước ảnh Sản phẩm.</li>
|
||||
<li>
|
||||
- Chỉ dùng file ảnh đuôi .jpg và .gif.
|
||||
</li>
|
||||
<li>
|
||||
- Cập nhật hình ảnh cho Sản phẩm ở nhiều góc cạnh, màu sắc để người dùng xem
|
||||
rõ nhất. Nên cập nhật ảnh có kích thước lớn
|
||||
và độ phân giải cao.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,12 +0,0 @@
|
||||
<div class="w-full" role="tabpanel">
|
||||
<div class="bg-white p-3 rounded-sm shadow">
|
||||
<b class="block text-xl">Danh sách liên quan</b>
|
||||
|
||||
<div class="list-tab flex items-center mt-3 gap-3">
|
||||
<a href="javascript:void(0)">Sản phẩm (3)</a>
|
||||
<a href="javascript:void(0)">Bài viết (1)</a>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,76 +0,0 @@
|
||||
<!-- box seo -->
|
||||
<div class="" role="tabpanel">
|
||||
<div class="bg-white p-3 rounded-sm shadow">
|
||||
<div class="">
|
||||
<label for="" class=" block font-bold">Link truy cập tại website</label>
|
||||
<input type="text" name="url_index"
|
||||
value="https://demopc8.hurasoft.com/may-do-do-bong-horiba-ig-320-gloss-metergoc-do-60-khoang-do-00-1000-phan-do-..."
|
||||
placeholder="Link truy cập tại website" class="input mt-3 shadow w-full rounded-sm-bold">
|
||||
</div>
|
||||
<div class="mt-5">
|
||||
<label for="" class=" block font-bold">Tên Index</label>
|
||||
<input type="text" name="url_index" value="" placeholder="Tên Index"
|
||||
class="input mt-3 shadow w-full rounded-sm-bold">
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold">Thay đổi Link truy cập khi thay
|
||||
đổi Tên index?</label>
|
||||
<div class="flex items-center">
|
||||
<label class="flex items-center cursor-pointer text-gray gap-3 text-sm mt-3">
|
||||
Có thay đổi
|
||||
<input type="checkbox" class="checkbox checkbox-active rounded-sm ml-[10px]"
|
||||
name="change_url_on_update" checked="">
|
||||
<i class="label-text">(Tích chọn nếu bạn muốn hệ thống thay đổi link truy
|
||||
cập. Cảnh
|
||||
báo:
|
||||
sẽ ảnh hưởng tới
|
||||
kết quả SEO)
|
||||
</i>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-5">
|
||||
<div class="flex items-center gap-3">
|
||||
<label for="" class="block font-bold">Url canonical</label>
|
||||
<i class="text-gray">* để trống sẽ dùng link mặc định của hệ thống</i>
|
||||
</div>
|
||||
<input type="text" name="url_canonical" value="" placeholder="Url canonical"
|
||||
class="input mt-3 shadow w-full rounded-sm-bold">
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-2 gap-3 mt-5">
|
||||
<div class="">
|
||||
<div class="flex items-center gap-3">
|
||||
<label for="" class="block font-bold">Meta Title</label>
|
||||
<i class="text-gray">* 0 ký tự , 0 từ</i>
|
||||
</div>
|
||||
<input type="text" value="" name="meta_title" id="meta_title" placeholder="Meta Title"
|
||||
class="input mt-3 shadow w-full rounded-sm-bold">
|
||||
</div>
|
||||
<div class="">
|
||||
<div class="flex items-center gap-3">
|
||||
<label for="" class="block font-bold">Meta Keyword</label>
|
||||
<i class="text-gray">* 0 ký tự , 0 từ</i>
|
||||
</div>
|
||||
<input type="text" value="" name="meta_keyword" id="meta_keyword" placeholder="Meta Keyword"
|
||||
class="input mt-3 shadow w-full rounded-sm-bold">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<div class="flex items-center gap-3">
|
||||
<label for="" class="block font-bold">Meta Description(nên tối đa 160 ký
|
||||
tự)</label>
|
||||
<i class="text-gray">* 0 ký tự , 0 từ (Khuyến nghị: 160 ký tự)</i>
|
||||
</div>
|
||||
<textarea type="text" name="meta_description" value="" placeholder="Meta Description"
|
||||
class="textarea textarea-bordered rounded-sm shadow mt-3 w-full"></textarea>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="bg-white mt-5 p-3 rounded-md shadow">
|
||||
<input class="btn btn-active" id="submit-collection-btn" name="commit" type="submit" value="Cập nhật" />
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,151 +0,0 @@
|
||||
<!-- thuoc tinh -->
|
||||
<div class="w-100%" role="tabpanel">
|
||||
|
||||
<div class="bg-white p-3 rounded-md shadow">
|
||||
<b class="block text-xl font-bold">Cập nhật thuộc tính cho Sản phẩm</b>
|
||||
<div class="flex items-center gap-2 mt-3">
|
||||
<span class="text-gray">Hoặc</span>
|
||||
<a href="sell_product.php?id=2115&view=spec&noattr=1&l=vn&popup=0" class="text-primary">Cập nhật thông số
|
||||
kỹ thuật không cần
|
||||
thuộc tính
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-md shadow mt-5">
|
||||
|
||||
<div class="item-attributes p-3">
|
||||
<b class="text-gray">Dòng cpu</b>
|
||||
<p class="text-gray">dong-cpu</p>
|
||||
<i class="text-gray">Dùng là bộ lọc - Dùng tạo lựa chọn SP - Hiển thị ở tóm tắt</i>
|
||||
<div class="grid grid-cols-4 mt-3 gap-3">
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" class="checkbox checkbox-sm checkbox-active rounded-sm" name="new"
|
||||
checked="">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" name="new" checked=""
|
||||
class="checkbox checkbox-sm checkbox-active rounded-sm">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" name="new" checked=""
|
||||
class="checkbox checkbox-sm checkbox-active rounded-sm">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" name="new" checked=""
|
||||
class="checkbox checkbox-sm checkbox-active rounded-sm">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" name="new" checked=""
|
||||
class="checkbox checkbox-sm checkbox-active rounded-sm">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="mt-5">
|
||||
<div class="flex items-center gap-3">
|
||||
<b>Bổ sung giá trị:</b>
|
||||
<p class="">mỗi giá trị 1 dòng</p>
|
||||
<a href="/product/attribute-add&id=98#attr_value" class="text-primary"><i
|
||||
class="iconify lucide--pencil"></i></a>
|
||||
</div>
|
||||
<textarea name="" id="" class="w-full textarea textarea-bordered rounded-sm mt-3"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item-attributes p-3 mt-5">
|
||||
<b class="text-gray">Dòng cpu</b>
|
||||
<p class="text-gray">dong-cpu</p>
|
||||
<i class="text-gray">Dùng là bộ lọc - Dùng tạo lựa chọn SP - Hiển thị ở tóm tắt</i>
|
||||
<div class="grid grid-cols-4 mt-3 gap-3">
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" class="checkbox checkbox-sm checkbox-active rounded-sm" name="new"
|
||||
checked="">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" name="new" checked=""
|
||||
class="checkbox checkbox-sm checkbox-active rounded-sm">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" name="new" checked=""
|
||||
class="checkbox checkbox-sm checkbox-active rounded-sm">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" name="new" checked=""
|
||||
class="checkbox checkbox-sm checkbox-active rounded-sm">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" name="new" checked=""
|
||||
class="checkbox checkbox-sm checkbox-active rounded-sm">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="mt-5">
|
||||
<div class="flex items-center gap-3">
|
||||
<b>Bổ sung giá trị:</b>
|
||||
<p class="">mỗi giá trị 1 dòng</p>
|
||||
<a href="/product/attribute-add&id=98#attr_value" class="text-primary"><i
|
||||
class="iconify lucide--pencil"></i></a>
|
||||
</div>
|
||||
<textarea name="" id="" class="w-full textarea textarea-bordered rounded-sm mt-3"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-attributes p-3 mt-5">
|
||||
<b class="text-gray">Dòng cpu</b>
|
||||
<p class="text-gray">dong-cpu</p>
|
||||
<i class="text-gray">Dùng là bộ lọc - Dùng tạo lựa chọn SP - Hiển thị ở tóm tắt</i>
|
||||
<div class="grid grid-cols-4 mt-3 gap-3">
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" class="checkbox checkbox-sm checkbox-active" name="new" checked="">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" name="new" checked=""
|
||||
class="checkbox checkbox-sm checkbox-active rounded-sm">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" name="new" checked=""
|
||||
class="checkbox checkbox-sm checkbox-active rounded-sm">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" name="new" checked=""
|
||||
class="checkbox checkbox-sm checkbox-active rounded-sm">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" name="new" checked=""
|
||||
class="checkbox checkbox-sm checkbox-active rounded-sm">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="mt-5">
|
||||
<div class="flex items-center gap-3">
|
||||
<b>Bổ sung giá trị:</b>
|
||||
<p class="">mỗi giá trị 1 dòng</p>
|
||||
<a href="/product/attribute-add&id=98#attr_value" class="text-primary"><i
|
||||
class="iconify lucide--pencil"></i></a>
|
||||
</div>
|
||||
<textarea name="" id="" class="w-full textarea textarea-bordered rounded-sm mt-3"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="bg-white p-3 rounded-md shadow mt-5">
|
||||
<div class="flex items-center gap-3">
|
||||
<input class=" btn btn-active btn-md" name="commit" type="submit" value="Cập nhật">
|
||||
<a href="" class="btn btn-outline btn-view btn-md">
|
||||
Cập nhật không thuộc tính
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user