This commit is contained in:
2026-03-07 10:26:20 +07:00
commit aa223ce3bb
1128 changed files with 118856 additions and 0 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-[150px]">
<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 class="w-[120px]">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 data-lucide="pointer" class="size-3"></i>
</a>
<a href="" class="btn btn-soft btn-xs btn-square btn-view">
<i data-lucide="pencil" class="size-3"></i>
</a>
<a href="" class="btn btn-soft btn-xs btn-square btn-view">
<i data-lucide="crown" class="size-3"></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 data-lucide="plus" class="size-3"></i>
</a>
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
<i data-lucide="ban" class="size-3"></i>
</a>
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
<i data-lucide="trash-2" class="size-3"></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,170 @@
<div class="w-full mb-[50px]">
<div class="text-sm breadcrumbs">
<ul>
<li><a href="/customer">Danh sách khách hàng</a></li>
<li class="text-active">Form thêm khách hàng</li>
</ul>
</div>
<div class="w-7xl mx-auto">
<div class="bg-white p-3 rounded-sm shadow mt-5">
<div class="flex items-center justify-between">
<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="/customer/customer-add" class="btn btn-outline btn-view btn-sm">
<span data-lucide="circle-plus" class="size-4">+</span>
<span class="">Thêm khách hàng mới</span>
</a>
</div>
</div>
<div class="grid grid-cols-4 gap-5 mt-5">
<div class="left">
<div class="list-tab">
<a href="javascript:void(0)"
class="item block w-full text-white bg-[#0041E8] rounded-sm text-[13px] p-2 font-bold">Nội
dung</a>
</div>
</div>
<div class="right col-span-3">
<div class="bg-white p-3 rounded-sm shadow ">
<b class="text-xl block">Thông tin khách hàng</b>
<div class="flex items-center my-2">
<b class="text-gray-500 mr-2">Thuộc tính khách hàng</b>
<a href="/customer/customer-group" class="text-active">Quản lý nhóm khách hàng</a>
</div>
<div class="flex items-center gap-5 mt-5">
<label class="flex items-center cursor-pointer">
<input type="checkbox" name="change_url_on_update" value="1" checked
class="checkbox checkbox-active checkbox-sm rounded-sm">
<span class="label-text ml-2 text-gray-500">Mua lẻ</span>
</label>
<label class="flex items-center cursor-pointer">
<input type="checkbox" name="change_url_on_update" value="1"
class="checkbox checkbox-active checkbox-sm rounded-sm">
<span class="label-text ml-2 text-gray-500">Khách HCM</span>
</label>
<label class="flex items-center cursor-pointer">
<input type="checkbox" name="change_url_on_update" value="1"
class="checkbox checkbox-active checkbox-sm rounded-sm">
<span class="label-text ml-2 text-gray-500">Khách VIP</span>
</label>
</div>
<div class="grid grid-cols-2 gap-5 mt-5">
<div class="form-control">
<label class="font-bold text-base">Tên khách hàng</label>
<input type="text" size="60" name="" placeholder="Tên khách hàng"
class="w-full input input-bordered input-md rounded-sm shadow mt-3">
</div>
<div class="">
<label class="block font-bold text-base">Sinh nhật</label>
<div class="grid grid-cols-3 gap-5 mt-3">
<div class="input-date">
<input type="day" name="" placeholder="Ngày"
class="w-full input input-md rounded-sm shadow">
</div>
<div class="input-date">
<input type="day" name="" placeholder="Tháng"
class="w-full input input-md rounded-sm shadow">
</div>
<div class="input-date">
<input type="day" name="" placeholder="Năm"
class="w-full input input-md rounded-sm shadow">
</div>
</div>
</div>
</div>
<div class="flex items-center mt-5">
<label class="w-[120px] font-bold text-base">Giới tính</label>
<div class="flex items-center">
<label class="cursor-pointer flex items-center mr-[25px] gap-2">
<input type="radio" name="info[sex]" value="0" class="radio radio-active radio-sm"
checked="checked" />
<span class="label-text">Nam</span>
</label>
<label class="cursor-pointer flex items-center gap-2">
<input type="radio" name="info[sex]" value="1" class="radio radio-active radio-sm" />
<span class="label-text">Nữ</span>
</label>
</div>
</div>
<div class="mt-5 grid grid-cols-3 gap-5">
<div class="form-control">
<label class="font-bold text-base">Địa chỉ Email</label>
<input type="text" size="60" name="" placeholder="Địa chỉ Email"
class="w-full input input-bordered input-md rounded-sm shadow mt-3" />
</div>
<div class="form-control">
<label class="font-bold text-base">Điện thoại nhà</label>
<input type="text" size="60" name="" placeholder="Điện thoại nhà"
class="w-full input input-bordered input-md rounded-sm shadow mt-3" />
</div>
<div class="form-control">
<label class="font-bold text-base">Điện thoại di động</label>
<input type="text" size="60" name="" placeholder="Điện thoại di động"
class="w-full input input-bordered input-md rounded-sm shadow mt-3" />
</div>
</div>
<div class="mt-5 grid grid-cols-2 gap-5">
<div class="form-control">
<label class="font-bold text-base">Tỉnh/TP</label>
<select name="" class="w-full select select-bordered rounded-sm shadow mt-3">
<option value="">Hà nội</option>
</select>
</div>
<div class="form-control">
<label class="font-bold text-base">Quận huyện</label>
<select name="" class="w-full select select-bordered rounded-sm shadow mt-3">
<option value="">Quận Ba Đình</option>
</select>
</div>
</div>
<div class="form-control mt-5">
<label class="font-bold text-base">Địa chỉ</label>
<textarea type="text" size="60" name="" placeholder="Địa chỉ"
class="w-full h-[120px] textarea textarea-bordered rounded-sm shadow mt-3"></textarea>
</div>
<div class="form-control mt-5">
<label class="font-bold text-base">Tên công ty</label>
<input type="text" size="60" name="" placeholder="Tên công ty"
class="w-full h-[35px] input input-bordered input-md rounded-sm shadow mt-3" />
</div>
<div class="form-control mt-5">
<label class="font-bold text-base">Mã số thuế</label>
<input type="text" size="60" name="" placeholder="Mã số thuế"
class="w-full h-[35px] input input-bordered input-md rounded-sm shadow mt-3" />
</div>
<div class="form-control mt-5">
<label class="font-bold text-base">Địa chỉ công ty</label>
<input type="text" size="60" name="" placeholder="Địa chỉ công ty"
class="w-full h-[35px] input input-bordered input-md rounded-sm shadow mt-3" />
</div>
<div class="form-control mt-5">
<label class="font-bold text-base">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-full h-[120px] textarea textarea-bordered rounded-sm shadow mt-3"></textarea>
</div>
</div>
<div class="bg-white p-3 rounded-sm shadow mt-5">
<input class="btn btn-active" id="submit-collection-btn" name="commit" type="submit"
value="Cập nhật" />
</div>
</div>
</div>
</div>

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 w-[150px]">
<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"> <i data-lucide="pencil"
class="size-3"></i></a>
<a href="" class="btn btn-soft btn-error btn-xs btn-square" title="Xóa"> <i
data-lucide="trash-2" class="size-3"></i></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>

View File

@@ -0,0 +1,53 @@
<div class="w-full">
<div class="p-3 rounded-sm bg-white shadow overflow-x-auto">
<h1 class="text-2xl font-bold mb-3">Nhóm khách hàng</h1>
<div class="flex items-center justify-end gap-2">
<a href="/customer/customer-group-add" class="btn btn-outline btn-view btn-sm">
<i data-lucide="user-plus" class="size-4"></i>
<span class="">Thêm nhóm mới</span>
</a>
<a href="/customer" class="btn btn-outline btn-view btn-sm">
<i data-lucide="clipboard" class="size-4"></i>
<span class="">Danh sách khách hàng</span>
</a>
</div>
<table class="table mt-5">
<thead>
<tr class="bg-base-200 text-black font-bold">
<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="btn btn-active btn-sm">Xem
danh sách</a>
</td>
<td>
<div class='list-btn flex items-center justify-center gap-3'>
<a href="" title=" Form sản phẩm" class="btn btn-soft btn-xs btn-square btn-view">
<i data-lucide="pencil" class="size-3"></i>
</a>
<a href="" title=" Form sản phẩm" class="btn btn-soft btn-xs btn-square btn-view">
<i data-lucide="plus" class="size-3"></i>
</a>
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
<i data-lucide="trash-2" class="size-3"></i>
</a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>

View File

@@ -0,0 +1,71 @@
<div class="w-full mb-[50px]">
<div class="text-sm breadcrumbs">
<ul>
<li><a href="/customer/customer-group">Nhóm khách hàng</a></li>
<li class="text-active">Form sửa nhóm khách hàng</li>
</ul>
</div>
<div class="w-7xl mx-auto">
<div class="bg-white p-3 rounded-sm shadow mt-5">
<div class="flex items-center justify-between">
<div>
<h1 class="text-xl font-bold">Cập nhật nhóm khách hàng</h1>
</div>
<a href="/customer/customer-group-add" class="btn btn-outline btn-view btn-sm">
<i data-lucide="circle-plus" class="size-4"></i>
<span class="">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="grid grid-cols-4 gap-5 mt-5">
<div class="left">
<div class="list-tab">
<a href="javascript:void(0)"
class="item block w-full text-white bg-[#0041E8] rounded-sm text-[13px] p-2">Nội
dung</a>
</div>
</div>
<div class="right col-span-3">
<div class="bg-white p-3 rounded-sm shadow">
<div class="form-control">
<label class="font-bold text-base">Đặ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-full input rounded-sm shadow mt-3" />
</div>
<div class="form-control mt-5">
<label class="font-bold text-base">Đặ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-full input rounded-sm shadow mt-3">
</div>
<div class="form-control mt-5">
<label class="font-bold text-base">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-full h-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-sm shadow mt-3"></textarea>
</div>
</div>
<div class="bg-white p-3 rounded-sm shadow mt-5">
<input class="btn btn-active" id="submit-collection-btn" name="commit" type="submit"
value="Cập nhật" />
</div>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,74 @@
<div class="w-full mb-[50px]">
<div class="text-sm breadcrumbs">
<ul>
<li><a href="/customer/customer-contact">Khách hàng liên hệ</a></li>
<li class="text-active">Thông tin khách hàng liên hệ</li>
</ul>
</div>
<div class="w-7xl mx-auto">
<div class="bg-white p-3 rounded-sm shadow mt-5">
<h1 class="text-xl font-bold">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="grid grid-cols-4 gap-5 mt-5">
<div class="left">
<div class="list-tab">
<a href="javascript:void(0)"
class="item block w-full text-white bg-[#0041E8] rounded-sm text-[13px] p-2 font-bold">Nội
dung</a>
</div>
</div>
<div class="right col-span-3">
<div class="bg-white p-3 rounded-sm shadow">
<div class="">
<b class="block text-xl font-bold">Thông tin liên hệ</b>
<div class="grid grid-cols-4 mt-3 gap-3">
<b class="">Họ tên:</b>
<p class="col-span-3">Lê Văn Ninh</p>
</div>
<div class="grid grid-cols-4 mt-3 gap-3">
<b class="">Địa chỉ email:</b>
<p class="col-span-3">no_email_1708170779@mail.com</p>
</div>
<div class="grid grid-cols-4 mt-3 gap-3">
<b class="">Số điện thoại:</b>
<p class="col-span-3">0356723619</p>
</div>
<div class="grid grid-cols-4 mt-3 gap-3">
<b class="">Thời gian liên hệ:</b>
<p class="col-span-3 ">17-02-2024, 6:56 pm</p>
</div>
</div>
<div class="mt-5">
<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 mt-5">
<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="/customer/customer_add" class="btn btn-outline btn-view btn-sm">
<i data-lucide="pencil" class="size-4"></i>
<span class="">Thêm KH mới</span>
</a>
<a href="admin/customer/customer-group" class="btn btn-outline btn-view btn-sm">
<i data-lucide="users" class="size-4"></i>
<span class="">Các nhóm KH</span>
</a>
<a href="admin/customer/customer-newsletter" class="btn btn-outline btn-view btn-sm">
<i data-lucide="mail" class="size-4"></i>
<span class="">KH nhận bản tin</span>
</a>
<a href="" class="btn btn-outline btn-view btn-sm">
<i data-lucide="file-x" class="size-4"></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 class="w-[100px]">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 gap-2'>
<a href="" title=" Form sản phẩm" class="btn btn-soft btn-xs btn-square btn-view">
<i data-lucide="pencil" class="size-3"></i>
</a>
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
<i data-lucide="trash-2" class="size-3"></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 data-lucide="trash-2" class="size-3"></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 data-lucide="trash-2" class="size-3"></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 data-lucide="trash-2" class="size-3"></i>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>

128
template/customer/home.html Normal file
View File

@@ -0,0 +1,128 @@
<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 btn-sm">Tất
cả</a>
<a href="javacsript:void(0)" class="btn btn-view btn-outline btn-sm">Khách
hàng đăng
</a>
<a href="javacsript:void(0)" class="btn btn-view btn-outline btn-sm">Chưa
đăng ký</a>
<a href="javacsript:void(0)" class="btn btn-view btn-outline btn-sm">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 input-sm"
placeholder="Tìm khách hàng (* tên, email, điện thoại)">
<button type="submit" class="btn btn-active btn-sm">Tìm kiếm</button>
</form>
<div class="list-filter flex flex-wrap items-center justify-between mt-3">
<select name="" id="" class="select select-sm rounded-sm shadow mb-3 w-[170px]">
<option value="">Sắp xếp khách hàng</option>
</select>
<div class="flex items-center mb-3 gap-3">
<a href="/customer/customer_add" class="btn btn-outline btn-view btn-sm">
<i data-lucide="circle-plus" class="size-3"></i>
<span class="">Thêm KH mới</span>
</a>
<a href="javascript:void(0)" class="btn btn-outline btn-view btn-sm">
<i data-lucide="users" class="size-3"></i>
<span class="">Các nhóm KH</span>
</a>
<a href="javascript:void(0)" class="btn btn-outline btn-view btn-sm">
<i data-lucide="file-x" class="size-3"></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-active">0<span class=" ml-2">Thành công</span></span>
</td>
<td>
<span class="text-active">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="/product/form?id={{item.id}}" title="Form sản phẩm"
class="btn btn-soft btn-xs btn-square btn-view">
<i data-lucide="pencil" class="size-3"></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 data-lucide="clock" class="size-3"></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 data-lucide="globe" class="size-3"></i>
</a>
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
<i data-lucide="trash-2" class="size-3"></i>
</a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="join mt-5 justify-end flex items-center gap-1">
<a href="" class="btn btn-ghost btn-circle btn-sm" aria-label="Pagination controls">
<i data-lucide="chevron-left" class="size-4"></i>
</a>
<a href="" class="btn btn-circle btn-sm btn-ghost">1</a>
<a href="" class="btn btn-circle btn-sm btn-ghost btn-active">2</a>
<a href="" class="btn btn-circle btn-sm btn-ghost">3</a>
<a href="" class="btn btn-circle btn-sm btn-ghost">4</a>
<a href="" class="btn btn-circle btn-sm btn-ghost">5</a>
<a href="" class="btn btn-ghost btn-circle btn-sm" aria-label="Pagination controls">
<i data-lucide="chevron-right" class="size-4"></i>
</a>
</div>
</div>
</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 class="w-[120px]">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 data-lucide="pointer" class="size-3"></i>
</a>
<a href="" class="btn btn-soft btn-xs btn-square btn-view">
<i data-lucide="pencil" class="size-3"></i>
</a>
<a href="" class="btn btn-soft btn-xs btn-square btn-view">
<i data-lucide="crown" class="size-3"></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 data-lucide="plus" class="size-3"></i>
</a>
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
<i data-lucide="ban" class="size-3"></i>
</a>
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
<i data-lucide="trash-2" class="size-3"></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>