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,211 @@
<div class="w-full">
<div class="p-3 rounded-sm bg-white shadow">
<h1 class="text-2xl font-bold mb-3">Tổng hợp trao đổi</h1>
<div class="list-filter-account flex items-center gap-3 mt-5">
<a href="javascript:void(0)" class="btn btn-view btn-outline">Trao
đổi mới nhất</a>
<a href=" javascript:void(0)" class="btn btn-view btn-outline">Chưa
có phản hồi</a>
<a href="javascript:void(0)" class="btn btn-view btn-outline">Quản
trị viên chưa phản hồi</a>
<a href="javascript:void(0)" class="btn btn-view btn-outline">Danh
sách phản hồi</a>
</div>
<form action="" class="flex items-center p-3 mt-5 rounded-sm shadow gap-3">
<input type="text" name="" class="rounded-sm input input-bordered input-md shadow" placeholder="Tìm kiếm">
<button type="submit" class="btn btn-active">Tìm kiếm</button>
</form>
<div class="list-filter flex items-center justify-between mt-5">
<p>Tổng số: <b>1.996</b></p>
<select name="" id="" class="select select-bordered rounded-sm shadow w-64">
<option value="">Chọn bộ lọc</option>
</select>
</div>
<div class="overflow-x-auto sm:whitespace-nowrap mt-5 border-base-200 shadow rounded-sm">
<table class="table">
<thead>
<tr class="bg-base-200 text-black font-bold">
<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 class="whitespace-nowrap">
<div class="flex items-center gap-2">
<b>Nguyễn An</b>
<p class="badge badge-sm badge-primary badge-soft">Quản
trị
viên</p>
</div>
<p class="mt-2">annv@hurasoft.com</p>
</td>
<td>
<a href="" class="text-primary">Màn Hình AOC 24B1XHS 23.8 inch Full HD</a>
</td>
<td>
test reply
</td>
<td>
<div class="flex items-center gap-3">
<a href="javascript:void(0)" onclick="js_list_reply_comment.showModal()"
class="btn btn-soft btn-xs btn-square btn-view">
<i class="iconify lucide--pointer"></i>
</a>
<a href="" class="btn btn-soft btn-xs btn-square btn-view">
<i class="iconify lucide--pencil"></i>
</a>
<a href="" class="btn btn-soft btn-xs btn-square btn-view">
<i class="iconify lucide--crown"></i>
</a>
</div>
<div class="flex items-center mt-3 gap-3">
<a href="" class="btn btn-soft btn-xs btn-square btn-view">
<i class="iconify lucide--plus"></i>
</a>
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
<i class="iconify lucide--ban"></i>
</a>
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
<i class="iconify lucide--trash-2"></i>
</a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<dialog id="js_list_reply_comment" class="modal">
<div class="modal-box p-3 max-w-full">
<form method="dialog">
<button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2"></button>
</form>
<h2 class="text-md uppercase font-bold mt-2">Chi tiết phản hồi</h2>
<div class="info-comment mt-2">
<b class="text-base mb-2 block">Thông tin</b>
<div class="grid grid-cols-4 items-center gap-2 mt-2">
<p class="">Khách hàng:</p>
<b class="col-span-3">Hura test</b>
</div>
<div class="grid grid-cols-4 items-center gap-2 mt-2">
<p class="">Email:</p>
<p class="col-span-3">test@mail.com</p>
</div>
<div class="grid grid-cols-4 items-center gap-2 mt-2">
<p class="">Tiêu đề:</p>
<p class="col-span-3">Màn Hình Máy Tính LG 27UL850 27Inch 4K IPS</p>
</div>
<div class="grid grid-cols-4 items-center gap-2 mt-2">
<p class="">Nội dung:</p>
<p class="col-span-3">test reply</p>
</div>
<div class="grid grid-cols-4 items-center gap-2 mt-2">
<p class="">Thời gian:</p>
<p class="col-span-3">20-04-2023, 1:36 pm</p>
</div>
<div class="grid grid-cols-4 items-center gap-2 mt-2">
<p class="">Liên quan:</p>
<p class="col-span-3">[product] <a href="" class="text-primary">Màn Hình Máy Tính LG 27UL850
27Inch 4K IPS</a></p>
</div>
</div>
<div class="info-reply mt-5 rounded-sm shadow">
<b class="text-[16px] block mb-[10px]">Phản hồi <span>2</span></b>
<table class="table table-zebra w-full">
<thead>
<tr class="bg-base-200 text-black font-bold">
<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 gap-2">
<b>Nguyễn An</b>
<p class="badge badge-sm badge-primary badge-soft">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 gap-3">
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
<i class="iconify lucide--ban"></i>
</a>
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
<i class="iconify lucide--trash-2"></i>
</a>
</div>
</td>
</tr>
<tr>
<td>1</td>
<td>09-08-2023, 11:24 am</td>
<td>
<div class="flex items-center gap-2">
<b>Nguyễn An</b>
<p class="badge badge-sm badge-primary badge-soft">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 gap-3">
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
<i class="iconify lucide--ban"></i>
</a>
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
<i class="iconify lucide--trash-2"></i>
</a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="send-quick-feedback mt-5">
<b class="block text-base">Gửi phản hồi nhanh</b>
<textarea name="" id="" class="textarea w-full mt-3 p-3 rounded-sm"></textarea>
<div class="flex items-center mt-3 gap-3">
<input class="btn btn-active" name="commit" type="submit" value="Gửi">
<p class="">(* 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>

View File

@@ -0,0 +1,175 @@
<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 p-[0_15px]">
<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">
<label class="flex items-center mb-[10px] w-[20%] cursor-pointer">
<input type="checkbox" name="change_url_on_update" value="1" checked
class="checkbox checkbox-success">
<span class="label-text ml-[10px] text-[#6B7280]">Mua lẻ</span>
</label>
<label class="flex items-center mb-[10px] w-[20%] cursor-pointer">
<input type="checkbox" name="change_url_on_update" value="1"
class="checkbox checkbox-success">
<span class="label-text ml-[10px] text-[#6B7280]">Khách HCM</span>
</label>
<label class="flex items-center mb-[10px] w-[20%] cursor-pointer">
<input type="checkbox" name="change_url_on_update" value="1"
class="checkbox checkbox-success">
<span class="label-text ml-[10px] text-[#6B7280]">Khách VIP</span>
</label>
</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%] h-[35px] input input-bordered input-md 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%] h-[35px] input input-bordered input-md 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%] h-[35px] input input-bordered input-md 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%] h-[35px] input input-bordered input-md 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">
<label class="cursor-pointer flex items-center mr-[25px]">
<input type="radio" name="info[sex]" value="0" class="radio checked:bg-blue-500"
checked="checked" />
<span class="label-text ml-[10px] text-[#6B7280]">Nam</span>
</label>
<label class="cursor-pointer flex items-center">
<input type="radio" name="info[sex]" value="1" class="radio checked:bg-blue-500" />
<span class="label-text ml-[10px] text-[#6B7280]">Nữ</span>
</label>
</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%] h-[35px] input input-bordered input-md 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%] h-[35px] input input-bordered input-md 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%] h-[35px] input input-bordered input-md 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%] select select-bordered h-[35px] min-h-[35px] 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%] select select-bordered h-[35px] min-h-[35px] 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] textarea textarea-bordered 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%] h-[35px] input input-bordered input-md 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%] h-[35px] input input-bordered input-md 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%] h-[35px] input input-bordered input-md 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] textarea textarea-bordered 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>

View File

@@ -0,0 +1,73 @@
<div class="w-full">
<div class="p-3 rounded-sm bg-white shadow">
<h1 class="text-2xl font-bold">Khách hàng liên hệ</h1>
<form action="" class="flex items-center p-3 rounded-sm shadow mt-3 gap-3">
<input type="text" name="" class="input input-bordered input-md rounded-sm shadow" placeholder="Tìm kiếm">
<button type="submit" class="btn btn-active">Tìm kiếm</button>
</form>
<div class="list-filter flex items-center justify-between mt-3">
<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-primary">liên
hệ</a> của website</p>
<select name="" id="" class="select select-bordered rounded-sm shadow">
<option value="">Chọn bộ lọc</option>
</select>
</div>
<div class="overflow-x-auto mt-5 border-base-200 shadow rounded-sm">
<table class="table">
<thead>
<tr class="bg-base-200 text-black font-bold">
<th>STT</th>
<th>Thời gian</th>
<th>Khách hàng</th>
<th>Thông tin</th>
<th>Nội dung liên hệ</th>
<th>Ghi chú</th>
<th>Trạng thái</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td class="whitespace-nowrap">09-08-2023, 11:24 am</td>
<td>Đức Anh</td>
<td class="whitespace-nowrap">
<p>- Email: ducanhnguyen199x@gmail.com</p>
<p>- Tel: 0976642092</p>
<p>- Mobile: 0976642092</p>
</td>
<td>
Trả góp sản phẩm: <a href="" class="link-primary">HHWS AMD RYZEN 9 3900XT | 16G | NVIDIA RTX
2060 6G</a>
<p>- Tên: no name</p>
<p>- SĐT: 0147258369</p>
<p>- Nội dung: fsfdf</p>
</td>
<td>
<textarea name="" id="" class=" rounded-sm textarea w-64"></textarea>
<a href="" class="btn btn-active mt-3">Cập
nhật</a>
</td>
<td class="xl:w-[120px] 2xl:w-auto">
<select name="" id=""
class=" select select-bordered rounded-sm shadow w-32 whitespace-nowrap">
<option value="">Trạng thái</option>
</select>
<div class="flex items-center mt-3 gap-3">
<a href="" class="btn btn-soft btn-xs btn-square btn-view"> <span
class="iconify lucide--pencil"></span></a>
<a href="" class="btn btn-soft btn-error btn-xs btn-square" title="Xóa"> <span
class="iconify lucide--trash-2 tw-rla"></span></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>

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 mt-[15px]">
<thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
<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>

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 p-[0_15px]">
<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>

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>

View File

@@ -0,0 +1,58 @@
<div class="w-full">
<div class="p-3 rounded-sm bg-white shadow overflow-x-auto">
<h1 class="text-2xl font-bold mb-3">Khách hàng góp ý</h1>
<div class="flex items-center justify-end mt-5 gap-3">
<a href="/admin/customer/customer_add" class="btn btn-outline btn-view">
<i class="iconify lucide--pencil"></i>
<span class="">Thêm KH mới</span>
</a>
<a href="admin/customer/customer-group" class="btn btn-outline btn-view">
<i class="iconify lucide--users"></i>
<span class="">Các nhóm KH</span>
</a>
<a href="admin/customer/customer-newsletter" class="btn btn-outline btn-view">
<i class="iconify lucide--mail"></i>
<span class="">KH nhận bản tin</span>
</a>
<a href="" class="btn btn-outline btn-view">
<i class="iconify lucide--file-x"></i>
<span class="">Tải file excel</span>
</a>
</div>
<div class="overflow-x-auto sm:whitespace-nowrap mt-5 border-base-200 shadow rounded-sm">
<table class="mt-[15px] table">
<thead>
<tr class="bg-base-200 font-bold text-black">
<th>STT</th>
<th>Họ tên</th>
<th>Email</th>
<th>Ngày đăng ký</th>
<th>Thông tin khác</th>
<th>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-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class='icons icon-edit'></i></a>
<a href=""
class='w-[32px] h-[32px] 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,80 @@
<div class="w-full">
<div class="p-3 rounded-sm bg-white shadow">
<h1 class="text-2xl font-bold mb-3">Khách hàng góp ý</h1>
<div class="flex items-center justify-between mt-5">
<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-primary underline">liên hệ</a> của website</p>
<select class="rounded-sm select select-bordered shadow w-48">
<option value="">Lọc xem ý kiến</option>
</select>
</div>
<div class="overflow-x-auto sm:whitespace-nowrap mt-5 border-base-200 shadow rounded-sm">
<table class="table">
<thead>
<tr class="bg-base-200 text-black font-bold">
<th>STT</th>
<th>Khách hàng</th>
<th>Nội dung</th>
<th class="w-3 text-center mx-auto">Lựa chọn</th>
</tr>
</thead>
<tbody>
<tr>
<td>3</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 class="text-end">
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
<i class="iconify lucide--trash-2"></i>
</a>
</td>
</tr>
<tr>
<td>3</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 class="text-end">
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
<i class="iconify lucide--trash-2"></i>
</a>
</td>
</tr>
<tr>
<td>3</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 class="text-end">
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
<i class="iconify lucide--trash-2"></i>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>

View File

@@ -0,0 +1,130 @@
<div class="w-full">
<div class="m-4 px-4 py-5 rounded-lg bg-white shadow">
<h1 class="text-2xl font-bold mb-3">Danh sách khách hàng</h1>
<div class="list-filter-account flex items-center mt-3 gap-3">
<a href="javacsript:void(0)" class="btn btn-view btn-outline">Tất
cả</a>
<a href="javacsript:void(0)" class="btn btn-view btn-outline">Khách
hàng đăng
</a>
<a href="javacsript:void(0)" class="btn btn-view btn-outline">Chưa
đăng ký</a>
<a href="javacsript:void(0)" class="btn btn-view btn-outline">VIP</a>
</div>
<form action="" class="flex items-center p-3 rounded-sm shadow mt-3 gap-3">
<input type="text" name="" class="input input-bordered shadow"
placeholder="Tìm khách hàng (* tên, email, điện thoại)">
<button type="submit" class="btn btn-active">Tìm kiếm</button>
</form>
<div class="list-filter flex flex-wrap items-center justify-between mt-3">
<select name="" id="" class="select rounded-sm shadow mb-3">
<option value="">Sắp xếp khách hàng</option>
</select>
<div class="flex items-center mb-3 gap-3">
<a href="/admin/customer/customer_add" class="btn btn-outline btn-view">
<i class="iconify lucide--circle-plus"></i>
<span class="">Thêm KH mới</span>
</a>
<a href="javascript:void(0)" class="btn btn-outline btn-view">
<i class="iconify lucide--users"></i>
<span class="">Các nhóm KH</span>
</a>
<a href="javascript:void(0)" class="btn btn-outline btn-view">
<i class="iconify lucide--file-x"></i>
<span class="">Tải file excel</span>
</a>
</div>
</div>
<div class="overflow-x-auto sm:whitespace-nowrap mt-5 border-base-200 shadow rounded-sm">
<table class="table">
<thead>
<tr class="bg-base-200 text-black font-bold">
<th>STT</th>
<th>ID</th>
<th>Khách hàng</th>
<th>Thông tin</th>
<th>Tỉnh/TP</th>
<th>Trạng thái</th>
<th>Số đơn hàng</th>
<th>Tổng giá trị</th>
<th>Thời gian</th>
<th>Chỉnh sửa</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>1767</td>
<td>Đức Anh</td>
<td>
<p>- Email: ducanhnguyen199x@gmail.com</p>
<p>- Tel: 0976642092</p>
<p>- Mobile: 0976642092</p>
</td>
<td>
Hà Nội
</td>
<td>
<div class="badge badge-success badge-sm badge-soft">Hoạt động</div>
</td>
<td>
<span class="text-primary">0<span class=" ml-2">Thành công</span></span>
</td>
<td>
<span class="text-primary">0</span><span class="ml-2">Thu</span>
</td>
<td>
<p>
- Tham gia: 06-10-2023, 10:46 am
</p>
<p>
- Đăng nhập cuối: Chưa bao giờ
</p>
</td>
<td>
<div class="flex items-center gap-3">
<a href="/admin/product/form?id={{item.id}}" title="Form sản phẩm"
class="btn btn-soft btn-xs btn-square btn-view">
<i class="iconify lucide--pencil"></i>
</a>
<a href="{{item.request_path}}" title="Xem tại web" target="_blank"
class="btn btn-soft btn-xs btn-square btn-view">
<i class="iconify lucide--clock"></i>
</a>
</div>
<div class="flex items-center gap-3 mt-3">
<a href="" class="btn btn-soft btn-xs btn-square btn-view">
<i class="iconify lucide--globe"></i>
</a>
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
<i class="iconify lucide--trash-2"></i>
</a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="join mt-5 justify-center flex items-cente r">
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item"
aria-label="Pagination controls">
<span class="iconify lucide--arrow-left"></span>
</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">1</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item btn-active">2</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">3</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">4</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">5</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item"
aria-label="Pagination controls">
<span class="iconify lucide--arrow-right"></span>
</a>
</div>
</div>
</div>

View File

@@ -0,0 +1,211 @@
<div class="w-full">
<div class="p-3 rounded-sm bg-white shadow overflow-x-auto">
<h1 class="text-2xl font-bold mb-3">Tổng hợp đánh giá</h1>
<div class="list-filter-account flex items-center gap-3 mt-5">
<a href="javacsript:void(0)" class="btn btn-view btn-outline">Trao
đổi mới nhất</a>
<a href="javacsript:void(0)" class="btn btn-view btn-outline">Chưa
có phản hồi</a>
<a href="javacsript:void(0)" class="btn btn-view btn-outline">Quản
trị viên chưa phản hồi</a>
<a href="javacsript:void(0)" class="btn btn-view btn-outline">Danh
sách phản hồi</a>
</div>
<form action="" class="flex items-center p-3 rounded-sm shadow mt-5 gap-3">
<input type="text" name="" class="rounded-sm input input-md input-bordered shadow" placeholder="Tìm kiếm">
<button type="submit" class="btn btn-active">Tìm kiếm</button>
</form>
<div class="list-filter flex items-center justify-between mt-5 gap-3">
<p>Tổng số: <b>1.996</b></p>
<select name="" id="" class="select select-bordered rounded-sm shadow w-48">
<option value="">Chọn bộ lọc</option>
</select>
</div>
<div class="overflow-x-auto sm:whitespace-nowrap mt-5 border-base-200 shadow rounded-sm">
<table class="table">
<thead>
<tr class="bg-base-200 text-black font-bold">
<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 gap-2">
<b>Nguyễn An</b>
<p class="badge badge-sm badge-primary badge-soft">Quản
trị
viên</p>
</div>
<p>annv@hurasoft.com</p>
</td>
<td>
<a href="" class="text-primary">Màn Hình AOC 24B1XHS 23.8 inch Full HD</a>
</td>
<td>
test reply
</td>
<td>
<div class="flex items-center gap-3">
<a href="javascript:void(0)" onclick="js_list_reply_comment.showModal()"
class="btn btn-soft btn-xs btn-square btn-view">
<i class="iconify lucide--pointer"></i>
</a>
<a href="" class="btn btn-soft btn-xs btn-square btn-view">
<i class="iconify lucide--pencil"></i>
</a>
<a href="" class="btn btn-soft btn-xs btn-square btn-view">
<i class="iconify lucide--crown"></i>
</a>
</div>
<div class="flex items-center mt-3 gap-3">
<a href="" class="btn btn-soft btn-xs btn-square btn-view">
<i class="iconify lucide--plus"></i>
</a>
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
<i class="iconify lucide--ban"></i>
</a>
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
<i class="iconify lucide--trash-2"></i>
</a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<dialog id="js_list_reply_comment" class="modal">
<div class="modal-box p-3 max-w-full">
<form method="dialog">
<button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2"></button>
</form>
<h2 class="text-md uppercase font-bold mt-2">Chi tiết phản hồi</h2>
<div class="info-comment mt-2">
<b class="text-base mb-2 block">Thông tin</b>
<div class="grid grid-cols-4 items-center gap-2 mt-2">
<p class="">Khách hàng:</p>
<b class="col-span-3">Hura test</b>
</div>
<div class="grid grid-cols-4 items-center gap-2 mt-2">
<p class="">Email:</p>
<p class="col-span-3">test@mail.com</p>
</div>
<div class="grid grid-cols-4 items-center gap-2 mt-2">
<p class="">Tiêu đề:</p>
<p class="col-span-3">Màn Hình Máy Tính LG 27UL850 27Inch 4K IPS</p>
</div>
<div class="grid grid-cols-4 items-center gap-2 mt-2">
<p class="">Nội dung:</p>
<p class="col-span-3">test reply</p>
</div>
<div class="grid grid-cols-4 items-center gap-2 mt-2">
<p class="">Thời gian:</p>
<p class="col-span-3">20-04-2023, 1:36 pm</p>
</div>
<div class="grid grid-cols-4 items-center gap-2 mt-2">
<p class="">Liên quan:</p>
<p class="col-span-3">[product] <a href="" class="text-primary">Màn Hình Máy Tính LG 27UL850
27Inch 4K IPS</a></p>
</div>
</div>
<div class="info-reply mt-5 rounded-sm shadow">
<b class="text-[16px] block mb-[10px]">Phản hồi <span>2</span></b>
<table class="table table-zebra w-full">
<thead>
<tr class="bg-base-200 text-black font-bold">
<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 gap-2">
<b>Nguyễn An</b>
<p class="badge badge-sm badge-primary badge-soft">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 gap-3">
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
<i class="iconify lucide--ban"></i>
</a>
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
<i class="iconify lucide--trash-2"></i>
</a>
</div>
</td>
</tr>
<tr>
<td>1</td>
<td>09-08-2023, 11:24 am</td>
<td>
<div class="flex items-center gap-2">
<b>Nguyễn An</b>
<p class="badge badge-sm badge-primary badge-soft">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 gap-3">
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
<i class="iconify lucide--ban"></i>
</a>
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
<i class="iconify lucide--trash-2"></i>
</a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="send-quick-feedback mt-5">
<b class="block text-base">Gửi phản hồi nhanh</b>
<textarea name="" id="" class="textarea w-full mt-3 p-3 rounded-sm"></textarea>
<div class="flex items-center mt-3 gap-3">
<input class="btn btn-active" name="commit" type="submit" value="Gửi">
<p class="">(* 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>