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

product list

Browse Source
This commit is contained in:
Tieptk
2024-01-29 15:22:13 +07:00
parent 3cb59f127c
commit ac7145c8c1
4 changed files with 359 additions and 331 deletions
Download Patch File Download Diff File Expand all files Collapse all files

107
template/product/home.html
View File

@@ -1,6 +1,3 @@
{{ page | show_var }}
<div class="grid w-[100%] ">
<div class="m-[15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)]">
<h1 class="text-2xl font-[700] mb-3">Danh sách sản phẩm</h1>
@@ -90,7 +87,7 @@
<th>ID</th>
<th>Ảnh</th>
<th>Sản phẩm (Tổng số: 1.742)</th>
<th>Người dùng</th>
<th class="whitespace-nowrap">Người dùng</th>
<th>Thông tin bán hàng</th>
<th>Thông tin khác</th>
<th>
@@ -104,72 +101,74 @@
</tr>
</thead>
<tbody>
{% assign counter = 0 %}
{% for item in page.item_list %}
{% increment counter %}
<tr>
<td>1</td>
<td>#2105</td>
<td>{{ counter }}</td>
<td>#{{item.id}}</td>
<td>
<img class="block m-auto" src="./images/img-product.png" alt="">
<span class="text-center block">6 ảnh</span>
<a href="" class="text-center flex justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"
fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.67307 0.173073C6.90384 -0.0576911 7.27798 -0.0576911 7.50875 0.173073L9.87238 2.53671C10.1031 2.76747 10.1031 3.14162 9.87238 3.37238L3.37238 9.87238C3.26156 9.9832 3.11126 10.0455 2.95455 10.0455H0.590909C0.264559 10.0455 0 9.7809 0 9.45455V7.09091C0 6.93419 0.0622563 6.78389 0.173073 6.67307L6.67307 0.173073ZM1.18182 7.33567V8.86364H2.70978L8.61887 2.95455L7.09091 1.42658L1.18182 7.33567Z"
fill="#0041E8" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0 12.4091C0 12.0828 0.264559 11.8182 0.590909 11.8182H11.2273C11.5536 11.8182 11.8182 12.0828 11.8182 12.4091C11.8182 12.7355 11.5536 13.0001 11.2273 13.0001H0.590909C0.264559 13.0001 0 12.7355 0 12.4091Z"
fill="#0041E8" />
</svg>
</a>
<img class="block m-auto" src="{{item.image.thumb}}" alt="">
<span class="text-center block">{{item.image_count}} ảnh</span>
<i class="icons icon-edit"></i>
</td>
<td>
<a href="" class="text-[#0041E8]">Chăn hè đũi xơ đậu nành mã 32 Gấu xanh</a>
<p class="text-[#FFC700]">[Có cấu hình]</p>
<a href="{{item.request_path}}" class="text-[#0041E8] w-[300px] inline-block">{{item.title}}</a>
{% if item.config_count > 0 %}<p class="text-[#FFC700]">[Có cấu hình]</p>{% endif %}
<div class="flex items-center">
<span>Danh mục:</span>
<b class="mx-[10px]">Màn hình Máy tính</b>
<a href=""><svg xmlns="http://www.w3.org/2000/svg" width="12" height="13"
viewBox="0 0 12 13" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.67307 0.173073C6.90384 -0.0576911 7.27798 -0.0576911 7.50875 0.173073L9.87238 2.53671C10.1031 2.76747 10.1031 3.14162 9.87238 3.37238L3.37238 9.87238C3.26156 9.9832 3.11126 10.0455 2.95455 10.0455H0.590909C0.264559 10.0455 0 9.7809 0 9.45455V7.09091C0 6.93419 0.0622563 6.78389 0.173073 6.67307L6.67307 0.173073ZM1.18182 7.33567V8.86364H2.70978L8.61887 2.95455L7.09091 1.42658L1.18182 7.33567Z"
fill="#0041E8" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0 12.4091C0 12.0828 0.264559 11.8182 0.590909 11.8182H11.2273C11.5536 11.8182 11.8182 12.0828 11.8182 12.4091C11.8182 12.7355 11.5536 13.0001 11.2273 13.0001H0.590909C0.264559 13.0001 0 12.7355 0 12.4091Z"
fill="#0041E8" />
</svg></a>
<a href=""><i class="icons icon-edit"></i></a>
</div>
<div class="flex items-center">
<span>Mã kho</span>
<b class="px-[5px]">MH241</b>
<b class="px-[5px]">{{item.sku}}</b>
<span class="text-[#000] font-[500]">|</span>
<span class="px-[5px]">Hãng</span>
<p class="text-[#0041E8]">ABS</p>
<p class="text-[#0041E8]">{{item.model}}</p>
</div>
<p>Cập nhật: 20-10-2023, 5:48 pm <span class="text-[#E00000]">(49 ngày)</span></p>
<p>Người cập nhật : anhtt@hurasoft.com</p>
{% assign date_now = "now" | date: format %}
{% assign date_last = item.last_update %}
{% assign time_conlai = date_now | minus: date_last %}
<p>Cập nhật: {{item.last_update | date: "Y-m-d h:i" }} <span class="text-[#E00000]">(
{{ time_conlai | divided_by: 86400 | round}}
ngày)</span></p>
<p>Người cập nhật : {{item.last_update_by}}</p>
</td>
<td>
<p>- Xem : 0</p>
<p>- Thích : 0</p>
<p>- Mua : 0</p>
<p>- Xem : {{item.visit}}</p>
<p>- Thích : {{item.like_count}}</p>
<p>- Mua : {{item.buy_count}}</p>
</td>
<td>
<div class="flex items-center mb-[1px]">
<span>- Giá bán:</span>
<b class="text-[#E00000] ml-[3px]">300.000 vnd</b>
<span class="whitespace-nowrap">- Giá bán:</span>
<b class="text-[#E00000] ml-[3px] whitespace-nowrap">
{% if item.price > 0 %}
{{item.price | format_price }} vnd
{% else %}
{{item.price }} vnd
{% endif %}
</b>
</div>
<div class="flex items-center">
<span>- Sl tổng:</span>
<b class="ml-[3px]">1</b>
<b class="ml-[3px]">{{item.quantity}}</b>
</div>
</td>
<td>
<div class="flex items-center mb-[1px]">
<span>- Giá bán:</span>
<b class="text-[#E00000] ml-[3px]">300.000 vnd</b>
<span class="whitespace-nowrap">- Giá bán:</span>
<b class="text-[#E00000] ml-[3px] whitespace-nowrap">{% if item.price > 0 %}
{{item.price | format_price }} vnd
{% else %}
{{item.price }} vnd
{% endif %}</b>
</div>
<p>- Bảo hành: Ato test</p>
<p>- Khuyến mại: + Ato test</p>
<p>- Bảo hành: {{item.warranty}}</p>
<p>- Khuyến mại: {{item.special_offer}}</p>
</td>
<td>
<div>
@@ -262,8 +261,26 @@
</div>
</td>
</tr>
{% endfor %}
</tbody>
</table>
<div class="paging">
{% for paging in page.pagination.collection %}
<a href="{{paging.url}}" class="{% if paging.is_active == 1 %} current {% endif %}">
{% if paging.name == 'next' %}
<i class="fas fa-chevron-right"></i>
{% elsif paging.name == 'prev' %}
<i class="fas fa-chevron-left"></i>
{% else %}
{{paging.name}}
{% endif %}
</a>
{% endfor %}
</div>
</div>
</div>
</div>

486
template/theme.html
View File

@@ -2,285 +2,287 @@
<html lang="vi">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title> Admin Hura Pc </title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title> Admin Hura Pc </title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap"
rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.6.0/dist/full.min.css" rel="stylesheet" type="text/css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap"
rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.6.0/dist/full.min.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
<link rel="stylesheet" media="screen" href="{{ 'fancybox.css' | asset_url }}" />
<link rel="stylesheet" media="screen" href="{{ 'pc_style.css' | asset_url }}" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
<link rel="stylesheet" media="screen" href="{{ 'fancybox.css' | asset_url }}" />
<link rel="stylesheet" media="screen" href="{{ 'pc_style.css' | asset_url }}" />
<script src="{{ 'tailwindcss.js' | asset_url }}"></script>
<script src="{{ 'fancybox.js' | asset_url }}"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
<script src="{{ 'tailwindcss.js' | asset_url }}"></script>
<script src="{{ 'fancybox.js' | asset_url }}"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
</head>
<body>
<<<<<<< HEAD
<div class="admin-global-container">
=======
<!--
{{ page | show_var }}-->
<div class="admin-global-container">
>>>>>>> 72170f373ad4f9cd092651c3a6d16daeb45a1d2e
<div class="admin-global-container">
<!-- Menu full -->
<div class="admin-menu-container box-menu sticky top-0 bottom-0 h-[100vh] hidden" id="js-menu-big">
<a href="javascript:void(0)" class="icon-close" title="Thu gọn menu" id="js-hide-menu">
<i class="fa-solid fa-outdent"></i>
</a>
<a href="" class="menu-logo">
<img src="{{ 'logo.png' | asset_url }}" />
</a>
<div class="menu-list">
<a href="/" class="item">
<i class="icons icon-home"></i>
<span class="title"> Dashboard </span>
<!-- Menu full -->
<div class="admin-menu-container box-menu sticky top-0 bottom-0 h-[100vh] hidden" id="js-menu-big">
<a href="javascript:void(0)" class="icon-close" title="Thu gọn menu" id="js-hide-menu">
<i class="fa-solid fa-outdent"></i>
</a>
{% for _category in global.main_menu %}
{% assign _type = _category[0] %}
{% assign _menuArray = _category[1].menu %}
{% if _category[1].enable == 1 %}
<details {% if _type == global.module %} open {% endif %}>
<summary class="item">
<div class="flex items-center">
<a href="" class="menu-logo">
<img src="{{ 'logo.png' | asset_url }}" />
</a>
{% if _type == 'order' %} <i class="icons icon-order"></i>
{% elsif _type == 'product' %} <i class="icons icon-product"></i>
{% elsif _type == 'customer' %}<i class="icons icon-customer"></i>
{% elsif _type == 'marketing' %}<i class="icons icon-marketing"></i>
{% elsif _type == 'investor_relation' %} <i class="icons icon-investor_relation"></i>
{% elsif _type == 'article' %} <i class="icons icon-content"></i>
{% elsif _type == 'job' %} <i class="icons icon-job"></i>
{% elsif _type == 'pcbuilder' %} <i class="icons icon-pcbuilder"></i>
{% elsif _type == 'payinstall' %} <i class="icons icon-payinstall"></i>
{% elsif _type == 'distributor' %} <i class="icons icon-distributor"></i>
{% elsif _type == 'report' %}<i class="icons icon-stats"></i>
{% elsif _type == 'system' %}<i class="icons icon-system"></i>
{% endif %}
<div class="menu-list">
<a href="/" class="item">
<i class="icons icon-home"></i>
<span class="title"> Dashboard </span>
</a>
<span class="title"> {{ _category[1].name }} </span>
{% for _category in global.main_menu %}
{% assign _type = _category[0] %}
{% assign _menuArray = _category[1].menu %}
{% if _category[1].enable == 1 %}
<details {% if _type==global.module %} open {% endif %}>
<summary class="item">
<div class="flex items-center">
{% if _type == 'order' %} <i class="icons icon-order"></i>
{% elsif _type == 'product' %} <i class="icons icon-product"></i>
{% elsif _type == 'customer' %}<i class="icons icon-customer"></i>
{% elsif _type == 'marketing' %}<i class="icons icon-marketing"></i>
{% elsif _type == 'investor_relation' %} <i class="icons icon-investor_relation"></i>
{% elsif _type == 'article' %} <i class="icons icon-content"></i>
{% elsif _type == 'job' %} <i class="icons icon-job"></i>
{% elsif _type == 'pcbuilder' %} <i class="icons icon-pcbuilder"></i>
{% elsif _type == 'payinstall' %} <i class="icons icon-payinstall"></i>
{% elsif _type == 'distributor' %} <i class="icons icon-distributor"></i>
{% elsif _type == 'report' %}<i class="icons icon-stats"></i>
{% elsif _type == 'system' %}<i class="icons icon-system"></i>
{% endif %}
<span class="title"> {{ _category[1].name }} </span>
</div>
<i class="fa-solid fa-angle-right"></i>
</summary>
<div class="sub-menu">
{% for _item in _menuArray %}
<a href="{{_item.url }}" {% if _item.view==global.view and _type==global.module %}
class="current" {% endif %}> {{ _item.name }} </a>
{% endfor %}
</div>
</details>
{% endif %}
{% endfor %}
</div>
<i class="fa-solid fa-angle-right"></i>
</summary>
<div class="menu-list">
<p style="color: #81B5E4;margin: 0 0 10px;font-weight: 700;padding: 0 16px;">TÀI KHOẢN</p>
<div class="sub-menu">
{% for _item in _menuArray %}
<a href="{{_item.url }}" {% if _item.view == global.view and
_type == global.module %} class="current" {% endif %}> {{ _item.name }} </a>
{% endfor %}
<a href="" class="item">
<i class="icons icon-settings"></i>
<span class="title"> Cài đặt </span>
</a>
<a href="" class="item">
<i class="icons icon-support"></i>
<span class="title"> Hỗ trợ </span>
</a>
<a href="" class="item">
<i class="icons icon-account"></i>
<span class="title"> Quản lý tài khoản </span>
</a>
</div>
<a href="" class="item">
<i class="icons icon-logout"></i>
<span class="title"> Thoát quản trị </span>
</a>
</div>
<!-- Menu collapse -->
<div class="admin-menu box-menu sticky top-0 bg-[#004E99] flex flex-col justify-between pb-[20px] min-h-[100vh]"
id="js-menu-small">
<div>
<div
class="logo item items-center justify-center border-[rgba(255,255,255,0.15)] border-b p-[20px_0_38px_!important]">
<a href="/" class="">
<img src="../assets/images/logo_small.png" alt="">
</a>
<a href="javascript:void(0)" title="Mở menu" class="icon-close" id="js-show-menu">
<i class="fa-solid fa-indent"></i>
</a>
</div>
</details>
{% endif %}
{% endfor %}
</div>
<div class="menu-list">
<p style="color: #81B5E4;margin: 0 0 10px;font-weight: 700;padding: 0 16px;">TÀI KHOẢN</p>
<div class="item">
<a href="/" class="icons icon-home"> </a>
<a href="" class="item">
<i class="icons icon-settings"></i>
<span class="title"> Cài đặt </span>
</a>
<div class="sub-menu">
<p class="font-bold"> Dashboard </p>
</div>
</div>
<a href="" class="item">
<i class="icons icon-support"></i>
<span class="title"> Hỗ trợ </span>
</a>
{% for _category in global.main_menu %}
{% assign _type = _category[0] %}
{% assign _menuArray = _category[1].menu %}
<a href="" class="item">
<i class="icons icon-account"></i>
<span class="title"> Quản lý tài khoản </span>
</a>
</div>
{% if _category[1].enable == 1 %}
<div class="item {% if _type == 'system' %} border-[rgba(255,255,255,0.15)] border-b{% endif %}">
{% if _type == 'order' %} <a href="" class="icons icon-sell"> </a>
{% elsif _type == 'product' %} <a href="" class="icons icon-product"> </a>
{% elsif _type == 'customer' %}<a href="" class="icons icon-user"> </a>
{% elsif _type == 'marketing' %} <a href="" class="icons icon-marketing"> </a>
{% elsif _type == 'investor_relation' %} <a href="" class="icons icon-investor_relation"> </a>
{% elsif _type == 'article' %} <a href="" class="icons icon-content"> </a>
{% elsif _type == 'job' %} <a href="" class="icons icon-job"> </a>
{% elsif _type == 'pcbuilder' %} <a href="" class="icons icon-pcbuilder"> </a>
{% elsif _type == 'payinstall' %} <a href="" class="icons icon-payinstall"> </a>
{% elsif _type == 'distributor' %} <a href="" class="icons icon-distributor"> </a>
{% elsif _type == 'report' %}<i class="icons icon-stats"></i>
{% elsif _type == 'system' %}<i class="icons icon-system"></i>
{% endif %}
<a href="" class="item">
<i class="icons icon-logout"></i>
<span class="title"> Thoát quản trị </span>
</a>
</div>
<div class="sub-menu">
<p class="font-bold"> {{ _category[1].name }} </p>
<!-- Menu collapse -->
<div class="admin-menu box-menu sticky top-0 bg-[#004E99] flex flex-col justify-between pb-[20px] min-h-[100vh]" id="js-menu-small">
<div>
<div class="logo item items-center justify-center border-[rgba(255,255,255,0.15)] border-b p-[20px_0_38px_!important]">
<a href="/" class="">
<img src="../assets/images/logo_small.png" alt="">
</a>
<a href="javascript:void(0)" title="Mở menu" class="icon-close" id="js-show-menu">
<i class="fa-solid fa-indent"></i>
</a>
<div class="menu-list">
{% for _item in _menuArray %}
<a href="{{ _item.url }}" {% if _item.view==global.view and _type==global.module %}
class="current" {% endif %}> {{ _item.name }} </a>
{% endfor %}
</div>
</div>
</div>
{% endif %}
{% endfor %}
</div>
<div>
<div class="item bottom">
<a href="" class="icons icon-settings"> </a>
<div class="sub-menu">
<p class="font-bold"> Cài đặt </p>
<div class="menu-list">
{% for _item in global.main_menu.system.menu %}
<a href="{{_item.url }}"> {{_item.name }} </a>
{% endfor %}
</div>
</div>
</div>
<div class="item bottom">
<a href="" class="icons icon-support"> </a>
<div class="sub-menu">
<p class="font-bold"> Hỗ trợ </p>
<div class="menu-list">
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
</div>
</div>
</div>
<div class="item bottom">
<a href="" class="icons icon-account"> </a>
<div class="sub-menu">
<p class="font-bold"> Quản lý tài khoản </p>
<div class="menu-list">
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
</div>
</div>
</div>
</div>
<div class="item">
<a href="/" class="icons icon-home"> </a>
<a href="" class="icons icon-logout"> </a>
<div class="sub-menu">
<p class="font-bold"> Dashboard </p>
</div>
</div>
{% for _category in global.main_menu %}
{% assign _type = _category[0] %}
{% assign _menuArray = _category[1].menu %}
{% if _category[1].enable == 1 %}
<div class="item {% if _type == 'system' %} border-[rgba(255,255,255,0.15)] border-b{% endif %}">
{% if _type == 'order' %} <a href="" class="icons icon-sell"> </a>
{% elsif _type == 'product' %} <a href="" class="icons icon-product"> </a>
{% elsif _type == 'customer' %}<a href="" class="icons icon-user"> </a>
{% elsif _type == 'marketing' %} <a href="" class="icons icon-marketing"> </a>
{% elsif _type == 'investor_relation' %} <a href="" class="icons icon-investor_relation"> </a>
{% elsif _type == 'article' %} <a href="" class="icons icon-content"> </a>
{% elsif _type == 'job' %} <a href="" class="icons icon-job"> </a>
{% elsif _type == 'pcbuilder' %} <a href="" class="icons icon-pcbuilder"> </a>
{% elsif _type == 'payinstall' %} <a href="" class="icons icon-payinstall"> </a>
{% elsif _type == 'distributor' %} <a href="" class="icons icon-distributor"> </a>
{% elsif _type == 'report' %}<i class="icons icon-stats"></i>
{% elsif _type == 'system' %}<i class="icons icon-system"></i>
{% endif %}
<div class="sub-menu">
<p class="font-bold"> {{ _category[1].name }} </p>
<div class="menu-list">
{% for _item in _menuArray %}
<a href="{{ _item.url }}" {% if _item.view == global.view and
_type == global.module %} class="current" {% endif %}> {{ _item.name }} </a>
{% endfor %}
</div>
</div>
</div>
{% endif %}
{% endfor %}
</div>
<div>
<div class="item bottom">
<a href="" class="icons icon-settings"> </a>
<div class="sub-menu">
<p class="font-bold"> Cài đặt </p>
<div class="menu-list">
{% for _item in global.main_menu.system.menu %}
<a href="{{_item.url }}"> {{_item.name }} </a>
{% endfor %}
</div>
</div>
</div>
<div class="item bottom">
<a href="" class="icons icon-support"> </a>
<div class="sub-menu">
<p class="font-bold"> Hỗ trợ </p>
<div class="menu-list">
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
</div>
</div>
</div>
<div class="item bottom">
<a href="" class="icons icon-account"> </a>
<div class="sub-menu">
<p class="font-bold"> Quản lý tài khoản </p>
<div class="menu-list">
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
</div>
<p class="font-bold"> Thoát quản trị </p>
</div>
</div>
</div>
<div class="item">
<a href="" class="icons icon-logout"> </a>
<div class="admin-content-container" id="js-admin-content-container">
<!-- Header -->
<div class="admin-header-container flex items-center justify-between bg-white px-4 py-3">
<form class="max-w-[420px] relative w-[100%] menu-hide" id="js-form-search">
<div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
<i class="icons icon-search"></i>
</div>
<div class="sub-menu">
<p class="font-bold"> Thoát quản trị </p>
<input type="search" class="block border h-[36px] ps-10 rounded w-full" placeholder="Tìm kiếm">
</form>
<div class="admin-header-right flex items-center justify-end">
<a href="" title="Truy cập trung tâm hỗ trợ của Hurasoft">
<i class="icons header-support"></i>
</a>
<div
class="group relative cursor-pointer ml-[20px] mr-[35px] group [&_summary::-webkit-details-marker]:hidden">
<div class="relative flex">
<i class="icons icon-notification"></i>
<span
class="absolute bg-[#E00000] font-[500] h-[17px] leading-[17px] note right-[-5px] rounded-lg text-[#fff] text-[13px] text-center top-[-3px] w-[17px]">
0
</span>
</div>
<div
class="group-hover:opacity-[1] group-hover:z-[1] opacity-0 absolute bg-white leading-[30px] note-list shadow whitespace-nowrap z-[-1] rounded-[4px] right-[-10px]">
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
</div>
</div>
<div class="group relative cursor-pointer group [&_summary::-webkit-details-marker]:hidden">
<div class="flex items-center">
<p class="m-0 mr-[10px]"> ducdt@hurasoft.com </p>
<img src="https://via.placeholder.com/72x72"
class="block rounded-[50%] w-[36px] h-[36px] mr-[8px]" />
<i class="fa-solid fa-sort-down text-[#C9C9C9] mb-[3px]"></i>
</div>
<div
class="group-hover:opacity-[1] group-hover:z-[1] opacity-0 absolute bg-white leading-[30px] note-list shadow whitespace-nowrap z-[-1] rounded-[4px] right-0">
<a href="">Đổi mật khẩu</a>
<a href="">Thoát quản trị</a>
</div>
</div>
</div>
</div>
<!-- Content -->
{{ page_content }}
</div>
</div>
<div class="admin-content-container" id="js-admin-content-container">
<!-- Header -->
<div class="admin-header-container flex items-center justify-between bg-white px-4 py-3">
<form class="max-w-[420px] relative w-[100%] menu-hide" id="js-form-search">
<div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
<i class="icons icon-search"></i>
</div>
<input type="search" class="block border h-[36px] ps-10 rounded w-full" placeholder="Tìm kiếm">
</form>
<div class="admin-header-right flex items-center justify-end">
<a href="" title="Truy cập trung tâm hỗ trợ của Hurasoft">
<i class="icons header-support"></i>
</a>
<div class="group relative cursor-pointer ml-[20px] mr-[35px] group [&_summary::-webkit-details-marker]:hidden">
<div class="relative flex">
<i class="icons icon-notification"></i>
<span
class="absolute bg-[#E00000] font-[500] h-[17px] leading-[17px] note right-[-5px] rounded-lg text-[#fff] text-[13px] text-center top-[-3px] w-[17px]">
0
</span>
</div>
<div class="group-hover:opacity-[1] group-hover:z-[1] opacity-0 absolute bg-white leading-[30px] note-list shadow whitespace-nowrap z-[-1] rounded-[4px] right-[-10px]">
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
</div>
</div>
<div class="group relative cursor-pointer group [&_summary::-webkit-details-marker]:hidden">
<div class="flex items-center">
<p class="m-0 mr-[10px]"> ducdt@hurasoft.com </p>
<img src="https://via.placeholder.com/72x72" class="block rounded-[50%] w-[36px] h-[36px] mr-[8px]" />
<i class="fa-solid fa-sort-down text-[#C9C9C9] mb-[3px]"></i>
</div>
<div class="group-hover:opacity-[1] group-hover:z-[1] opacity-0 absolute bg-white leading-[30px] note-list shadow whitespace-nowrap z-[-1] rounded-[4px] right-0">
<a href="">Đổi mật khẩu</a>
<a href="">Thoát quản trị</a>
</div>
</div>
</div>
</div>
<!-- Content -->
{{ page_content }}
</div>
</div>
{% include javascript/index %}
{% include javascript/index %}
</body>
</html>
</html>