This commit is contained in:
2025-12-07 15:58:07 +07:00
parent 75a641ab40
commit 942aeafb60
2211 changed files with 178727 additions and 89 deletions

View File

@@ -0,0 +1,72 @@
<div class="global-breadcrumb-container">
<a href="/admin/system"> Cài đặt chung </a>
<a href=""> Chặn IP xấu truy cập website </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] mb-[5px] block"> Chặn IP xấu truy cập website </p>
<p class="text-[14px] text-[#6B7280]">Chức năng này cho phép bạn ngăn chặn một số địa chỉ IP truy cập vào
website. Thường dùng
để chặn đối thủ hoặc
những
người có mục đích xấu muốn phá hoại website của bạn</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">
Thông tin
</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 text-[20px] mb-[10px]">Nhập IP cần cấm (mỗi IP 1 dòng)</b>
<div class="flex items-center">
Bạn có thể xem địa chỉ IP tại <a href="/admin/report/visitor" class="text-[#0041E8] ml-[5px]">Báo cáo
truy
cập</a>. Để loại bỏ
IP khỏi danh sách cấm, xóa IP
trong danh sách
và cập nhật
lại.
</div>
<div class="flex mt-[15px]">
<textarea name="" id=""
class="p-[15px] w-[400px] h-[350px] border-[1px] border-[#D8D8D8] rounded-[4px]">103.123.97.250
72.35.247.140
151.80.39.52
151.80.39.228
151.80.39.*
151.80.39.0/255
94.198.55.223
94.198.55.*
94.198.55.0/255
5.62.61.213
113.166.92.31
14.164.185.*
144.76.60.98
46.159.119.174
123.30.175.83</textarea>
<div class="text-[#6B7280] italic ml-[15px] mt-[15px]">
<p>Hỗ trợ các định dạng: 127.0.0.1</p>
<p>172.0.0.*</p>
<p>173.0.*.*</p>
<p>126.1.0.0/24</p>
<p>125.0.0.1-125.0.0.9</p>
</div>
</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 mt-[20px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
</div>
</div>
</div>

View File

@@ -0,0 +1,112 @@
<div class="global-breadcrumb-container">
<a href="/admin/system"> Cài đặt chung </a>
<a href=""> Meta SEO trang chủ </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"> Thay đổi nội dung doanh nghiệp </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">
Thông tin
</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%] mr-[7px]">
<div class="flex items-center mb-[5px]">
<label class="font-[600] text-[14px]">Thẻ Meta Title</label>
<span class="ml-[5px] text-[#6B7280]">* nếu để trống sẽ dùng tên gọi website</span>
</div>
<input name="" id="" placeholder="Thẻ Meta Title"
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%] mr-[7px]">
<label class="font-[600] mb-[5px] text-[14px]">Thẻ Meta Keywords</label>
<input name="" id="" placeholder="Thẻ Meta Keywords"
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%] mr-[7px]">
<label class="font-[600] mb-[5px] text-[14px]">Thẻ Meta Keywords</label>
<textarea name="" id="" placeholder="Thẻ Meta Keywords"
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>
</div>
<div class="p-[15px] bg-white border-t-[6px] border-[#FAFAFB]">
<div class="flex items-center justify-between">
<b class="block text-[20px]">Thư viện ảnh</b>
<div class="flex items-center">
<div class="list-btn flex items-center">
<a href=""
class="flex items-center mr-[10px] border-[1px] px-[10px] py-[5px] border-[#0041E8] rounded-[4px]">
<i class="fa-solid fa-arrow-up-from-bracket text-[#0041E8]"></i>
<span class="text-[#0041E8] ml-[5px]">Upload ảnh</span>
</a>
<a href=""
class="flex items-center mr-[10px] border-[1px] px-[10px] py-[5px] border-[#0041E8] rounded-[4px]">
<i class="fa-regular fa-folder text-[#0041E8]"></i>
<span class="text-[#0041E8] ml-[5px]">Quản lý</span>
</a>
<a href=""
class="flex items-center border-[1px] px-[10px] py-[5px] border-[#0041E8] rounded-[4px]">
<i class="fa-regular fa-pen-to-square text-[#0041E8]"></i>
<span class="text-[#0041E8] ml-[5px]">Chọn ảnh trong kho ảnh chính</span>
</a>
</div>
</div>
</div>
<div class="my-[10px]">
<div class="flex items-center">
<a href="" class="mr-[10px]">
<img src="https://via.placeholder.com/115x70" alt="">
</a>
<a href="" class="mr-[10px]">
<img src="https://via.placeholder.com/115x70" alt="">
</a>
<a href="" class="mr-[10px]">
<img src="https://via.placeholder.com/115x70" alt="">
</a>
<a href="" class="mr-[10px]">
<img src="https://via.placeholder.com/115x70" alt="">
</a>
<a href="" class="mr-[10px]">
<img src="https://via.placeholder.com/115x70" alt="">
</a>
<a href="" class="mr-[10px]">
<img src="https://via.placeholder.com/115x70" alt="">
</a>
<a href="" class="mr-[10px]">
<img src="https://via.placeholder.com/115x70" alt="">
</a>
</div>
<div class="paging my-[20px]">
<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 class="mt-[20px]">
<b class="block text-[16px]">Thông tin giới thiệu chi tiết</b>
<textarea id="info-desc"> </textarea>
</div>
<div class="mt-[20px]">
<b class="block text-[16px]">Thông tin liên hệ</b>
<textarea id="contact-desc"> </textarea>
</div>
</div>
<div
class="p-[15px] bg-white rounded-[0_0_15px_15px] shadow-[0px_1px_1px_0px_#0000001A] border-t-[6px] border-[#FAFAFB]">
<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>

View File

@@ -0,0 +1,394 @@
<div class="global-breadcrumb-container">
<a href="/admin/system"> Cài đặt chung </a>
<a href=""> Email bán hàng/CSKH </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ài đặt Email </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">
Thông tin
</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 text-[20px] mb-[10px]">Cài đặt email cho website</b>
<b class="block text-[16px] mb-[5px]">Cài đặt email</b>
<table class="style-table">
<thead>
<tr>
<th class="w-[50px]">STT</th>
<th>Phân loại</th>
<th class="w-[345px]">Cài đặt</th>
<th class="w-[115px]">Hành động</th>
</tr>
</thead>
<tbody>
<tr>
<td class="align-text-top">1</td>
<td>
<b>Email gửi thông báo cho khách hàng (*)</b>
<p>Dùng gửi khách hàng khi họ đặt hàng, báo tình trạng đơn hàng v.v. Cần phải dùng một dịch
vụ gửi email để gửi đi. Mặc
định là dùng hotro@demopc8.hurasoft.com và sử dụng dịch vụ gửi email của HuraSoft.
</p>
</td>
<td class="align-text-top">
<div class="flex items-center">
<p>Email *</p>
<input type="text"
class="w-[265px] h-[35px] rounded-[4px] p-[10px] border-[1px] border-[#D8D8D8] ml-[10px] shadow-[0px_2px_4px_0px_#0000001F]">
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="align-text-top">2</td>
<td>
<b>Email nhận chung (*)</b>
<p>Bắt buộc. Sẽ được dùng để nhận tất cả các thông báo của website nếu các email khác dưới
đây không được cài.
</p>
</td>
<td class="align-text-top">
<div class="flex items-center">
<p>Email *</p>
<input type="text"
class="w-[265px] h-[35px] rounded-[4px] p-[10px] border-[1px] border-[#D8D8D8] ml-[10px] shadow-[0px_2px_4px_0px_#0000001F]">
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="align-text-top">3</td>
<td>
<b>Email nhận thông báo đơn hàng</b>
<p>Các đơn hàng mới sẽ được gửi thông báo vào Email này</p>
</td>
<td class="align-text-top">
<div class="flex items-center">
<p>Email *</p>
<input type="text"
class="w-[265px] h-[35px] rounded-[4px] p-[10px] border-[1px] border-[#D8D8D8] ml-[10px] shadow-[0px_2px_4px_0px_#0000001F]">
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="align-text-top">4</td>
<td>
<b>Email nhận liên hệ</b>
<p>Các liên hệ mới sẽ được gửi thông báo vào Email này</p>
</td>
<td class="align-text-top">
<div class="flex items-center">
<p>Email *</p>
<input type="text"
class="w-[265px] h-[35px] rounded-[4px] p-[10px] border-[1px] border-[#D8D8D8] ml-[10px] shadow-[0px_2px_4px_0px_#0000001F]">
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
</tbody>
</table>
</div>
<div
class="p-[15px] border-t-[6px] border-[#FAFAFB] bg-white rounded-[0_0_15px_15px] shadow-[0px_1px_1px_0px_#0000001A]">
<b class="block text-[20px] mb-[10px]">Cài đặt email cho website</b>
<div class="text-[#6B7280]">
Hướng dẫn: Nên dùng Editor ở phần <a href="" class="ml-[2px] text-[#0041E8]">sửa template</a> để chỉnh
nội dung html rồi copy/cập nhật ở
đây
</div>
<table class="style-table">
<thead>
<tr>
<th class="w-[50px]">STT</th>
<th>Phân loại</th>
<th class="w-[312px]">Nội dung</th>
<th>Hành động</th>
</tr>
</thead>
<tbody>
<tr>
<td class="align-text-top">1</td>
<td class="align-text-top">
Email gửi thông báo đơn hàng mới cho khách hàng <br> email_tpl_order_detail
</td>
<td>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
nội
dung</a>
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
<textarea name="" id=""
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
<p>- Dữ liệu có thể dùng. page</p>
<div class="flex items-center">
<p>- Test hiển thị:</p>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
hiển thị</a>
</div>
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="align-text-top">2</td>
<td class="align-text-top">
Email gửi thông báo cho khách hàng khi đơn hàng được cập nhật trạng thái
mới <br> email_tpl_update_buyer_order_status
</td>
<td>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
nội
dung</a>
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
<textarea name="" id=""
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
<p>- Dữ liệu có thể dùng. page</p>
<div class="flex items-center">
<p>- Test hiển thị:</p>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
hiển thị</a>
</div>
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="align-text-top">3</td>
<td class="align-text-top">
Email gửi thông báo đơn hàng mới cho khách hàng <br> email_tpl_order_detail
</td>
<td>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
nội
dung</a>
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
<textarea name="" id=""
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
<p>- Dữ liệu có thể dùng. page</p>
<div class="flex items-center">
<p>- Test hiển thị:</p>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
hiển thị</a>
</div>
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="align-text-top">4</td>
<td class="align-text-top">
Email gửi thông báo đơn hàng mới cho khách hàng <br> email_tpl_order_detail
</td>
<td>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
nội
dung</a>
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
<textarea name="" id=""
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
<p>- Dữ liệu có thể dùng. page</p>
<div class="flex items-center">
<p>- Test hiển thị:</p>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
hiển thị</a>
</div>
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="align-text-top">5</td>
<td class="align-text-top">
Email gửi thông báo đơn hàng mới cho khách hàng <br> email_tpl_order_detail
</td>
<td>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
nội
dung</a>
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
<textarea name="" id=""
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
<p>- Dữ liệu có thể dùng. page</p>
<div class="flex items-center">
<p>- Test hiển thị:</p>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
hiển thị</a>
</div>
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="align-text-top">6</td>
<td class="align-text-top">
Email gửi thông báo đơn hàng mới cho khách hàng <br> email_tpl_order_detail
</td>
<td>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
nội
dung</a>
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
<textarea name="" id=""
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
<p>- Dữ liệu có thể dùng. page</p>
<div class="flex items-center">
<p>- Test hiển thị:</p>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
hiển thị</a>
</div>
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="align-text-top">7</td>
<td class="align-text-top">
Email gửi thông báo đơn hàng mới cho khách hàng <br> email_tpl_order_detail
</td>
<td>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
nội
dung</a>
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
<textarea name="" id=""
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
<p>- Dữ liệu có thể dùng. page</p>
<div class="flex items-center">
<p>- Test hiển thị:</p>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
hiển thị</a>
</div>
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="align-text-top">8</td>
<td class="align-text-top">
Email gửi thông báo đơn hàng mới cho khách hàng <br> email_tpl_order_detail
</td>
<td>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
nội
dung</a>
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
<textarea name="" id=""
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
<p>- Dữ liệu có thể dùng. page</p>
<div class="flex items-center">
<p>- Test hiển thị:</p>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
hiển thị</a>
</div>
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="align-text-top">9</td>
<td class="align-text-top">
Email gửi thông báo đơn hàng mới cho khách hàng <br> email_tpl_order_detail
</td>
<td>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
nội
dung</a>
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
<textarea name="" id=""
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
<p>- Dữ liệu có thể dùng. page</p>
<div class="flex items-center">
<p>- Test hiển thị:</p>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
hiển thị</a>
</div>
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>

View File

@@ -0,0 +1,98 @@
<div class="w-[852px]">
<div class="p-[15px] mb-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
<table class="css-table">
<tr>
<td class="w-[258px] align-text-top ">
<b>Tạm đóng website</b>
<p class="text-[#6B7280]">(Nếu bạn chưa muốn người dùng xem website, hãy tạm đóng lại)</p>
</td>
<td>
<div class="flex items-center mb-[10px]">
<b class="w-[140px]">Mật khẩu để xem</b>
<input type="text"
class="w-[130px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] mx-[10px]">
<span class="text-[#E00000] italic">(Xóa bỏ mật khẩu để mở lại website)</span>
</div>
<div class="flex items-center">
<b class="w-[140px]">Nội dung thông báo khách hàng:</b>
<textarea type="text"
class="w-[calc(100%_-160px)] h-[75px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] mx-[10px]"></textarea>
</div>
</td>
</tr>
<tr>
<td class="w-[258px] align-text-top">
<b>Xác thực tên miền với Google Sử dụng khi cài email của Google</b>
</td>
<td>
<textarea type="text"
class="w-[97%] h-[75px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]"></textarea>
<p class="text-[#6B7280] italic">Nhập nội dung của file Google vào ô trên</p>
<div class="text-[#6B7280] italic flex">
(<p>V.d.</p> <span class="text-[#E00000]">google-site-verification:
google0b0cdca26a03ce2e.html</span>)
</div>
</td>
</tr>
<tr>
<td class="w-[258px] align-text-top"><b>Tỷ giá ngoại tệ (USD/VND)</b></td>
<td>
<input type="text" class="w-[250px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]"
placeholder="1" />
</td>
</tr>
<tr>
<td class="w-[258px] align-text-top">
<b>Số lượng sản phẩm / 1 trang danh mục</b>
</td>
<td>
<input type="text" class="w-[250px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]"
placeholder="1" />
</td>
</tr>
<tr>
<td class="w-[258px] align-text-top">
<b>Thứ tự sản phẩm mặc định trong danh mục</b>
</td>
<td>
<select type="text"
class="w-[250px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
<option value="">Thứ tự cài đặt, mới cập nhật</option>
</select>
</td>
</tr>
<tr>
<td class="w-[258px] align-text-top">
<b>Số lượng tin tức hiển thị / 1 trang</b>
</td>
<td>
<input type="text" class="w-[250px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]"
placeholder="1" />
</td>
</tr>
<tr>
<td class="w-[258px] align-text-top">
<b>SiteManager (nếu có)</b>
</td>
<td>
<input type="text" class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]"
placeholder="SiteManager (nếu có)" />
<span class="block text-[#6B7280] italic mt-[5px]">v.d. http://web.hurasoft.com</span>
</td>
</tr>
<tr>
<td class="w-[258px] align-text-top">
<b>SiteManager Access Key</b>
</td>
<td>
<input type="text" class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]"
placeholder="SiteManager Access Key" />
<span class="block text-[#6B7280] italic mt-[5px]">xem trong sitemanager</span>
</td>
</tr>
</table>
<input type="submit" value="Cập nhật"
class="inline-block mt-[20px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
</div>
</div>

View File

@@ -0,0 +1,121 @@
<div class="w-[852px]">
<div class="p-[15px] mb-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
<b>Hướng dẫn:</b>
<ul>
<li>- ID danh mục: nhập danh sách các ID danh mục cách nhau dấu , hoặc khoảng trắng.
Để percat nếu muốn hệ thống
tự động lấy theo danh mục sản phẩm đang xem</li>
<li>- Số lượng hiển thị : Nhập 0 nếu không muốn dùng nội dung, điền số > 0 để có
số lượng cần lấy Để website chạy nhanh nhất, chỉ kích hoạt các nội dung mà giao diện hiển thị cần đến.
</li>
</ul>
<table class="css-table mt-[15px]">
<tr>
<td class="w-[258px] align-text-top">
<b>Sản phẩm nổi bật (HOT)</b>
</td>
<td>
<div class="flex items-center mb-[10px]">
<b class="w-[130px]">ID danh mục</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
<div class="flex items-center">
<b class="w-[130px]">Số lượng hiển thị</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
</td>
</tr>
<tr>
<td class="w-[258px] align-text-top">
<b>Sản phẩm bán chạy nhất (BEST SALE)</b>
</td>
<td>
<div class="flex items-center mb-[10px]">
<b class="w-[130px]">ID danh mục</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
<div class="flex items-center">
<b class="w-[130px]">Số lượng hiển thị</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
</td>
</tr>
<tr>
<td class="w-[258px] align-text-top">
<b>Sản phẩm mới nhất (NEW)</b>
</td>
<td>
<div class="flex items-center mb-[10px]">
<b class="w-[130px]">ID danh mục</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
<div class="flex items-center">
<b class="w-[130px]">Số lượng hiển thị</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
</td>
</tr>
<tr>
<td class="w-[258px] align-text-top">
<b>Sản phẩm xả hàng (SALE OFF)</b>
</td>
<td>
<div class="flex items-center mb-[10px]">
<b class="w-[130px]">ID danh mục</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
<div class="flex items-center">
<b class="w-[130px]">Số lượng hiển thị</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
</td>
</tr>
<tr>
<td class="w-[258px] align-text-top">
<b>Tin tức</b>
</td>
<td>
<div class="flex items-center mb-[10px]">
<b class="w-[130px]">ID danh mục</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
<div class="flex items-center">
<b class="w-[130px]">Số lượng hiển thị</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
</td>
</tr>
<tr>
<td class="w-[258px] align-text-top">
<b>Bộ sưu tập sản phẩm</b>
</td>
<td>
<div class="flex items-center mb-[10px]">
<b class="w-[130px]">ID danh mục</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
<div class="flex items-center">
<b class="w-[130px]">Số lượng hiển thị</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
</td>
</tr>
</table>
<input type="submit" value="Cập nhật"
class="inline-block mt-[20px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
</div>
</div>

View File

@@ -0,0 +1,121 @@
<div class="w-[852px]">
<div class="p-[15px] mb-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
<b>Hướng dẫn:</b>
<ul>
<li>- ID danh mục: nhập danh sách các ID danh mục cách nhau dấu , hoặc khoảng trắng.
Để <span class="text-[#E00000]">percat</span> nếu muốn hệ thống
tự động lấy theo danh mục sản phẩm đang xem</li>
<li>- Số lượng hiển thị : Nhập 0 nếu không muốn dùng nội dung, điền số > 0 để có
số lượng cần lấy Để website chạy nhanh nhất, chỉ kích hoạt các nội dung mà giao diện hiển thị cần đến.
</li>
</ul>
<table class="css-table mt-[15px]">
<tr>
<td class="w-[258px] align-text-top">
<b>Sản phẩm nổi bật (HOT)</b>
</td>
<td>
<div class="flex items-center mb-[10px]">
<b class="w-[130px]">ID danh mục</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
<div class="flex items-center">
<b class="w-[130px]">Số lượng hiển thị</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
</td>
</tr>
<tr>
<td class="w-[258px] align-text-top">
<b>Sản phẩm bán chạy nhất (BEST SALE)</b>
</td>
<td>
<div class="flex items-center mb-[10px]">
<b class="w-[130px]">ID danh mục</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
<div class="flex items-center">
<b class="w-[130px]">Số lượng hiển thị</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
</td>
</tr>
<tr>
<td class="w-[258px] align-text-top">
<b>Sản phẩm mới nhất (NEW)</b>
</td>
<td>
<div class="flex items-center mb-[10px]">
<b class="w-[130px]">ID danh mục</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
<div class="flex items-center">
<b class="w-[130px]">Số lượng hiển thị</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
</td>
</tr>
<tr>
<td class="w-[258px] align-text-top">
<b>Sản phẩm xả hàng (SALE OFF)</b>
</td>
<td>
<div class="flex items-center mb-[10px]">
<b class="w-[130px]">ID danh mục</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
<div class="flex items-center">
<b class="w-[130px]">Số lượng hiển thị</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
</td>
</tr>
<tr>
<td class="w-[258px] align-text-top">
<b>Tin tức</b>
</td>
<td>
<div class="flex items-center mb-[10px]">
<b class="w-[130px]">ID danh mục</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
<div class="flex items-center">
<b class="w-[130px]">Số lượng hiển thị</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
</td>
</tr>
<tr>
<td class="w-[258px] align-text-top">
<b>Bộ sưu tập sản phẩm</b>
</td>
<td>
<div class="flex items-center mb-[10px]">
<b class="w-[130px]">ID danh mục</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
<div class="flex items-center">
<b class="w-[130px]">Số lượng hiển thị</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
</td>
</tr>
</table>
<input type="submit" value="Cập nhật"
class="inline-block mt-[20px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
</div>
</div>

View File

@@ -0,0 +1,71 @@
<div class="w-[852px]">
<div class="p-[15px] mb-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
<table class="css-table">
<tr>
<td class="w-[258px] align-text-top">
<b class="block">Kích thước ảnh sản phẩm</b>
<span class="text-[#6B7280] italic">Điều chỉnh kích thước ảnh cho phù hợp với giao diện
website:</span>
</td>
<td>
<div class="flex items-center mb-[10px]">
<b class="w-[70px]">thumb</b>
<input type="text"
class="w-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
<span class="italic ml-[7px] text-[#6B7280]">px</span>
</div>
<div class="flex items-center mb-[10px]">
<b class="w-[70px]">small</b>
<input type="text"
class="w-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
<span class="italic ml-[7px] text-[#6B7280]">px</span>
</div>
<div class="flex items-center mb-[10px]">
<b class="w-[70px]">medium</b>
<input type="text"
class="w-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
<span class="italic ml-[7px] text-[#6B7280]">px</span>
</div>
<div class="flex items-center">
<b class="w-[70px]">large</b>
<input type="text"
class="w-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
<span class="italic ml-[7px] text-[#6B7280]">px</span>
</div>
</td>
</tr>
<tr>
<td class="w-[258px] align-text-top">
<b>Tạo ảnh vuông</b>
</td>
<td>
<div class="check-form flex items-center mb-[10px]">
<input type="checkbox" name="" value="1" checked
class="checked:bg-[#0041E8] w-[18px] h-[18px] rounded-[4px]">
<span class="ml-[10px] text-[#6B7280]">Tạo các ảnh nhỏ hình vuông với kích thước như trên
</span>
</div>
</td>
</tr>
<tr>
<td class="w-[258px] align-text-top">
<b>Ghi chữ bản quyền lên ảnh</b>
</td>
<td>
<div class="check-form flex items-center">
<input type="checkbox" name="" value="1" checked
class="checked:bg-[#0041E8] w-[18px] h-[18px] rounded-[4px]">
<span class="ml-[10px] text-[#6B7280]">Ghi bản quyền</span>
</div>
<p class="ml-[25px] text-[#6B7280] italic">(Tên miền website demopc8.hurasoft.com sẽ được ghi lên
ảnh sản
phẩm)</p>
</td>
</tr>
</table>
<input type="submit" value="Cập nhật"
class="inline-block mt-[20px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
</div>
</div>

View File

@@ -0,0 +1,21 @@
<form method="post" enctype="multipart/form-data"
class="order-page-table w-[calc(100%_-25%_-16px)] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
<table>
<tr>
<td width="230"> Thay Ảnh nền </td>
<td>
<div>
<img src="https://via.placeholder.com/1920x900" class="block" />
</div>
<input type="file" class="cursor-pointer m-[12px_0]" />
<i class="block text-[#E00000] font-[300]"> Bạn có thể thay nền website bằng hình ảnh. Với file ảnh, yêu
cầu là .jpg, .gif, hoặc .png và dung lượng tối đa 300KB. </i>
</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>

View File

@@ -0,0 +1,30 @@
<form method="post" enctype="multipart/form-data"
class="order-page-table w-[calc(100%_-25%_-16px)] 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"> Thay Logo </td>
<td>
<div class="mb-[15px]">
<img src="https://via.placeholder.com/400x300" class="block max-h-[100px]" />
</div>
<input type="file" class="cursor-pointer" />
</td>
</tr>
<tr>
<td> Thay Ảnh header </td>
<td>
<div class="mb-[15px]">
<img src="https://via.placeholder.com/400x300" class="block max-h-[100px]" />
</div>
<input type="file" class="cursor-pointer" />
</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>

View File

@@ -0,0 +1,93 @@
<form method="post" enctype="multipart/form-data"
class="order-page-table w-[calc(100%_-25%_-16px)] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
<i class="block text-[#E00000] leading-[20px] mb-[20px]">
<b>Cảnh báo:</b> Vì các cài đặt sau sẽ được sử dụng ở biến global. Nên hệ thống sẽ cho phép tạo tối đa 20 giá
trị và giới hạn số ký tự không quá 500 mỗi giá trị để đảm bảo website hoạt động tốt. Do vậy chỉ cài đặt các nội
dung thật sự sẽ được hiển thị ở tất cả các nơi (v.d. Header/Footer).
</i>
<div class="order-page-table">
<table id="js-tb-settings">
<thead>
<tr>
<td width="50"> STT </td>
<td width="250"> Code giao diện </td>
<td width="200"> Chú thích (cho quản trị viên) </td>
<td> Giá trị </td>
<td width="110"> Hành động </td>
</tr>
</thead>
<tbody>
<tr id="js-row-1">
<td align="center"> 1 </td>
<td> global.settings.builpc_category_special_offer </td>
<td> Danh sách khuyến mại theo từng danh mục trang Xây dựng cấu hình </td>
<td>
<textarea class="block border border-[#D8D8D8] w-[100%] p-[8px]">0000000000</textarea>
</td>
<td align="center">
<a href=""
class="block border border-[#0041E8] text-[#0041E8] bg-[#F5F7FF] mb-[5px] rounded-[4px] leading-[32px] hover:bg-[#0041E8] hover:text-[#fff]">Cập
nhật</a>
<a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></a>
</td>
</tr>
</tbody>
</table>
<div class="text-center mt-[15px]">
<a href="javascript:add_form_setting()"
class="inline-flex items-center bg-[#F5F7FF] text-[#0041E8] p-[5px_10px] rounded-[4px] hover:bg-[#0041E8] hover:text-[#fff]">
<span
class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10px] text-center rounded-[50%] mr-1 ">+</span>
<span> Thêm quản trị biến nội dung </span>
</a>
</div>
</div>
</form>
<script>
var $tb_setting = $('#js-tb-settings');
var current_index = $tb_setting.find("tr").length - 1;
var $row_tpl = `
<tr>
<td>{index}</td>
<td colspan="4" id="js-new-{index}">
<div class="mb-4">
<p class="mb-1">
KEY <i class="text-[#6B7280] font-[300]">(* yêu cầu: viết thường, không dấu và viết liền, chỉ gồm ký tự a->z 1->9 hoặc _ . Ví dụ: mau_sac_banner)</i>
</p>
<input type='text' name='setting_key' class="page-input">
</div>
<div class="mb-4">
<p class="mb-1">
Chú thích (cho quản trị viên) <i class="text-[#6B7280] font-[300]">(tối đa 50 từ)</i>
</p>
<input type='text' name='comment' class="page-input">
</div>
<div class="mb-[10px]">
<p class="mb-1"> Giá trị </p>
<textarea name='setting_value' class="page-input min-h-[76px] max-h-[120px]"></textarea>
</div>
<div id="js-create-status-{index}"></div>
<input type="button" value="Tạo mới" onclick="createNew('{index}')" class="inline-block cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]">
</td>
</tr>
`;
function add_form_setting() {
current_index += 1;
$tb_setting.append($row_tpl.replace(/{index}/g, current_index));
}
</script>

View File

@@ -0,0 +1,57 @@
<form method="post" enctype="multipart/form-data"
class="order-page-table w-[calc(100%_-25%_-16px)] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
<table>
<tr>
<td width="230"> Link nhảy đến </td>
<td>
<input type="text" value="" class="page-input" />
</td>
</tr>
<tr>
<td> File ảnh </td>
<td>
<div class="mb-[15px]">
<img src="https://via.placeholder.com/900x900" class="block max-h-[300px]" />
</div>
<input type="file" class="cursor-pointer" />
</td>
</tr>
<tr>
<td> Lựa chọn hiển thị người dùng </td>
<td style="padding: 14px">
<div class="flex items-center">
<label class="cursor-pointer flex items-center mr-[15px]">
<input type="radio" name="popup_display" value="session" class="radio checked:bg-blue-500"
checked="checked" />
<span class="label-text ml-[10px]">Theo session</span>
</label>
<label class="cursor-pointer flex items-center">
<input type="radio" name="popup_display" value="homepage" class="radio checked:bg-blue-500"
checked="checked" />
<span class="label-text ml-[10px]">Trang chủ website</span>
</label>
</div>
</td>
</tr>
<tr>
<td> Khác </td>
<td>
<label class="cursor-pointer flex items-center">
<input type="checkbox" name="popup_activate" value="1" checked="checked"
class="checkbox checkbox-success" />
<span class="label-text ml-[5px]">Tích chọn để hiển thị hoặc dừng 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>

View File

@@ -0,0 +1,69 @@
<div class="global-breadcrumb-container">
<a href="/admin/system"> Cài đặt chung </a>
<a href=""> Các phương thức thanh toá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]">
<div class="flex items-center justify-between mb-[7px]">
<p class="font-bold text-[20px] leading-[26px] block"> Các phương thức thanh toán </p>
<a href="/admin/system/pay-method-add" id="add-prod"
class="p-[7px_10px] border-[1px] border-[#ECECEC] rounded-[4px] text-[14px] text-[#0041E8] flex items-center"><span
class="border-[1px] border-[#6B7280] h-[15px] w-[14px] text-[#6B7280] leading-[11px] text-center rounded-[50%] mr-1">+</span>
<span class="font-[500] text-[#6B7280]">Thêm phương thức mới</span></a>
</div>
<p class="text-[#6B7280]">Cập nhật các phương thức thanh toán mà quý khách muốn hiển thị ở trang thanh toán đơn
hàng. Chỉ các phương
thức ở trạng
thái "Đang hiển thị" được hiển thị ở trang thanh toán.
</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">
Thông tin
</a>
</div>
<div class="w-[852px]">
<div class="p-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
<table class="style-table">
<thead>
<tr>
<th>STT</th>
<th>Phân loại</th>
<th>Phương thức</th>
<th>Cập nhật</th>
<th>Thứ tự</th>
<th>Lựa chọn</th>
</tr>
</thead>
<tbody>
<tr>
<td class="align-text-top">1</td>
<td class="align-text-top">cod</td>
<td class="align-text-top">Thanh toán khi nhận hàng (COD) (#1)</td>
<td>
<p>25-09-2022, 2:42 pm</p>
<p>Hurasoft Test</p>
</td>
<td class="align-text-top">10</td>
<td class="align-text-top">
<div class="flex items-center justify-center">
<a href="/admin/system/pay-method-add?id=1"
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class='icons icon-edit'></i></a>
<a href=""
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class="fa-regular fa-eye-slash text-[#0041E8]"></i></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>

View File

@@ -0,0 +1,96 @@
<div class="global-breadcrumb-container">
<a href="/admin/system"> Cài đặt chung </a>
<a href="/admin/system/pay-method"> Các phương thức thanh toán </a>
<a href=""> Form thêm/sửa phương thức thanh toá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 mb-[10px]"> Các phương thức thanh toán </p>
<p class="text-[#6B7280]">Tiền mặt khi nhận hàng (COD)</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">
Thông tin
</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="flex mb-[15px]">
<b class="block w-[150px] text-[#383C44] ">Phân loại (*)</b>
<div class="right">
<label class="cursor-pointer flex items-center mb-[10px]">
<input type="radio" name="info[pay-method]" value="0" class="radio checked:bg-blue-500" checked>
<span class="label-text ml-[10px]">Tiền mặt khi nhận hàng (COD)</span>
</label>
<label class="cursor-pointer flex items-center mb-[10px]">
<input type="radio" name="info[pay-method]" value="1" class="radio checked:bg-blue-500">
<span class="label-text ml-[10px]">Thẻ ATM/ Chuyển khoản (Internet Banking)</span>
</label>
<label class="cursor-pointer flex items-center mb-[10px]">
<input type="radio" name="info[pay-method]" value="2" class="radio checked:bg-blue-500">
<span class="label-text ml-[10px]">Thẻ tín dụng Visa/Master</span>
</label>
<label class="cursor-pointer flex items-center mb-[10px]">
<input type="radio" name="info[pay-method]" value="3" class="radio checked:bg-blue-500">
<span class="label-text ml-[10px]">Cổng thanh toán (VNPay, Payoo, ViettelPay ..)</span>
</label>
<label class="cursor-pointer flex items-center mb-[10px]">
<input type="radio" name="info[pay-method]" value="4" class="radio checked:bg-blue-500">
<span class="label-text ml-[10px]">Ví điện tử (Moca, Momo ..)</span>
</label>
<label class="cursor-pointer flex items-center mb-[10px]">
<input type="radio" name="info[pay-method]" value="4" class="radio checked:bg-blue-500">
<span class="label-text ml-[10px]">Điểm thành viên (trừ điểm tích luỹ của thành viên)</span>
</label>
<label class="cursor-pointer flex items-center mb-[10px]">
<input type="radio" name="info[pay-method]" value="4" class="radio checked:bg-blue-500">
<span class="label-text ml-[10px]">Hình thức khác</span>
</label>
</div>
</div>
<div class="form-control mb-[15px] w-[100%]">
<label class="font-[600] mb-[5px] text-[14px]">Tên phương thức (*)</label>
<input name="" id="" placeholder="Tên phương thức (*)"
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="font-[600] mb-[5px] text-[14px]">Nội dung chi tiết</label>
<textarea name="" id="" placeholder="Nội dung chi tiết"
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>
<div class="form-control mb-[15px] w-[100%]">
<div class="flex items-center mb-[5px]">
<label class="font-[600] text-[14px]">Nội dung chi tiết</label>
<span class="italic text-[#6B7280] ml-[10px]">(cao xếp trước)</span>
</div>
<input 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)] mr-[10px]" />
</div>
<div class="flex items-center">
<b class="block w-[150px] text-[#383C44] ">Phân loại (*)</b>
<div class="right flex items-center">
<label class="cursor-pointer flex items-center mb-[10px] mr-[20px]">
<input type="radio" name="info[status]" value="1" class="radio checked:bg-blue-500"
checked="checked">
<span class="label-text ml-[10px]">Hiển thị</span>
</label>
<label class="cursor-pointer flex items-center mb-[10px]">
<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>
</div>
</div>
<div
class="p-[15px] bg-white rounded-[0_0_15px_15px] border-t-[6px] border-[#FAFAFB] 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>

View File

@@ -0,0 +1,317 @@
<div class="global-breadcrumb-container">
<a href="/admin/system"> Cài đặt chung </a>
<a href=""> Print/ Xuất Excel </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ài đặt In ấn (Print) và Xuất Excel </p>
<p class="text-[#6B7280]"><b>Hướng dẫn:</b> Nên dùng Editor ở phần <a href="" class="text-[#0041E8]">sửa
template</a> để chỉnh nội dung html rồi
copy/cập
nhật ở đây
</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">
Thông tin
</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 text-[20px] mb-[10px]">Dành cho khách hàng:</b>
<table class="style-table">
<thead>
<tr>
<th class="w-[50px]">STT</th>
<th>Phân loại</th>
<th class="w-[345px]">Nội dung</th>
<th class="w-[115px]">Hành động</th>
</tr>
</thead>
<tbody>
<tr>
<td class="align-text-top">1</td>
<td>
<p>In giỏ hàng</p>
<p>print-user-cart</p>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
nội
dung</a>
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
<textarea name="" id=""
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
<p>- Dữ liệu có thể dùng. page</p>
<div class="flex items-center">
<p>- Test hiển thị:</p>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
hiển thị</a>
</div>
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="align-text-top">2</td>
<td>
<p>In đơn hàng</p>
<p>print-user-order</p>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
nội
dung</a>
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
<textarea name="" id=""
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
<p>- Dữ liệu có thể dùng. page</p>
<div class="flex items-center">
<p>- Test hiển thị:</p>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
hiển thị</a>
</div>
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="align-text-top">3</td>
<td>
<p>Xuất excel giỏ hàng</p>
<p>export-shopping-cart</p>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
nội
dung</a>
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
<textarea name="" id=""
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
<p>- Dữ liệu có thể dùng. page</p>
<div class="flex items-center">
<p>- Test hiển thị:</p>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
hiển thị</a>
</div>
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="align-text-top">4</td>
<td>
<p>Xuất excel sản phẩm</p>
<p>export-product-quote</p>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
nội
dung</a>
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
<textarea name="" id=""
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
<p>- Dữ liệu có thể dùng. page</p>
<div class="flex items-center">
<p>- Test hiển thị:</p>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
hiển thị</a>
</div>
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="align-text-top">5</td>
<td>
<p>Xuất xây dựng cấu hình máy tính</p>
<p>export-buildpc</p>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
nội
dung</a>
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
<textarea name="" id=""
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
<p>- Dữ liệu có thể dùng. page</p>
<div class="flex items-center">
<p>- Test hiển thị:</p>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
hiển thị</a>
</div>
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="align-text-top">6</td>
<td>
<p>Xuất xây dựng tản nhiệt</p>
<p>export-tannhiet</p>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
nội
dung</a>
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
<textarea name="" id=""
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
<p>- Dữ liệu có thể dùng. page</p>
<div class="flex items-center">
<p>- Test hiển thị:</p>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
hiển thị</a>
</div>
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
</tbody>
</table>
</div>
<div
class="p-[15px] border-t-[6px] border-[#FAFAFB] bg-white rounded-[0_0_15px_15px] shadow-[0px_1px_1px_0px_#0000001A]">
<b class="block text-[20px] mb-[10px]">Dành cho quản trị viên website:</b>
<table class="style-table">
<thead>
<tr>
<th class="w-[50px]">STT</th>
<th>Phân loại</th>
<th class="w-[312px]">Nội dung</th>
<th>Hành động</th>
</tr>
</thead>
<tbody>
<tr>
<td class="align-text-top">1</td>
<td class="align-text-top">
In đơn hàng trong admin <br> print-admin-order-detail-new
</td>
<td>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
nội
dung</a>
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
<textarea name="" id=""
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
<p>- Dữ liệu có thể dùng. page</p>
<div class="flex items-center">
<p>- Test hiển thị:</p>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
hiển thị</a>
</div>
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="align-text-top">2</td>
<td class="align-text-top">
In danh sách đơn hàng trong admin <br> print-admin-order-list
</td>
<td>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
nội
dung</a>
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
<textarea name="" id=""
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
<p>- Dữ liệu có thể dùng. page</p>
<div class="flex items-center">
<p>- Test hiển thị:</p>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
hiển thị</a>
</div>
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="align-text-top">3</td>
<td class="align-text-top">
In admin log <br> print-admin-admin-log
</td>
<td>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
nội
dung</a>
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
<textarea name="" id=""
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
<p>- Dữ liệu có thể dùng. page</p>
<div class="flex items-center">
<p>- Test hiển thị:</p>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
hiển thị</a>
</div>
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>

View File

@@ -0,0 +1,78 @@
<div class="global-breadcrumb-container">
<a href="/admin/system"> Cài đặt chung </a>
<a href=""> Thông tin các tỉnh/thành/quận-huyệ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"> Thông tin các tỉnh </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">
Thông tin
</a>
</div>
<div class="w-[852px]">
<div class="p-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
<b class="block text-[20px] mb-[10px]">Danh sách các tỉnh</b>
<table class="table">
<thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-500">
<tr>
<th class="w-[50px]">STT</th>
<th>SystemID</th>
<th class="w-[105px]">Tên</th>
<th>Địa chỉ</th>
<th class="w-[80px]">Huyện</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td class="align-text-top">6</td>
<td class="align-text-top">
An Giang
</td>
<td>
Huyện An Phú , Huyện Châu Phú , Huyện Châu Thành , Huyện Chợ Mới , Huyện Phú Tân , Huyện
Tịnh Biên , Huyện Thoại Sơn ,
Huyện Tri Tôn , Thành phố Châu Đốc , Thành phố Long Xuyên , Thị xã Tân Châu
</td>
<td class="align-text-top">
<div class="flex items-center justify-center">
<p>1</p>
<a href=""
class='w-[30px] h-[30px] rounded-[4px] text-center leading-[30px] flex items-center justify-center ml-[7px]'><i
class='icons icon-edit'></i></a>
</div>
</td>
</tr>
<tr>
<td>1</td>
<td class="align-text-top">6</td>
<td class="align-text-top">
An Giang
</td>
<td>
Huyện An Phú , Huyện Châu Phú , Huyện Châu Thành , Huyện Chợ Mới , Huyện Phú Tân , Huyện
Tịnh Biên , Huyện Thoại Sơn ,
Huyện Tri Tôn , Thành phố Châu Đốc , Thành phố Long Xuyên , Thị xã Tân Châu
</td>
<td class="align-text-top">
<div class="flex items-center justify-center">
<p>1</p>
<a href=""
class='w-[30px] h-[30px] rounded-[4px] text-center leading-[30px] flex items-center justify-center ml-[7px]'><i
class='icons icon-edit'></i></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>

View File

@@ -0,0 +1,168 @@
<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]">Tổng hợp các cài đặt cho website</h1>
<div class="mb-[30px]">
<b class="block mb-[10px]">Cài đặt hiển thị ngoài giao diện:</b>
<table class="table mt-[15px]">
<thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-500">
<tr>
<th class="w-[50px]">STT</th>
<th>Nội dung</th>
<th class="w-[150px]">Quản lý</th>
</tr>
</thead>
<tbody>
<tr>
<td class="text-center">1</td>
<td>Header (logo, banner top)</td>
<td>
<a href="/admin/system/store-design"
class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
</a>
</td>
</tr>
<tr>
<td class="text-center">2</td>
<td>Banner popup</td>
<td>
<a href="/admin/system/store-design/section=popup"
class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
</a>
</td>
</tr>
<tr>
<td class="text-center">3</td>
<td>Ảnh/màu nền website</td>
<td>
<a href="/admin/system/store-design/section=background"
class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
</a>
</td>
</tr>
<tr>
<td class="text-center">4</td>
<td>Thông tin cài đặt tùy biến khác</td>
<td>
<a href="/admin/system/store-design/section=other"
class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
</a>
</td>
</tr>
</tbody>
</table>
</div>
<div class="mb-[15px]">
<b class="block mb-[10px]">Cài đặt dùng cho hệ thống:</b>
<table class="table mt-[15px]">
<thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-500">
<tr>
<th class="w-[50px]">STT</th>
<th>Nội dung</th>
<th class="w-[150px]">Quản lý</th>
</tr>
</thead>
<tbody>
<tr>
<td class="text-center">1</td>
<td>Cài đặt hiển thị</td>
<td>
<a href="/admin/system/setup"
class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
</a>
</td>
</tr>
<tr>
<td class="text-center">2</td>
<td>Chi nhánh cửa hàng</td>
<td>
<a href="/admin/system/store-address"
class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
</a>
</td>
</tr>
<tr>
<td class="text-center">3</td>
<td>Chặn IP xấu truy cập website</td>
<td>
<a href="/admin/system/ban-ip"
class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
</a>
</td>
</tr>
<tr>
<td class="text-center">4</td>
<td>Email bán hàng/CSKH</td>
<td>
<a href="/admin/system/email"
class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
</a>
</td>
</tr>
<tr>
<td class="text-center">5</td>
<td>Print/ Xuất Excel</td>
<td>
<a href="/admin/system/print"
class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
</a>
</td>
</tr>
<tr>
<td class="text-center">6</td>
<td>Meta SEO trang chủ</td>
<td>
<a href="/admin/system/change-info"
class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
</a>
</td>
</tr>
<tr>
<td class="text-center">7</td>
<td>Thông tin giới thiệu cửa hàng</td>
<td>
<a href="/admin/system/change-info"
class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
</a>
</td>
</tr>
<tr>
<td class="text-center">8</td>
<td>Thông tin các tỉnh/thành/quận-huyện</td>
<td>
<a href="/admin/system/province-list"
class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
</a>
</td>
</tr>
<tr>
<td class="text-center">9</td>
<td>Các phương thức thanh toán</td>
<td>
<a href="/admin/system/pay-method"
class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
</a>
</td>
</tr>
<tr>
<td class="text-center">10</td>
<td>Các phương thức vận chuyển</td>
<td>
<a href="/admin/system/ship-method"
class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
</a>
</td>
</tr>
<tr>
<td class="text-center">11</td>
<td>Cài đặt phí vận chuyển</td>
<td>
<a href="/admin/shipping2"
class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>

View File

@@ -0,0 +1,58 @@
<div class="global-breadcrumb-container">
<a href="/admin/system/setup"> Cài đặt chung </a>
<a href=""> Cài đặt hiển thị </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] mb-[10px]"> Cài đặt hiển thị </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="/admin/system/setup/option=general" {% if global.url contains 'option=general' %}
style="color: #Fff;background: #0041E8;" {% endif %}
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">Cài
đặt chung
</a>
<a href="/admin/system/setup/option=homepage" {% if global.url contains 'option=homepage' %}
style="color: #Fff;background: #0041E8;" {% endif %}
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
Trang chủ
</a>
<a href="/admin/system/setup/option=pro_category" {% if global.url contains 'option=pro_category' %}
style="color: #Fff;background: #0041E8;" {% endif %}
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
Danh mục sản phẩm
</a>
<a href="/admin/system/setup/option=product" {% if global.url contains 'option=product' %}
style="color: #Fff;background: #0041E8;" {% endif %}
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
Chi tiết sản phẩm
</a>
</div>
{% if global.url contains 'option=general' %}
{% include 'system/form_setup/general' %}
{% elsif global.url contains 'option=homepage' %}
{% include 'system/form_setup/homepage' %}
{% elsif global.url contains 'option=pro_category' %}
{% include 'system/form_setup/pro_category' %}
{% elsif global.url contains 'option=product' %}
{% include 'system/form_setup/product' %}
{% endif %}
</div>

View File

@@ -0,0 +1,74 @@
<div class="w-[100%]">
<div class="global-breadcrumb-container">
<a href="/admin/system"> Cài đặt chung </a>
<a href="">Cài đặt phí vận chuyển </a>
</div>
<div
class="m-[15px] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px]">
<div class="flex items-center justify-between mb-[10px]">
<p class="font-bold text-[20px] leading-[26px] block"> Quản lý shipping </p>
<a href="/admin/tag/add"
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 phương thức vận chuyển</span>
</a>
</div>
</div>
<div class="p-[15px] m-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
<table class="mt-[15px] w-[100%]">
<thead class="bg-[#f5f5f5] text-[#000] text-[14px] font-bold">
<tr>
<td>STT</td>
<td>Phân loại</td>
<td>Phương thức</td>
<td>Cập nhật</td>
<td>Chỉnh sửa</td>
</tr>
</thead>
<tbody>
<tr>
<td class="text-center">1</td>
<td>Nhận hàng tại cửa hàng</td>
<td>Giao hàng nhanh trong 2 giờ (Nội thành Hà Nội +HCM)</td>
<td>
<p>Admin</p>
<p>09-09-2022, 11:53 am</p>
</td>
<td>
<div class="flex items-center">
<a href="/admin/system/ship-method-add?id=1"
class="p-[5px] border-[1px] border-[#79B0E2] text-[#79B0E2] rounded-[4px]"><i
class="icons icon-edit"></i></a>
<a href="/admin/tag/delete/1" class="p-[5px] border-[1px] rounded-[4px] ml-[10px]"><i
class='icons icon-remove'></i></a>
</div>
</td>
</tr>
<tr>
<td class="text-center">1</td>
<td>Nhận hàng tại cửa hàng</td>
<td>Giao hàng nhanh trong 2 giờ (Nội thành Hà Nội +HCM)</td>
<td>
<p>Admin</p>
<p>09-09-2022, 11:53 am</p>
</td>
<td>
<div class="flex items-center">
<a href="/admin/system/ship-method-add?id=1"
class="p-[5px] border-[1px] border-[#79B0E2] text-[#79B0E2] rounded-[4px]"><i
class="icons icon-edit"></i></a>
<a href="" class="p-[5px] border-[1px] rounded-[4px] ml-[10px]"><i
class='icons icon-remove'></i></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>

View File

@@ -0,0 +1,104 @@
<div class="w-[100%] mb-[100px]">
<div class="global-breadcrumb-container">
<a href="/admin/system"> Cài đặt chung </a>
<a href="">Form thêm/sửa phương thức vận chuyển </a>
</div>
<div class="w-[1140px] my-0 mx-auto">
<div class="flex items-center justify-end my-[25px]">
<a href="/admin/ship-method-add"
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 vận chuyển mới</span>
</a>
<a href="/admin/ship-method"
class="inline-flex ml-[10px] items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#0041E8] text-white p-[0_12px] font-[500] leading-[35px] group hover:bg-[#0041E8] hover:text-[#fff]">
<span>Danh sách vận chuyển</span>
</a>
</div>
<div class="flex">
<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">
Thông tin
</a>
</div>
</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-[10px]">Phân loại (*)</b>
<div class="mb-[15px]">
<label class="cursor-pointer flex items-center mb-[10px]">
<input type="radio" name="info[type]" value="pick_up_at_store"
class="radio checked:bg-blue-500" checked="checked">
<span class="label-text ml-[10px]">Nhận hàng tại cửa hàng</span>
</label>
<label class="cursor-pointer flex items-center mb-[10px]">
<input type="radio" name="info[type]" value="store_delivery"
class="radio checked:bg-blue-500">
<span class="label-text ml-[10px]">Giao hàng bởi cửa hàng</span>
</label>
<label class="cursor-pointer flex items-center mb-[10px]">
<input type="radio" name="info[type]" value="shipping_provider"
class="radio checked:bg-blue-500">
<span class="label-text ml-[10px]">Giao bởi bên vận chuyển</span>
</label>
<label class="cursor-pointer flex items-center mb-[10px]">
<input type="radio" name="info[type]" value="other" class="radio checked:bg-blue-500">
<span class="label-text ml-[10px]">Hình thức khác</span>
</label>
</div>
<div class="mb-[15px]">
<label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Tên phương thức vận
chuyển</label>
<input type="text" name="" value="" placeholder="Tên phương thức vận chuyển"
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]">
</div>
<div class="mb-[15px]">
<label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Nội dung chi
tiết</label>
<textarea type="text" name="" value="" placeholder="Tên phương thức vận chuyển"
class="w-full textarea input-bordered h-[100px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]"></textarea>
</div>
<div class="mb-[15px]">
<label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Thứ tự xuất hiện
<span class="text-[14px] font-[400] text-gray-500">(cao xếp trước)</span></label>
<input type="text" name="" value="" placeholder="Tên phương thức vận chuyển"
class="w-[30%] 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">
<label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44] mr-[20px]">Hiển
thị</label>
<label class="cursor-pointer flex items-center mb-[10px] mr-[20px]">
<input type="radio" name="info[status]" value="1" class="radio checked:bg-blue-500"
checked="checked">
<span class="label-text ml-[10px]">Hiển thị</span>
</label>
<label class="cursor-pointer flex items-center mb-[10px]">
<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>
</div>
<div
class="p-[10px_15px] bg-white rounded-[0_0_15px_15px] shadow-[0px_1px_1px_0px_#0000001A] mt-[10px] border-t-[6px] border-[#F6F6F6]">
<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>

View File

@@ -0,0 +1,95 @@
<div class="global-breadcrumb-container">
<a href="/admin/system"> Cài đặt chung </a>
<a href="http://local.hura8_admin/admin/system/shipping/">Cài đặt phí vận chuyển </a>
<a href="">Cài đặt hệ thống chung </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ài đặt hệ thống </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">
Thông tin
</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%]">
<div class="flex items-center mb-[5px]">
<label class="font-[600] text-[14px]">Giá trị đơn hàng không tính phí</label>
<span class="italic text-[#6B7280] ml-[7px]">(* Đơn hàng có giá trị nhỏ hơn giá trị này sẽ được áp
dụng biểu
phí theo vùng)</span>
</div>
<input name="" id="" placeholder="Giá trị đơn hàng không tính phí"
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>
<div class="p-[15px] bg-white border-t-[6px] border-[#FAFAFB]">
<b class="block text-[20px] mb-[10px]">Cài đặt phí thu hộ</b>
<table class="style-table">
<thead>
<tr>
<th class="w-[50px]">STT</th>
<th>Giá trị đơn hàng dưới mức</th>
<th>Phí thu hộ (VND)</th>
<th class="w-[80px]">Lựa chọn</th>
</tr>
</thead>
<tbody id="js-tb-settings">
<tr>
<td>1</td>
<td>
<input name="" id="" placeholder="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)] mr-[10px]" />
</td>
<td>
<input name="" id="" placeholder="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)] mr-[10px]" />
</td>
<td>
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center m-auto">
<i class="icons icon-remove"></i>
</a>
</td>
</tr>
</tbody>
</table>
<div class="text-center mt-[15px] text-[#0041E8]">
<a href="javascript:add_form_setting()" class="inline-flex items-center">
<span
class="border-[1px] border-[#0041E8] h-[15px] w-[15px] leading-[12px] text-center rounded-[50%] mr-1">+</span>
<span class="font-[600]"> Thêm hàng </span>
</a>
</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 class="mt-[30px] text-[#383C44]">
<b>Hướng dẫn cài phí thu hộ</b>
<p>Phí thu hộ được tính theo giá trị cần thu hộ, ví dụ:</p>
<p>- Từ 0 đến <=1 triệu=30.000đ=> Cần nhập là 1.000.000</p>
<p>- Từ >1 triệu đến <= 2 triệu=50.000đ=> Cần nhập là 2.000.000</p>
<p>- Từ >2 triệu đến <= 3 triệu=70.000đ=> Cần nhập là 3.000.000</p>
<p>- Từ >3 triệu đến <= 4 triệu=90.000đ=> Cần nhập là 4.000.000</p>
<p>- Từ >4 triệu đến <= 5 triệu=110.000đ=> Cần nhập là 5.000.000</p>
<p>- Từ >5 triệu đến <= 6 triệu=130.000đ=> Cần nhập là 6.000.000</p>
<p>- Từ >6 triệu đến <= 7 triệu=150.000đ=> Cần nhập là 7.000.000</p>
<p>- Từ >7 triệu đến <= 8 triệu=170.000đ=> Cần nhập là 8.000.000</p>
<p>- Từ >8 triệu đến <= 9 triệu=190.000đ=> Cần nhập là 9.000.000</p>
<p>- Trên 9 triệu = 0đ => Cần nhập là 10.000.000.000 (nhập số lớn nhất có thể)</p>
<p class="mt-[20px]">Để xóa phí nào nó, click "Xóa bỏ" và nhấn "Cập nhật" để lưu lại</p>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,141 @@
<div class="global-breadcrumb-container">
<a href="/admin/system"> Cài đặt chung </a>
<a href=""> Cài đặt chi nhánh cửa hàng </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]"> Các địa chỉ cửa hàng </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">
Thêm địa chỉ mới
</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 text-[20px] mb-[10px]">Thêm địa chỉ mới</b>
<div class="flex items-center">
<div class="form-control mb-[15px] mr-[7px]">
<label class="font-[600] mb-[5px] text-[14px]">Đặt tên</label>
<input type="text" size="60" name="" 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)]">
</div>
<div class="form-control mb-[15px] ml-[7px]">
<label class="font-[600] mb-[5px] text-[14px]">Tel</label>
<input type="text" size="60" name="" placeholder="Tel"
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>
<div class="flex items-center">
<div class="form-control mb-[15px] w-[100%] mr-[7px]">
<label class="font-[600] mb-[5px] text-[14px]">Tỉnh/TP</label>
<select name="" id=""
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]">
<option value="">-- Chọn tỉnh/TP --</option>
</select>
</div>
<div class="form-control mb-[15px] w-[100%] ml-[7px]">
<label class="font-[600] mb-[5px] text-[14px]">Quận huyện</label>
<select name="" id=""
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]">
<option value="">-- Chọn Quận/Huyện --</option>
</select>
</div>
</div>
<div class="form-control mb-[15px]">
<label class="font-[600] mb-[5px] text-[14px]">Địa chỉ</label>
<input type="text" size="60" name="" placeholder="Địa chỉ"
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-[15px]">
<label class="font-[600] mb-[5px] text-[14px]">StoreID trên phần mềm kho hàng (nếu có)</label>
<input type="text" size="60" name="" placeholder="StoreID trên phần mềm kho hàng (nếu có)"
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="flex items-center">
<b class="w-[200px]">Đây là 1 cửa hàng ?</b>
<label class="check-form flex items-center cursor-pointer">
<input type="checkbox" name="" value="1" checked class="checkbox checkbox-success">
<span class="ml-[10px] text-[#6B7280] label-text">Đây là 1 cửa hàng khách có thể tới
</span>
</label>
</div>
<input type="submit" value="Cập nhật"
class="inline-block mt-[20px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
</div>
<div
class="p-[15px] mb-[15px] bg-white border-t-[6px] border-[#FAFAFB] rounded-[0_0_15px_15px] shadow-[0px_1px_1px_0px_#0000001A]">
<b class="block text-[20px] mb-[10px]">Danh sách địa chỉ cửa hàng</b>
<table class="table mb-[15px]">
<thead class="bg-[#f6f6f6] text-[14px] font-[500] text-[#000]">
<tr>
<th class="w-[50px]">STT</th>
<th class="w-[135px]">Tên gọi</th>
<th>Địa chỉ</th>
<th class="w-[100px]">Tỉnh</th>
<th>Là 1 cửa hàng</th>
<th class="w-[70px]">ERP ID</th>
<th>Lựa chọn</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>HACOM Q7, TP. Hồ Chí Minh</td>
<td>500 Nguyễn Thị Thập - Quận 7 - TP. Hồ Chí Minh</td>
<td>TP HCM</td>
<td>yes</td>
<td>Ton120</td>
<td>
<div class='list-btn flex items-center'>
<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-[30px] h-[30px] 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-delete'></i></a>
</div>
</td>
</tr>
<tr>
<td>1</td>
<td>HACOM Q7, TP. Hồ Chí Minh</td>
<td>500 Nguyễn Thị Thập - Quận 7 - TP. Hồ Chí Minh</td>
<td>TP HCM</td>
<td>yes</td>
<td>Ton120</td>
<td>
<div class='list-btn flex items-center'>
<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-[30px] h-[30px] 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-delete'></i></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>

View File

@@ -0,0 +1,63 @@
<div class="global-breadcrumb-container">
<a href="/admin/marketing/conditional-promotion"> Banner popup </a>
<a href=""> Form sửa phần header </a>
</div>
<div class="max-w-[1141px] flex flex-wrap items-start m-[0_auto_16px_auto] p-[0_15px]">
<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]"> Tùy chỉnh thành phần giao diện </p>
<p class="w-[100%] text-[#6B7280]">
<b>Chú ý:</b> Chức năng này chỉ áp dụng với các giao diện đã được cài đặt cho phép thay đổi 1 số thành phần
của giao diện. Biến template sử dụng $settings (global)
</p>
</div>
<div class="w-[25%] 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="/admin/system/store-design?section=header" {% if global.url contains 'section=header' %}
style="color: #Fff;background: #0041E8;" {% endif %}
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
Phần header
</a>
<a href="/admin/system/store-design?section=popup" {% if global.url contains 'section=popup' %}
style="color: #Fff;background: #0041E8;" {% endif %}
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
Banner Pop-Up
</a>
<a href="/admin/system/store-design?section=background" {% if global.url contains 'section=background' %}
style="color: #Fff;background: #0041E8;" {% endif %}
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
Hình nền website
</a>
<a href="/admin/system/store-design?section=other" {% if global.url contains 'section=other' %}
style="color: #Fff;background: #0041E8;" {% endif %}
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
Thông tin khác
</a>
</div>
</div>
{% if global.url contains 'section=header' %}
{% include 'system/form_store_design/header' %}
{% elsif global.url contains 'section=popup' %}
{% include 'system/form_store_design/popup' %}
{% elsif global.url contains 'section=background' %}
{% include 'system/form_store_design/background' %}
{% elsif global.url contains 'section=other' %}
{% include 'system/form_store_design/other' %}
{% endif %}
</div>