This commit is contained in:
2025-12-04 17:20:42 +07:00
parent 3f57e61be2
commit 75a641ab40
8 changed files with 160 additions and 159 deletions

View File

@@ -91,59 +91,46 @@
<dialog id="js_list_reply_comment" class="modal">
<div class="modal-box w-[852px] max-w-5xl p-[15px]">
<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-[18px] uppercase font-bold border-b-[1px] pb-[5px]">Chi tiết phản hồi</h2>
<h2 class="text-md uppercase font-bold mt-2">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 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="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 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="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 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="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 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="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 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="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
<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-[20px]">
<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="list-info-reply">
<table class="table table-zebra w-full">
<thead>
<tr>
<tr class="bg-base-200 text-black font-bold">
<th>STT</th>
<th>Thời gian</th>
<th>Tác giả</th>
@@ -156,25 +143,22 @@
<td>1</td>
<td>09-08-2023, 11:24 am</td>
<td>
<div class="flex items-center">
<div class="flex items-center gap-2">
<b>Nguyễn An</b>
<p
class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">
Quản trị
<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">
<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>
<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="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 href="" class="btn btn-soft btn-xs btn-square btn-error">
<i class="iconify lucide--trash-2"></i>
</a>
</div>
</td>
@@ -183,25 +167,22 @@
<td>1</td>
<td>09-08-2023, 11:24 am</td>
<td>
<div class="flex items-center">
<div class="flex items-center gap-2">
<b>Nguyễn An</b>
<p
class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">
Quản trị
<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">
<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>
<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="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 href="" class="btn btn-soft btn-xs btn-square btn-error">
<i class="iconify lucide--trash-2"></i>
</a>
</div>
</td>
@@ -210,16 +191,13 @@
</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="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-[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 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>