tieptk/admin_hura_8
2
1
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity
Files
master
admin_hura_8/template/home/home.html

850 lines
44 KiB
HTML
Raw Permalink Normal View History

update
2025-11-20 13:10:28 +07:00
<!-- Start: Dashboard Stats Widget -->
s
2024-01-18 23:13:02 +07:00
update
2025-12-13 12:07:01 +07:00
<div class="flex gap-3">
update
2025-12-13 10:28:56 +07:00
<div class="w-[calc(100%_-450px)]">
update
2025-12-12 16:29:06 +07:00
<!-- việc cần làm -->
<div class="box-indicator">
<div class="flex items-center justify-between mb-3">
update
2025-12-13 10:28:56 +07:00
<div class="flex items-center gap-2">
<i data-lucide="notebook-tabs" class="size-5"></i>
<b class="text-lg">Việc cần làm</b>
</div>
update
2025-12-12 16:29:06 +07:00
<button type="button" href="javascript:void(0)"
onclick="document.getElementById('box-add-indicator')?.showModal()"
class="btn btn-sm hura-btn-active cursor-pointer">
<i data-lucide="plus-circle" class="size-3"></i>
Thêm việc cần làm
</button>
</div>
<div class="grid grid-cols-4 gap-3 mt-3">
<div class="card bg-base-100 cursor-pointer shadow transition-all hover:shadow-md">
<div class="p-4">
<div class="flex items-center justify-between">
<div class="bg-base-200 rounded-box inline-flex items-center justify-center p-2">
<span data-lucide="shopping-cart" class="size-5"></span>
</div>
<a href="/admin/order" class="btn btn-sm hura-btn-outline">Xem</a>
</div>
<div class="mt-3 flex items-center justify-between">
<p class="text-sm font-medium">Đơn hàng mới</p>
<span class="text-base-content/80 text-xs">
52.4%
</span>
</div>
<progress max="125" value="65.5"
class="progress progress-primary mt-0.5 h-1.5 align-super"></progress>
<div class="-mt-1.5 flex items-center justify-between">
<span class="text-sm font-medium">6</span>
<span class="text-base-content/80 text-xs">
10
</span>
</div>
</div>
</div>
<div class="card bg-base-100 cursor-pointer shadow transition-all hover:shadow-md">
<div class="p-4">
<div class="flex items-center justify-between">
<div class="bg-base-200 rounded-box inline-flex items-center justify-center p-2">
<span data-lucide="user" class="size-5"></span>
</div>
<a href="/admin/customer" class="btn btn-sm hura-btn-outline">Xem</a>
</div>
<div class="mt-3 flex items-center justify-between">
<p class="text-sm font-medium">Liên hệ mới</p>
<span class="text-base-content/80 text-xs">
52.5%
</span>
</div>
<progress max="125" value="65.5"
class="progress progress-warning mt-0.5 h-1.5 align-super"></progress>
<div class="-mt-1.5 flex items-center justify-between">
<span class="text-sm font-medium">6</span>
<span class="text-base-content/80 text-xs">
10
</span>
</div>
</div>
</div>
<div class="card bg-base-100 cursor-pointer shadow transition-all hover:shadow-md">
<div class="p-4">
<div class="flex items-center justify-between">
<div class="bg-base-200 rounded-box inline-flex items-center justify-center p-2">
<span data-lucide="bug" class="size-5"></span>
</div>
<a href="#" class="btn btn-sm hura-btn-outline">Xem</a>
</div>
<div class="mt-3 flex items-center justify-between">
<p class="text-sm font-medium">Lỗi web</p>
<span class="text-base-content/80 text-xs">
10%
</span>
</div>
<progress max="100" value="10"
class="progress progress-error mt-0.5 h-1.5 align-super"></progress>
<div class="-mt-1.5 flex items-center justify-between">
<span class="text-sm font-medium">1</span>
<span class="text-base-content/80 text-xs">
5
</span>
</div>
</div>
</div>
<div class="card bg-base-100 cursor-pointer shadow transition-all hover:shadow-md">
<div class="p-4">
<div class="flex items-center justify-between">
<div class="bg-base-200 rounded-box inline-flex items-center justify-center p-2">
<span data-lucide="badge-dollar-sign" class="size-5"></span>
</div>
<a href="#" class="btn btn-sm hura-btn-outline">Xem</a>
</div>
<div class="mt-3 flex items-center justify-between">
<p class="text-sm font-medium">Đơn trả góp mới</p>
<span class="text-base-content/80 text-xs">
90%
</span>
</div>
<progress max="100" value="90"
class="progress progress-info mt-0.5 h-1.5 align-super"></progress>
<div class="-mt-1.5 flex items-center justify-between">
<span class="text-sm font-medium">9</span>
<span class="text-base-content/80 text-xs">
10
</span>
</div>
</div>
</div>
</div>
<!-- box dialog chỉ mục -->
<dialog id="box-add-indicator" class="modal p-0">
<div class="modal-box bg-transparent p-0 shadow-none max-w-xl">
<div class="bg-base-100 rounded-box p-4">
<div class="flex items-center justify-between">
<b>Thêm danh sách việc cần làm</b>
<form method="dialog">
<button class="btn btn-xs btn-circle btn-ghost" aria-label="Close">
<i data-lucide="x" class="text-base-content/80 size-4"></i>
</button>
</form>
</div>
<div class="mt-2 -mb-px">
<label class="label py-2 flex items-center gap-2">
<input type="checkbox" name="" class="checkbox checkbox-sm rounded-sm hura-checkbox"
id="">
<span class="label-text text-black">Đơn hàng mới</span>
</label>
<label class="label py-2 flex items-center gap-2">
<input type="checkbox" name="" class="checkbox checkbox-sm rounded-sm hura-checkbox"
id="">
<span class="label-text text-black">Liên hệ mới của khách hàng</span>
</label>
<label class="label py-2 flex items-center gap-2">
<input type="checkbox" name="" class="checkbox checkbox-sm rounded-sm hura-checkbox"
id="">
<span class="label-text text-black">Bài luận mới chưa duyệt</span>
</label>
<label class="label py-2 flex items-center gap-2">
<input type="checkbox" name="" class="checkbox checkbox-sm rounded-sm hura-checkbox"
id="">
<span class="label-text text-black">Lỗi website</span>
</label>
<label class="label py-2 flex items-center gap-2">
<input type="checkbox" name="" class="checkbox checkbox-sm rounded-sm hura-checkbox"
id="">
<span class="label-text text-black">Đơn hàng chưa xử lý</span>
</label>
<label class="label py-2 flex items-center gap-2">
<input type="checkbox" name="" class="checkbox checkbox-sm rounded-sm hura-checkbox"
id="">
<span class="label-text text-black">Đơn hàng trả góp mới</span>
</label>
<button type="submit" class="btn hura-btn-active btn-sm mt-3">Lưu lại</button>
</div>
</div>
</div>
update
2025-12-15 14:07:09 +07:00
<form method="dialog" class="modal-backdrop">
<button>close</button>
</form>
update
2025-12-12 16:29:06 +07:00
</dialog>
</div>
update
2025-12-13 10:28:56 +07:00
<!-- tóm tắt -->
<div class="box mt-7">
<div class="flex items-center">
<div class="flex items-center gap-2">
<i data-lucide="file-pen-line" class="size-5"></i>
<b class="text-lg">Tóm tắt</b>
</div>
</div>
<div class="grid gap-3 lg:grid-cols-2 xl:grid-cols-4 mt-3">
<!-- đơn hàng mới -->
<div class="card bg-base-100 shadow">
<div class="card-body gap-2">
<div class="flex items-start justify-between gap-2 text-sm">
<div>
<p class="text-base-content/80 font-medium h-[40px]">
Đơn hàng mới
update
2025-11-27 12:55:33 +07:00
</p>
update
2025-12-13 10:28:56 +07:00
<div class="mt-3 flex items-center gap-2">
<p class="inline text-2xl font-semibold">
100
</p>
</div>
</div>
<div class="bg-base-200 rounded-box flex items-center p-2">
<i data-lucide="circle-dollar-sign" class="size-5"></i>
update
2025-11-27 12:55:33 +07:00
</div>
</div>
update
2025-12-13 10:28:56 +07:00
<div class="flex items-center gap-3 mt-2">
<div class="badge badge-soft badge-success badge-sm gap-0.5 px-1 font-medium">
<i data-lucide="arrow-up" class="size-3.5"></i>
10.8%
</div>
<p class="text-base-content/60 text-sm">
Hôm qua
</p>
update
2025-11-20 13:10:28 +07:00
</div>
</div>
</div>
update
2025-12-13 10:28:56 +07:00
<!-- Liên hệ khách hàng -->
<div class="card bg-base-100 shadow">
<div class="card-body gap-2">
<div class="flex items-start justify-between gap-2 text-sm">
<div>
<p class="text-base-content/80 font-medium h-[40px]">
Khách hàng liên hệ
qua website
update
2025-11-27 12:55:33 +07:00
</p>
update
2025-12-13 10:28:56 +07:00
<div class="mt-3 flex items-center gap-2">
<p class="inline text-2xl font-semibold">
12
</p>
</div>
</div>
<div class="bg-base-200 rounded-box flex items-center p-2">
<i data-lucide="phone" class="size-5"></i>
update
2025-11-27 12:55:33 +07:00
</div>
</div>
update
2025-12-13 10:28:56 +07:00
<div class="flex items-center gap-3 mt-2">
<div class="badge badge-soft badge-success badge-sm gap-0.5 px-1 font-medium">
<i data-lucide="arrow-up" class="size-3.5"></i>
5.4%
</div>
<p class="text-base-content/60 text-sm">
Hôm qua
</p>
update
2025-11-20 13:10:28 +07:00
</div>
</div>
</div>
update
2025-12-13 10:28:56 +07:00
<!-- comment mới được phê duyệt -->
<div class="card bg-base-100 shadow">
<div class="card-body gap-2">
<div class="flex items-start justify-between gap-2 text-sm">
<div>
<p class="text-base-content/80 font-medium h-[40px]">
Bình luận mới dược phê duyệt
update
2025-11-27 12:55:33 +07:00
</p>
update
2025-12-13 10:28:56 +07:00
<div class="mt-3 flex items-center gap-2">
<p class="inline text-2xl font-semibold">
20
</p>
</div>
</div>
<div class="bg-base-200 rounded-box flex items-center p-2">
<i data-lucide="message-circle-more" class="size-5"></i>
update
2025-11-27 12:55:33 +07:00
</div>
</div>
update
2025-12-13 10:28:56 +07:00
<div class="flex items-center gap-3 mt-2">
<div class="badge badge-soft badge-error badge-sm gap-0.5 px-1 font-medium">
<i data-lucide="arrow-down" class="size-3.5"></i>
-6.8%
</div>
<p class="text-base-content/60 text-sm">
Hôm qua
</p>
update
2025-11-20 13:10:28 +07:00
</div>
</div>
</div>
update
2025-12-13 10:28:56 +07:00
<!-- lỗi web -->
<div class="card bg-base-100 shadow">
<div class="card-body gap-2">
<div class="flex items-start justify-between gap-2 text-sm">
<div>
<p class="text-base-content/80 font-medium h-[40px]">
Lỗi website
update
2025-11-27 12:55:33 +07:00
</p>
update
2025-12-13 10:28:56 +07:00
<div class="mt-3 flex items-center gap-2">
<p class="inline text-2xl font-semibold">
30
</p>
</div>
</div>
<div class="bg-base-200 rounded-box flex items-center p-2">
<i data-lucide="bug" class="size-5"></i>
update
2025-11-27 12:55:33 +07:00
</div>
</div>
update
2025-12-13 10:28:56 +07:00
<div class="flex items-center gap-3 mt-2">
<div class="badge badge-soft badge-success badge-sm gap-0.5 px-1 font-medium">
<i data-lucide="arrow-up" class="size-3.5"></i>
8.5%
</div>
<p class="text-base-content/60 text-sm">
Hôm qua
</p>
s
2024-01-18 23:13:02 +07:00
</div>
</div>
update
2025-11-20 13:10:28 +07:00
</div>
</div>
update
2025-12-13 10:28:56 +07:00
<!-- End: Dashboard Stats Widget -->
<div class="mt-3 grid grid-cols-1 gap-3 xl:grid-cols-12">
<div class="xl:col-span-7">
<!-- Start: Revenue Statistic -->
update
2025-12-12 16:29:06 +07:00
update
2025-12-13 10:28:56 +07:00
<div class="card bg-base-100 shadow">
<div class="card-body px-0 pb-0">
<div class="flex items-start justify-between">
<span class="font-medium">
Doanh thu
update
2025-12-12 11:01:29 +07:00
</span>
update
2025-12-13 10:28:56 +07:00
<div class="tabs tabs-box tabs-xs hidden sm:block">
<div class="tab false px-3">Ngày</div>
<div class="tab false px-3">Tháng</div>
<div class="tab tab-active px-3">Năm</div>
</div>
</div>
<div class="mt-3">
<div class="flex items-center gap-3">
<span class="text-4xl font-semibold">
184.78K
</span>
<span class="text-success font-medium">
+3.24%
</span>
</div>
<span class="text-base-content/60 text-sm">
Tổng doanh thu trong năm nay
update
2025-11-27 12:55:33 +07:00
</span>
</div>
update
2025-12-13 10:28:56 +07:00
<div id="revenue-statics-chart"></div>
update
2025-11-20 13:10:28 +07:00
</div>
</div>
s
2024-01-18 23:13:02 +07:00
update
2025-12-13 10:28:56 +07:00
<!-- End: Revenue Statistic -->
</div>
<div class="xl:col-span-5">
<!-- Start: Customer Acquisition -->
update
2025-11-20 13:10:28 +07:00
update
2025-12-13 10:28:56 +07:00
<div class="card bg-base-100 shadow">
<div class="card-body p-0">
<div class="flex items-center justify-between">
<span class="font-medium">
Truy cập khách hàng
update
2025-11-27 12:55:33 +07:00
</span>
update
2025-12-13 10:28:56 +07:00
<div class="inline-flex items-center gap-2">
<div class="text-base-content/60 w-6 border border-dashed"></div>
<span class="text-base-content/80 text-xs">
Dự đoán
</span>
</div>
update
2025-11-20 13:10:28 +07:00
</div>
update
2025-12-13 10:28:56 +07:00
<div class="mt-4">
<div class="divide-base-300 grid grid-cols-2 gap-5 sm:grid-cols-3 sm:divide-x">
<div class="text-center">
<p>Advertise</p>
<p class="mt-0.5 text-xl font-medium">
$148
</p>
<div class="text-success mt-0.5 inline-flex items-center gap-1">
<i data-lucide="arrow-up" class="size-3"></i>
<p class="text-xs">4.78%</p>
</div>
update
2025-11-27 12:55:33 +07:00
</div>
update
2025-12-13 10:28:56 +07:00
<div class="hidden text-center sm:block">
<p>Customers</p>
<p class="mt-0.5 text-xl font-medium">
427
</p>
<div class="text-success mt-0.5 inline-flex items-center gap-1">
<i data-lucide="arrow-up" class="size-3"></i>
<p class="text-xs">3.15%</p>
</div>
update
2025-11-27 12:55:33 +07:00
</div>
</div>
update
2025-11-20 13:10:28 +07:00
</div>
update
2025-12-13 10:28:56 +07:00
<div class="-mt-25">
<div id="customer-acquisition-chart"></div>
</div>
update
2025-11-27 12:55:33 +07:00
</div>
update
2025-11-20 13:10:28 +07:00
</div>
update
2025-11-27 12:55:33 +07:00
update
2025-12-13 10:28:56 +07:00
<!-- End: Customer Acquisition -->
</div>
update
2025-11-27 12:55:33 +07:00
</div>
</div>
update
2025-12-13 10:28:56 +07:00
update
2025-11-27 12:55:33 +07:00
<div class="mt-3">
update
2025-12-13 12:07:01 +07:00
<div class="card bg-base-100 shadow-md">
<div class="card-body p-4">
<div class="flex items-center gap-2">
<i data-lucide="megaphone" class="size-5"></i>
<h3 class="card-title text-lg">Hoạt động gần đây</h3>
update
2025-11-27 12:55:33 +07:00
</div>
update
2025-12-13 12:07:01 +07:00
<ul id="stream" class="space-y-2 overflow-auto max-h-[270px] mt-3">
<!-- item -->
<li class="alert py-1 alert-success">
<span>✅</span>
<div>
<p class="font-medium">Đơn hàng #12345 đã được xử lý</p>
<span class="text-xs opacity-70">Vừa xong</span>
</div>
</li>
<li class="alert py-1 alert-info">
<span>💬</span>
<div>
<p class="font-medium">Khách hàng Nguyễn Văn A đã gửi phản hồi</p>
<span class="text-xs opacity-70">3 phút trước</span>
</div>
</li>
<li class="alert py-1 alert-warning">
<span>⚠️</span>
<div>
<p class="font-medium">Lỗi kết nối với cổng thanh toán</p>
<span class="text-xs opacity-70">4 phút trước</span>
</div>
</li>
<li class="alert py-1">
<span>📰</span>
<div>
<p class="font-medium">Tin tức mới: Xu hướng mua sắm trực tuyến 2024</p>
<span class="text-xs opacity-70">5 phút trước</span>
</div>
</li>
<li class="alert py-1 alert-error">
<i data-lucide="ban" class="size-4"></i>
<div>
<p class="font-medium">Đơn hàng #12345 đã bị hủy</p>
<span class="text-xs opacity-70">Vừa xong</span>
</div>
</li>
<li class="alert py-1 alert-info">
<span>💬</span>
<div>
<p class="font-medium">Khách hàng Nguyễn Văn A đã gửi phản hồi</p>
<span class="text-xs opacity-70">3 phút trước</span>
</div>
</li>
<li class="alert py-1 alert-warning ">
<span>⚠️</span>
<div>
<p class="font-medium">Lỗi kết nối với cổng thanh toán</p>
<span class="text-xs opacity-70">4 phút trước</span>
</div>
</li>
<li class="alert py-1">
<span>📰</span>
<div>
<p class="font-medium">Tin tức mới: Xu hướng mua sắm trực tuyến 2024</p>
<span class="text-xs opacity-70">5 phút trước</span>
</div>
</li>
</ul>
update
2025-11-20 13:10:28 +07:00
</div>
s
2024-01-18 23:13:02 +07:00
</div>
update
2025-11-20 13:10:28 +07:00
</div>
update
2025-12-13 10:28:56 +07:00
update
2025-11-20 13:10:28 +07:00
</div>
update
2025-12-13 10:28:56 +07:00
<div class="w-[450px]">
update
2025-12-13 12:07:01 +07:00
<!-- ghi nhắc việc -->
update
2025-11-27 12:55:33 +07:00
<div class="bg-white shadow p-3 rounded-sm">
update
2025-12-13 12:07:01 +07:00
<div class="flex items-center justify-between">
update
2025-12-15 14:07:09 +07:00
<div class="flex items-center gap-2">
<i data-lucide="notebook-pen" class="size-5"></i>
<b class="">Ghi nhắc việc làm cá nhân</b>
</div>
update
2025-12-13 12:07:01 +07:00
<input type="date" value="2025-11-26" class="input w-1/3" />
</div>
<form class="flex items-center justify-between mt-3">
<input type="text" placeholder="Nhập việc cần làm của bạn" class="input input-sm w-[80%]" />
<button type="button" class="btn hura-btn-active btn-sm">Tạo mới</button>
</form>
<div class="overflow-x-auto border border-base-300 mt-3 rounded-sm">
<table class="table table-sm">
<thead class="bg-base-200 text-black font-bold">
<td> STT </td>
<td> Nội dung </td>
<td> Hết hạn </td>
<td> Trạng thái </td>
<td>Sửa</td>
</thead>
<tbody>
<tr>
<td> 1 </td>
<td class="whitespace-nowrap"> Sửa trang chủ websiteLaptoptcc </td>
<td> 28/11/2023 </td>
<td>
<div class="badge badge-success badge-sm badge-soft whitespace-nowrap">Đang triển khai
</div>
</td>
<td>
<div class="flex items-center gap-2">
update
2025-12-15 14:07:09 +07:00
<a href="" class="btn btn-soft btn-xs btn-square hura-btn-outline">
update
2025-12-13 12:07:01 +07:00
<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>
<tr>
<td> 2 </td>
<td class="whitespace-nowrap"> Sửa trang chủ websiteLaptoptcc </td>
<td> 28/11/2023 </td>
<td>
<div class="badge badge-error badge-sm badge-soft whitespace-nowrap">Đang triển khai
</div>
</td>
<td>
<div class="flex items-center gap-2">
update
2025-12-15 14:07:09 +07:00
<a href="" class="btn btn-soft btn-xs btn-square hura-btn-outline">
update
2025-12-13 12:07:01 +07:00
<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>
<tr>
<td> 3 </td>
<td class="whitespace-nowrap"> Sửa trang chủ websiteLaptoptcc </td>
<td> 28/11/2023 </td>
<td>
<div class="badge badge-sm badge-ghost whitespace-nowrap">Đang triển khai</div>
</td>
<td>
<div class="flex items-center gap-2">
update
2025-12-15 14:07:09 +07:00
<a href="" class="btn btn-soft btn-xs btn-square hura-btn-outline">
update
2025-12-13 12:07:01 +07:00
<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>
<tr>
<td> 4 </td>
<td class="whitespace-nowrap"> Sửa trang chủ websiteLaptoptcc </td>
<td> 28/11/2023 </td>
<td>
<div class="badge badge-info badge-sm badge-soft whitespace-nowrap">Đang triển khai
</div>
</td>
<td>
<div class="flex items-center gap-2">
update
2025-12-15 14:07:09 +07:00
<a href="" class="btn btn-soft btn-xs btn-square hura-btn-outline">
update
2025-12-13 12:07:01 +07:00
<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>
<!-- ghi chú -->
<div class="bg-white shadow p-3 rounded-sm mt-3">
<div class="flex items-center gap-2 mb-3">
<i data-lucide="notebook-pen" class="size-5"></i>
<b>Ghi chú nhanh</b>
</div>
<textarea id="noteInput" class="textarea textarea-bordered w-full" placeholder="Nhập ghi chú..."></textarea>
<button class="btn btn-sm hura-btn-active mt-2">
+ Thêm
</button>
update
2025-12-15 14:07:09 +07:00
<div class="border overflow-x-auto border-base-200 mt-3 rounded-sm">
update
2025-12-07 15:58:07 +07:00
<table class="table table-sm">
update
2025-12-15 14:07:09 +07:00
<thead>
<tr class="bg-base-300 text-black font-bold">
<td class="w-[50px]">STT</td>
<td>Ghi chú</td>
<td class="w-[80px]">Công cụ</td>
</tr>
update
2025-11-27 12:55:33 +07:00
</thead>
<tbody>
<tr>
update
2025-12-15 14:07:09 +07:00
<td>1</td>
<td>Nội dung ghi chú</td>
<td>
<div class="flex items-center gap-2">
<a href="" class="btn btn-soft btn-xs btn-square btn-hura-outline">
<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>
update
2025-11-27 12:55:33 +07:00
</tr>
</tbody>
</table>
</div>
update
2025-12-15 14:07:09 +07:00
</div>
update
2025-11-27 12:55:33 +07:00
update
2025-12-15 14:07:09 +07:00
<!-- Ticket -->
<div class="bg-white shadow p-3 rounded-sm mt-3">
<div class="flex items-center justify-between">
<div class="flex items-center gap-2 mb-3">
<i data-lucide="life-buoy" class="size-5"></i>
<b>Hỗ trợ từ Hurasoft</b>
</div>
<button type="button" class="btn btn-sm hura-btn-active"
onclick="document.getElementById('form-support')?.showModal()">
<i data-lucide="plus-circle" class="size-3"></i>
<span>Tạo hỗ trợ</span>
</button>
s
2024-01-18 23:13:02 +07:00
</div>
update
2025-12-15 14:07:09 +07:00
<div class="mt-3 border-base-300 border rounded-sm overflow-x-auto whitespace-nowrap">
update
2025-12-07 15:58:07 +07:00
<table class="table table-sm">
update
2025-12-15 14:07:09 +07:00
<thead>
<tr class="bg-base-300 font-bold text-black">
<td>STT</td>
<td>Yêu cầu</td>
<td>Phản hồi cuối</td>
<td>Trạng thái</td>
</tr>
update
2025-11-27 12:55:33 +07:00
</thead>
<tbody>
<tr>
update
2025-12-15 14:07:09 +07:00
<td>1</td>
<td>
<div class="flex gap-2">
<p>[Tk001]</p>
<a href="" class="hura-text-blue underline font-bold">Sửa lỗi hiển thị web</a>
<a href="" class="text-red-500">[2 phản hồi]</a>
</div>
</td>
<td>
<div class="flex gap-2">
<p class="text-green-700">[Hura]</p>
<b>Hồng</b>
</div>
<p>
<p>15-12-2025, 10:10 am (0 ngày)</p>
</p>
</td>
<td>
<div class="flex gap-2">
<select name="" id="" class="select select-sm w-[100px]">
<option value="">Trạng thái</option>
<option value="">Đã xong</option>
<option value="">Đang làm</option>
<option value="">Chờ duyệt</option>
<option value="">Cần làm lại</option>
<option value="">Hủy bỏ</option>
</select>
<a href="" class="btn btn-sm hura-btn-active">xem</a>
</div>
</td>
update
2025-11-27 12:55:33 +07:00
</tr>
<tr>
update
2025-12-15 14:07:09 +07:00
<td>1</td>
<td>
<div class="flex gap-2">
<p>[Tk001]</p>
<a href="" class="hura-text-blue underline font-bold">Sửa lỗi hiển thị web</a>
<a href="" class="text-red-500">[2 phản hồi]</a>
</div>
</td>
<td>
<div class="flex gap-2">
<p class="text-green-700">[Hura]</p>
<b>Ngọc</b>
</div>
<p>15-12-2025, 10:10 am (0 ngày)</p>
</td>
<td>
<div class="flex gap-2">
<select name="" id="" class="select select-sm w-[100px]">
<option value="">Trạng thái</option>
<option value="">Đã xong</option>
<option value="">Đang làm</option>
<option value="">Chờ duyệt</option>
<option value="">Cần làm lại</option>
<option value="">Hủy bỏ</option>
</select>
<a href="" class="btn btn-sm hura-btn-active">xem</a>
</div>
</td>
update
2025-11-27 12:55:33 +07:00
</tr>
<tr>
update
2025-12-15 14:07:09 +07:00
<td>1</td>
<td>
<div class="flex gap-2">
<p>[Tk001]</p>
<a href="" class="hura-text-blue underline font-bold">Sửa lỗi hiển thị web</a>
<a href="" class="text-red-500">[2 phản hồi]</a>
</div>
</td>
<td>
<div class="flex gap-2">
<p class="text-red-500">[KH]</p>
<b>Kh@gmail.com</b>
</div>
<p>15-12-2025, 10:10 am (0 ngày)</p>
</td>
<td>
<div class="flex gap-2">
<select name="" id="" class="select select-sm w-[100px]">
<option value="">Trạng thái</option>
<option value="">Đã xong</option>
<option value="">Đang làm</option>
<option value="">Chờ duyệt</option>
<option value="">Cần làm lại</option>
<option value="">Hủy bỏ</option>
</select>
<a href="" class="btn btn-sm hura-btn-active">xem</a>
</div>
</td>
update
2025-11-27 12:55:33 +07:00
</tr>
</tbody>
</table>
s
2024-01-18 23:13:02 +07:00
</div>
update
2025-11-27 12:55:33 +07:00
update
2025-12-15 14:07:09 +07:00
<!-- box form hỗ trợ -->
<dialog id="form-support" class="modal p-0">
<div class="modal-box bg-transparent p-0 shadow-none max-w-2xl">
<div class="bg-base-100 rounded-box p-4">
<div class="flex items-center justify-between">
<b class="text-lg">Thêm hỗ trợ</b>
<form method="dialog">
<button class="btn btn-xs btn-circle btn-ghost" aria-label="Close">
<i data-lucide="x" class="text-base-content/80 size-4"></i>
</button>
</form>
</div>
<div class="mt-5">
<label for="" class="block font-bold">Tên hỗ trợ <span class="text-red-500">*</span></label>
<input type="text" value="Test" placeholder="Tên hỗ trợ"
class="input mt-3 shadow w-full rounded-sm">
</div>
<div class="mt-5">
<label for="" class="block font-bold">Mô tả hỗ trợ <span
class="text-red-500">*</span></label>
<textarea type="text" value="Test" placeholder="Mô tả hỗ trợ"
class="textarea mt-3 shadow w-full h-[100px] rounded-sm"></textarea>
</div>
<div class="mt-5">
<div class="flex items-center gap-3">
<label for="" class="font-bold">Tải file đính kèm</label>
<div class="box-note tooltip">
<i data-lucide="circle-question-mark"
class="size-4 cursor-pointer text-orange-400"></i>
<div class="tooltip-content">
Quý khách hàng nên tải file đính kèm mô tả chi tiết công việc cần hỗ trợ, sẽ
giúp chúng tôi hỗ trợ quý khách giải quyết vấn đề nhanh hơn.!
</div>
</div>
</div>
<div id="uploadfile-support" class="mt-3"></div>
</div>
<div class="mt-5">
<button type="submit" class="btn btn-sm hura-btn-active"><i data-lucide="send"
class="size-3"></i>
Gửi hỗ trợ</button>
</div>
</div>
</div>
<form method="dialog" class="modal-backdrop">
<button>close</button>
</form>
</dialog>
update
2025-11-20 13:10:28 +07:00
</div>
s
2024-01-18 23:13:02 +07:00
update
2025-12-15 14:07:09 +07:00
<!-- liên kết nhanh -->
<div class="bg-white shadow p-3 rounded-sm mt-3">
<div class="flex items-center gap-2 justify-between">
<b class="">Liên kết nhanh</b>
<button type="button" class="btn btn-sm hura-btn-active"
onclick="document.getElementById('form-quickLink')?.showModal()">
<i data-lucide="plus-circle" class="size-3"></i>
<span>Thêm link</span>
</button>
</div>
<div class="mt-5 border border-base-300 rounded-sm">
<table class="">
</table>
</div>
<div class="mt-5 grid grid-cols-1 gap-3">
<div class="p-2 flex items-center justify-between bg-base-100 rounded-box hura-shadow-blue shadow-lg">
<a href="/admin/order" class="flex items-center gap-2">
<i data-lucide="store" class="size-4"></i>
<span>Danh sách đơn hàng</span>
</a>
<div class="flex items-center gap-2">
<a href="" class="btn btn-soft btn-xs btn-square hura-btn-outline">
<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>
</div>
<div class="p-2 flex items-center justify-between bg-base-100 rounded-box hura-shadow-blue shadow-lg">
<a href="/admin/product" class="flex items-center gap-2">
<i data-lucide="package" class="size-4"></i>
<span>Danh sách sản phẩm</span>
</a>
<div class="flex items-center gap-2">
<a href="" class="btn btn-soft btn-xs btn-square hura-btn-outline">
<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>
</div>
<div class="p-2 flex items-center justify-between bg-base-100 rounded-box hura-shadow-blue shadow-lg">
<a href="/admin/customer" class="flex items-center gap-2">
<i data-lucide="user" class="size-4"></i>
<span>Danh sách khách hàng</span>
</a>
<div class="flex items-center gap-2">
<a href="" class="btn btn-soft btn-xs btn-square hura-btn-outline">
<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>
</div>
</div>
</div>
update
2025-11-20 13:10:28 +07:00
s
2024-01-18 23:13:02 +07:00
update
2025-11-20 13:10:28 +07:00
</div>
update menu
2024-01-24 11:49:22 +07:00
</div>
Reference in New Issue Copy Permalink