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

update customer

Browse Source
This commit is contained in:
Tieptk
2024-03-05 14:55:28 +07:00
parent 21d3b53747
commit d5bd7d2948
23 changed files with 653 additions and 247 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
template/customer/customer-add.html
View File

@@ -1,10 +0,0 @@
<div class="w-[100%] mb-[50px]">
<div class="text-sm breadcrumbs ml-[10px]">
<ul>
<li><a href="/admin/customer">Danh sách khách hàng</a></li>
<li class="text-[#0041E8]">Form thêm khách hàng</li>
</ul>
</div>
</div>

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

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

172
template/customer/customer_add.html Normal file
View File

@@ -0,0 +1,172 @@
<div class="w-[100%] mb-[50px]">
<div class="text-sm breadcrumbs ml-[10px]">
<ul>
<li><a href="/admin/customer">Danh sách khách hàng</a></li>
<li class="text-[#0041E8]">Form thêm khách hà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] mb-[15px]">
<div class="flex items-center justify-between">
<div>
<h1 class="text-[20px] font-[700]">Cập nhật lại khách hàng</h1>
<span class="text-[#6B7280]">Khách hàng: Nguyễn Duy Thành</span>
</div>
<a href="/admin/customer/customer-add"
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 khách hàng mới</span>
</a>
</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]">Nội
dung</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="text-[20px] mb-[10px] block">Thông tin khách hàng</b>
<div class="flex items-center my-[10px]">
<b class="text-[#383C44] mr-[10px]">Thuộc tính khách hàng</b>
<a href="/admin/customer/customer-group" class="text-[#0041E8]">Quản lý nhóm khách hàng</a>
</div>
<div class="flex items-center">
<div class="check-form flex items-center mb-[10px] w-[20%]">
<input type="checkbox" name="change_url_on_update" value="1" checked
class="checked:bg-[#0041E8] w-[18px] h-[18px] rounded-[4px]">
<span class="ml-[10px] text-[#6B7280]">Mua lẻ</span>
</div>
<div class="check-form flex items-center mb-[10px] w-[20%]">
<input type="checkbox" name="change_url_on_update" value="1"
class="checked:bg-[#0041E8] w-[18px] h-[18px] rounded-[4px]">
<span class="ml-[10px] text-[#6B7280]">Khách HCM</span>
</div>
<div class="check-form flex items-center mb-[10px] w-[20%]">
<input type="checkbox" name="change_url_on_update" value="1"
class="checked:bg-[#0041E8] w-[18px] h-[18px] rounded-[4px]">
<span class="ml-[10px] text-[#6B7280]">Khách VIP</span>
</div>
</div>
<div class="flex items-center justify-between">
<div class="form-control mb-[15px] w-[100%] mr-[7px]">
<label class="font-[600] mb-[5px] text-[14px]">Tên khách hàng</label>
<input type="text" size="60" name="" placeholder="Tên khách hà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="mb-[15px] w-[100%] ml-[7px]">
<label class="block font-[600] mb-[5px] text-[14px]">Sinh nhật</label>
<div class="flex items-center justify-between">
<div class="input-date w-[100%] mr-[7px]">
<input type="day" name="" placeholder="Ngày"
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="input-date w-[100%] mx-[7px]">
<input type="day" name="" placeholder="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="input-date w-[100%] ml-[7px]">
<input type="day" name="" placeholder="Năm"
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>
</div>
<div class="mb-[15px] flex items-center">
<label class="w-[120px] font-[600] text-[14px]">Giới tính</label>
<div class="flex items-center">
<div class="check-form flex items-center mr-[50px]">
<input type="radio" name="info[scope]" value="0" checked="">
<label for="" class="ml-[25px] text-[#6B7280]">Nam</label>
</div>
<div class="check-form flex items-center">
<input type="radio" name="info[scope]" value="1" checked="">
<label for="" class="ml-[25px] text-[#6B7280]">Nữ</label>
</div>
</div>
</div>
<div class="mb-[15px] flex items-center justify-between">
<div class="form-control w-[100%] mr-[7px]">
<label class="font-[600] mb-[5px] text-[14px]">Địa chỉ Email</label>
<input type="text" size="60" name="" placeholder="Địa chỉ Email"
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%] mx-[7px]">
<label class="font-[600] mb-[5px] text-[14px]">Điện thoại nhà</label>
<input type="text" size="60" name="" placeholder="Điện thoại nhà"
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%] ml-[7px]">
<label class="font-[600] mb-[5px] text-[14px]">Điện thoại di động</label>
<input type="text" size="60" name="" placeholder="Điện thoại di độ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>
<div class="mb-[15px] flex items-center justify-between">
<div class="form-control w-[100%] mr-[7px]">
<label class="font-[600] mb-[5px] text-[14px]">Tỉnh/TP</label>
<select name=""
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
<option value="">Hà nội</option>
</select>
</div>
<div class="form-control w-[100%] ml-[7px]">
<label class="font-[600] mb-[5px] text-[14px]">Quận huyện</label>
<select name=""
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
<option value="">Quận Ba Đình</option>
</select>
</div>
</div>
<div class="form-control mb-[15px] w-[100%]">
<label class="font-[600] mb-[5px] text-[14px]">Địa chỉ</label>
<textarea type="text" size="60" name="" placeholder="Địa chỉ"
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 mb-[15px] w-[100%]">
<label class="font-[600] mb-[5px] text-[14px]">Tên công ty</label>
<input type="text" size="60" name="" placeholder="Tên công ty"
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]" />
</div>
<div class="form-control mb-[15px] w-[100%]">
<label class="font-[600] mb-[5px] text-[14px]">Mã số thuế</label>
<input type="text" size="60" name="" placeholder="Mã số thuế"
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] w-[100%]">
<label class="font-[600] mb-[5px] text-[14px]">Địa chỉ công ty</label>
<input type="text" size="60" name="" placeholder="Địa chỉ công ty"
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]" />
</div>
<div class="form-control mb-[15px] w-[100%]">
<label class="font-[600] mb-[5px] text-[14px]">Ghi chú về khách hàng này</label>
<textarea type="text" size="60" name="" placeholder="Ghi chú về khách hàng này"
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>
<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>

79
template/customer/customer_contact.html Normal file
View File

@@ -0,0 +1,79 @@
<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]">Khách hàng liên hệ</h1>
<form action=""
class="flex items-center p-[15px] rounded-[10px] shadow-[0_1px_1px_0_rgba(0,0,0,0.10)] mt-[15px] border-[1px] border-[#F6F6F6]">
<input type="text" name=""
class="w-[375px] h-[35px] px-[10px] rounded-[4px] border-[#D8D8D8] border-[1px] mr-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"
placeholder="Tìm kiếm">
<button type="submit" class="px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm kiếm</button>
</form>
<div class="list-filter flex items-center justify-between mt-[15px] mb-[20px]">
<p>Tổng hợp các liên hệ của khách hàng từ form liên hệ trên trang <a href="" class="text-[#0041E8]">liên
hệ</a> của website</p>
<select name="" id=""
class="w-[180px] h-[35px] p-[5px] border-[1px] border-[#D8D8D8] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
<option value="">Chọn bộ lọc</option>
</select>
</div>
<table class="table-comment">
<thead>
<tr>
<th class="w-[50px]">STT</th>
<th>Thời gian</th>
<th>Khách hàng</th>
<th>Thông tin</th>
<th class="w-[340px]">Nội dung liên hệ</th>
<th class="w-[200px]">Ghi chú</th>
<th class="w-[120px]">Trạng thái</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>09-08-2023, 11:24 am</td>
<td>Đức Anh</td>
<td>
<p>- Email: ducanhnguyen199x@gmail.com</p>
<p>- Tel: 0976642092</p>
<p>- Mobile: 0976642092</p>
</td>
<td>
Trả góp sản phẩm: HHWS AMD RYZEN 9 3900XT | 16G | NVIDIA RTX 2060 6G - Tên: no name - SĐT:
0147258369 - Nội dung: fsfdf
</td>
<td>
<textarea name="" id=""
class="w-[100%] h-[40px] rounded-[4px] p-[5px] border-[1px] border-[#D8D8D8] mb-[5px]"></textarea>
<a href="" class="p-[5px_10px_5px_10px] rounded-[4px] bg-[#0041E8] text-white">Cập nhật</a>
</td>
<td>
<select name="" id=""
class="w-[100%] h-[30px] mb-[10px] border-[1px] border-[#F6F6F6] rounded-[4px] shadow-[0px_2px_4px_0px_#0000001F]">
<option value="">Trạng thái</option>
</select>
<div class="flex items-center">
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="icons icon-edit"></i>
</a>
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="icons icon-remove"></i>
</a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>

56
template/customer/customer_group.html Normal file
View File

@@ -0,0 +1,56 @@
<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">Nhóm khách hàng</h1>
<div class="flex items-center justify-end">
<a href="/admin/customer/customer-group-add" class="border-[1px] border-[#0041E8] rounded-[4px] p-[5px]">
<i class="fa-solid fa-user-plus text-[#0041E8] mr-[5px]"></i>
<span class="text-[#0041E8] font-[500]">Thêm nhóm mới</span>
</a>
<a href="/admin/customer" class="border-[1px] border-[#0041E8] rounded-[4px] p-[5px] ml-[10px]">
<i class="fa-regular fa-clipboard text-[#0041E8] mr-[5px]"></i>
<span class="text-[#0041E8] font-[500]">Danh sách khách hàng</span>
</a>
</div>
<table class="table-customer-group mt-[15px]">
<thead>
<tr>
<th class="w-[50px]">STT</th>
<th>Mã nhóm</th>
<th>Tên gọi/miêu tả</th>
<th class="w-[160px]">Khách hàng</th>
<th class="w-[125px]">Chỉnh sửa</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>0</td>
<td>Khách vip</td>
<td>
<a href="" class="p-[5px_10px_5px_10px] text-white text-center bg-[#0041E8] rounded-[4px]">Xem
danh sách</a>
</td>
<td>
<div class='list-btn flex items-center justify-center'>
<a href=""
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><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]'>
<span
class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#0041E8] text-center leading-[11px] mr-[5px] text-[#0041E8]">+</span>
</a>
<a href=""
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
class='icons icon-remove'></i></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>

75
template/customer/customer_group_add.html Normal file
View File

@@ -0,0 +1,75 @@
<div class="w-[100%] mb-[50px]">
<div class="text-sm breadcrumbs ml-[10px]">
<ul>
<li><a href="/admin/customer/customer-group">Nhóm khách hàng</a></li>
<li class="text-[#0041E8]">Form sửa nhóm khách hà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] mb-[15px]">
<div class="flex items-center justify-between">
<div>
<h1 class="text-[20px] font-[700]">Cập nhật nhóm khách hàng</h1>
</div>
<a href="/admin/customer/customer-group-add"
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 nhóm khách hàng</span>
</a>
</div>
<p class="text-[#6B7280] mt-[5px]">Hướng dẫn: Nhóm khách hàng bao gồm các khách hàng cùng chia sẻ một số đặc
điểm
nhất định, giúp cho việc
quản lý và chăm
sóc khách hàng tốt hơn. Ví dụ các nhóm khách hàng thường được tạo là: Khách hàng thân thiết, Khách hàng
nữ, Khách hàng
VIP, Khách văn phòng v..v.
</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]">Nội
dung</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]">
<div class="form-control mb-[15px] w-[100%] mr-[7px]">
<label class="font-[600] mb-[5px] text-[14px]">Đặt tên nhóm khách hàng</label>
<input type="text" size="60" name="" placeholder="Đặt tên nhóm khách hà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-[15px] w-[100%] mr-[7px]">
<label class="font-[600] text-[14px]">Đặt tên nhóm khách hàng</label>
<span class="text-[#6B7280] mb-[5px]">(* Dùng phân biệt từng nhóm, Mã chỉ bao gồm các ký tự
a-z0-9 và _,
không dấu và không có
dấu cách. Ví dụ: vip1, dai_ly
...)</span>
<input type="text" size="60" name="" placeholder="Đặt tên nhóm khách hà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-[15px] w-[100%] mr-[7px]">
<label class="font-[600] mb-[5px] text-[14px]">Miêu tả (nếu có)</label>
<textarea type="text" size="60" name="" placeholder="Đặt tên nhóm khách hàng"
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>
<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>

75
template/customer/customer_group_info.html Normal file
View File

@@ -0,0 +1,75 @@
<div class="w-[100%] mb-[50px]">
<div class="text-sm breadcrumbs ml-[10px]">
<ul>
<li><a href="/admin/customer/customer-contact">Khách hàng liên hệ</a></li>
<li class="text-[#0041E8]">Thông tin khách hàng liên hệ</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] mb-[15px]">
<h1 class="text-[20px] font-[700]">Thông tin khách hàng liên hệ</h1>
<p class="text-[#6B7280] mt-[3px]">Lê Văn Ninh</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]">Nội
dung</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]">
<div class="mb-[25px]">
<b class="block text-[20px] mb-[15px]">Thông tin liên hệ</b>
<div class="flex items-center mb-[5px]">
<b class="w-[150px]">Họ tên:</b>
<p class="text-[#6B7280]">Lê Văn Ninh</p>
</div>
<div class="flex items-center mb-[5px]">
<b class="w-[150px]">Địa chỉ email:</b>
<p class="text-[#6B7280]">no_email_1708170779@mail.com</p>
</div>
<div class="flex items-center mb-[5px]">
<b class="w-[150px]">Số điện thoại:</b>
<p class="text-[#6B7280]">0356723619</p>
</div>
<div class="flex items-center">
<b class="w-[150px]">Thời gian liên hệ:</b>
<p class="text-[#6B7280]">17-02-2024, 6:56 pm</p>
</div>
</div>
<div class="mb-[25px]">
<b class="block text-[20px] mb-[10px]">Nội dung chi tiết</b>
<p class="text-[#6B7280]">
Tìm sản phẩm cần định giá:
- Mẫu máy cần thu: intel i3-4160 CPU @ 3.600Hz 3.60 Ghz
- Địa chỉ: Phường Quảng Cư ,Tp.Sầm Sơn
- Mô tả ngắn về ngoại hình và tình trạng thiết bị: đang dùng tốt
- Sản phẩm bạn cần tư vấn lên đời: CPU INTEL CORE
I3-12100F (3.3GHZ TURBO UP TO 4.3GHZ, 4 NHÂN 8 LUỒNG, 12MB CACHE, 58W)- SOCKET INTEL LGA
1700)
</p>
</div>
<div class="form-control mb-[15px] w-[100%] mr-[7px]">
<label class="font-[600] mb-[5px] text-[14px]">Cập nhật ghi chú</label>
<textarea type="text" size="60" name="" placeholder="Cập nhật ghi chú"
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>
<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>

60
template/customer/customer_newsletter.html Normal file
View File

@@ -0,0 +1,60 @@
<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">Khách hàng góp ý</h1>
<div class="flex items-center justify-end">
<a href="/admin/customer/customer_add"
class="block border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px]">
<span
class="inline-block w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#0041E8] text-center leading-[11px] text-[#0041E8] mb-[2px]">+</span>
<span class="text-[#0041E8] font-[500]">Thêm KH mới</span>
</a>
<a href="admin/customer/customer-group"
class="block border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px] ml-[10px]">
<i class="fa-solid fa-user-group text-[#0041E8]"></i>
<span class="text-[#0041E8] font-[500]">Các nhóm KH</span>
</a>
<a href="admin/customer/customer-newsletter"
class="block border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px] ml-[10px]">
<i class="fa-solid fa-user-group text-[#0041E8]"></i>
<span class="text-[#0041E8] font-[500]">KH nhận bản tin</span>
</a>
<a href="" class="block border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px] ml-[10px]">
<i class="fa-regular fa-file-excel text-[#0041E8]"></i>
<span class="text-[#0041E8] font-[500]">Các nhóm KH</span>
</a>
</div>
<table class="mt-[15px] table-newsletter">
<thead>
<tr>
<th class="w-[50px]">STT</th>
<th>Họ tên</th>
<th>Email</th>
<th>Ngày đăng ký</th>
<th>Thông tin khác</th>
<th class="w-[90px]">Lựa chọn</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Trung Hiếu</td>
<td>trunghieu27072009@gmail.com</td>
<td>19-07-2023, 4:45 pm</td>
<td>test reply</td>
<td>
<div class='list-btn flex items-center'>
<a href=""
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><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='icons icon-remove'></i></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>

82
template/customer/customer_review.html Normal file
View File

@@ -0,0 +1,82 @@
<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">Khách hàng góp ý</h1>
<div class="flex items-center justify-between">
<p>Tổng hợp các liên hệ của khách hàng từ form liên hệ trên trang <a href="/lien-he"
class="text-[#0041E8] underline">liên hệ</a> của website</p>
<select
class="w-[140px] h-[30px] rounded-[4px] border-[1px] border-[#D8D8D8] shadow-[0px_2px_4px_0px_#0000001F]">
<option value="">Lọc xem ý kiến</option>
</select>
</div>
<table class="table-review mt-[15px]">
<thead>
<tr>
<th class="w-[50px]">STT</th>
<th>Khách hàng</th>
<th>Nội dung</th>
<th class="w-[80px]">Lựa chọn</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>
<p>huyth.c2hoangdieu.haugiang@gmail.com</p>
<p>Trịnh Hoàng Huy</p>
<p>29-01-2018, 1:34 am</p>
</td>
<td>
<b>Góp ý (rate:0)</b>
<p>cửa hàng nên có thêm các dòng SSD Samsung 960 PRO và Samsung 960 EVO để có thêm nhiều lựa
chọn</p>
</td>
<td>
<a href=""
class="w-[30px] m-[auto] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center">
<i class="icons icon-remove"></i>
</a>
</td>
</tr>
<tr>
<td>1</td>
<td>
<p>huyth.c2hoangdieu.haugiang@gmail.com</p>
<p>Trịnh Hoàng Huy</p>
<p>29-01-2018, 1:34 am</p>
</td>
<td>
<b>Góp ý (rate:0)</b>
<p>cửa hàng nên có thêm các dòng SSD Samsung 960 PRO và Samsung 960 EVO để có thêm nhiều lựa
chọn</p>
</td>
<td>
<a href=""
class="w-[30px] m-[auto] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center">
<i class="icons icon-remove"></i>
</a>
</td>
</tr>
<tr>
<td>1</td>
<td>
<p>huyth.c2hoangdieu.haugiang@gmail.com</p>
<p>Trịnh Hoàng Huy</p>
<p>29-01-2018, 1:34 am</p>
</td>
<td>
<b>Góp ý (rate:0)</b>
<p>cửa hàng nên có thêm các dòng SSD Samsung 960 PRO và Samsung 960 EVO để có thêm nhiều lựa
chọn</p>
</td>
<td>
<a href=""
class="w-[30px] m-[auto] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center">
<i class="icons icon-remove"></i>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>

2
template/customer/home.html
View File

@@ -33,7 +33,7 @@
</select>
<div class="list flex items-center">
<a href="javascript:void(0)" class="flex items-center p-[8px_15px] border-[1px] border-[#0041E8] rounded-[4px]
<a href="/admin/customer/customer_add" class="flex items-center p-[8px_15px] border-[1px] border-[#0041E8] rounded-[4px]
text-[#0041E8] ml-[15px] bg-[#F5F7FF] hover:text-white hover:bg-[#0041E8]">
<i class="fa-solid fa-user-plus"></i>
<span class="ml-[5px]">Thêm KH mới</span>