513 lines
23 KiB
HTML
513 lines
23 KiB
HTML
<!DOCTYPE html>
|
|
<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">
|
|
|
|
<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 rel="stylesheet" media="screen" href="{{ 'pc_style.css' | asset_url }}" />
|
|
|
|
<script src="{{ 'tailwindcss.js' | asset_url }}"></script>
|
|
|
|
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.6.0/dist/full.min.css" rel="stylesheet" type="text/css" />
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
|
|
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
{{ global | show_var }}
|
|
|
|
<div class="admin-global-container">
|
|
|
|
<!-- Menu cũ -->
|
|
<div class="admin-menu-container sticky top-0 bottom-0 h-[100vh] hidden">
|
|
<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"> Home </span>
|
|
</a>
|
|
|
|
<details>
|
|
<summary>
|
|
<a href="">
|
|
<i class="icons icon-sell"></i>
|
|
<span class="title"> Bán hàng </span>
|
|
</a>
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none">
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
d="M0.646447 11.3536C0.451184 11.1583 0.451184 10.8417 0.646447 10.6464L5.29289 6L0.646446 1.35355C0.451184 1.15829 0.451184 0.841709 0.646446 0.646446C0.841708 0.451184 1.15829 0.451184 1.35355 0.646446L6.35355 5.64645C6.54882 5.84171 6.54882 6.15829 6.35355 6.35355L1.35355 11.3536C1.15829 11.5488 0.841709 11.5488 0.646447 11.3536Z"
|
|
fill="white" />
|
|
</svg>
|
|
</summary>
|
|
|
|
<div class="sub-menu">
|
|
{% for _item in global.main_menu.order.menu %}
|
|
<a href="?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
</details>
|
|
|
|
<details>
|
|
<summary>
|
|
<a href="">
|
|
<i class="icons icon-product"></i>
|
|
|
|
<span class="title"> Sản phẩm </span>
|
|
</a>
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none">
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
d="M0.646447 11.3536C0.451184 11.1583 0.451184 10.8417 0.646447 10.6464L5.29289 6L0.646446 1.35355C0.451184 1.15829 0.451184 0.841709 0.646446 0.646446C0.841708 0.451184 1.15829 0.451184 1.35355 0.646446L6.35355 5.64645C6.54882 5.84171 6.54882 6.15829 6.35355 6.35355L1.35355 11.3536C1.15829 11.5488 0.841709 11.5488 0.646447 11.3536Z"
|
|
fill="white" />
|
|
</svg>
|
|
</summary>
|
|
|
|
<div class="sub-menu">
|
|
<a href=""> Menu title </a>
|
|
<a href=""> Menu title </a>
|
|
<a href=""> Menu title </a>
|
|
<a href=""> Menu title </a>
|
|
</div>
|
|
</details>
|
|
|
|
<details>
|
|
<summary>
|
|
<a href="">
|
|
<i class="icons icon-user"></i>
|
|
|
|
<span class="title"> Khách hàng </span>
|
|
</a>
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none">
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
d="M0.646447 11.3536C0.451184 11.1583 0.451184 10.8417 0.646447 10.6464L5.29289 6L0.646446 1.35355C0.451184 1.15829 0.451184 0.841709 0.646446 0.646446C0.841708 0.451184 1.15829 0.451184 1.35355 0.646446L6.35355 5.64645C6.54882 5.84171 6.54882 6.15829 6.35355 6.35355L1.35355 11.3536C1.15829 11.5488 0.841709 11.5488 0.646447 11.3536Z"
|
|
fill="white" />
|
|
</svg>
|
|
</summary>
|
|
|
|
<div class="sub-menu">
|
|
<a href=""> Menu title </a>
|
|
<a href=""> Menu title </a>
|
|
<a href=""> Menu title </a>
|
|
<a href=""> Menu title </a>
|
|
</div>
|
|
</details>
|
|
|
|
<details>
|
|
<summary>
|
|
<a href="">
|
|
<i class="icons icon-marketing"></i>
|
|
|
|
<span class="title"> Marketing </span>
|
|
</a>
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none">
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
d="M0.646447 11.3536C0.451184 11.1583 0.451184 10.8417 0.646447 10.6464L5.29289 6L0.646446 1.35355C0.451184 1.15829 0.451184 0.841709 0.646446 0.646446C0.841708 0.451184 1.15829 0.451184 1.35355 0.646446L6.35355 5.64645C6.54882 5.84171 6.54882 6.15829 6.35355 6.35355L1.35355 11.3536C1.15829 11.5488 0.841709 11.5488 0.646447 11.3536Z"
|
|
fill="white" />
|
|
</svg>
|
|
</summary>
|
|
|
|
<div class="sub-menu">
|
|
<a href=""> Menu title </a>
|
|
<a href=""> Menu title </a>
|
|
<a href=""> Menu title </a>
|
|
<a href=""> Menu title </a>
|
|
</div>
|
|
</details>
|
|
|
|
<details>
|
|
<summary>
|
|
<a href="">
|
|
<i class="icons icon-content"></i>
|
|
|
|
<span class="title"> Nội dung </span>
|
|
</a>
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none">
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
d="M0.646447 11.3536C0.451184 11.1583 0.451184 10.8417 0.646447 10.6464L5.29289 6L0.646446 1.35355C0.451184 1.15829 0.451184 0.841709 0.646446 0.646446C0.841708 0.451184 1.15829 0.451184 1.35355 0.646446L6.35355 5.64645C6.54882 5.84171 6.54882 6.15829 6.35355 6.35355L1.35355 11.3536C1.15829 11.5488 0.841709 11.5488 0.646447 11.3536Z"
|
|
fill="white" />
|
|
</svg>
|
|
</summary>
|
|
|
|
<div class="sub-menu">
|
|
<a href=""> Menu title </a>
|
|
<a href=""> Menu title </a>
|
|
<a href=""> Menu title </a>
|
|
<a href=""> Menu title </a>
|
|
</div>
|
|
</details>
|
|
|
|
<details>
|
|
<summary>
|
|
<a href="">
|
|
<i class="icons icon-stats"></i>
|
|
|
|
<span class="title"> Thống kê </span>
|
|
</a>
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none">
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
d="M0.646447 11.3536C0.451184 11.1583 0.451184 10.8417 0.646447 10.6464L5.29289 6L0.646446 1.35355C0.451184 1.15829 0.451184 0.841709 0.646446 0.646446C0.841708 0.451184 1.15829 0.451184 1.35355 0.646446L6.35355 5.64645C6.54882 5.84171 6.54882 6.15829 6.35355 6.35355L1.35355 11.3536C1.15829 11.5488 0.841709 11.5488 0.646447 11.3536Z"
|
|
fill="white" />
|
|
</svg>
|
|
</summary>
|
|
|
|
<div class="sub-menu">
|
|
<a href=""> Menu title </a>
|
|
<a href=""> Menu title </a>
|
|
<a href=""> Menu title </a>
|
|
<a href=""> Menu title </a>
|
|
</div>
|
|
</details>
|
|
|
|
<details>
|
|
<summary>
|
|
<a href="">
|
|
<i class="icons icon-system"></i>
|
|
|
|
<span class="title"> Hệ thống </span>
|
|
</a>
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none">
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
d="M0.646447 11.3536C0.451184 11.1583 0.451184 10.8417 0.646447 10.6464L5.29289 6L0.646446 1.35355C0.451184 1.15829 0.451184 0.841709 0.646446 0.646446C0.841708 0.451184 1.15829 0.451184 1.35355 0.646446L6.35355 5.64645C6.54882 5.84171 6.54882 6.15829 6.35355 6.35355L1.35355 11.3536C1.15829 11.5488 0.841709 11.5488 0.646447 11.3536Z"
|
|
fill="white" />
|
|
</svg>
|
|
</summary>
|
|
|
|
<div class="sub-menu">
|
|
<a href=""> Menu title </a>
|
|
<a href=""> Menu title </a>
|
|
<a href=""> Menu title </a>
|
|
<a href=""> Menu title </a>
|
|
</div>
|
|
</details>
|
|
</div>
|
|
|
|
<div class="menu-list">
|
|
<p style="color: #81B5E4;margin: 0 0 10px;font-weight: 700;padding: 0 16px;">TÀI KHOẢN</p>
|
|
|
|
<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 mới -->
|
|
<div class="admin-menu sticky top-0 bottom-0 h-[100vh] bg-[#004E99] flex flex-col justify-between">
|
|
<div>
|
|
<a href="/"
|
|
class="item items-center justify-center border-[rgba(255,255,255,0.15)] border-b p-[20px_0_38px_!important]">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="21" viewBox="0 0 35 21" fill="none">
|
|
<path
|
|
d="M28.5184 7.75141C28.4928 10.6955 27.8993 11.3464 27.8993 11.3464C29.065 3.56585 22.8312 0.686397 22.8312 0.686397C14.1636 -2.28358 11.3328 5.34611 11.3328 5.34611C5.84614 4.92368 4.24499 10.0963 4.24499 10.0963C10.9656 11.1611 9.15091 16.8812 9.15091 16.8812C9.36867 12.5146 6.78975 11.4887 6.78975 11.4887C2.42608 9.30752 0.355256 13.7302 0.355256 13.7302C-1.31421 19.2347 3.44228 20.4891 3.44228 20.4891H28.9967C35.0725 19.6098 34.748 14.1052 34.748 14.1052C34.1246 7.61347 28.5184 7.75141 28.5184 7.75141Z"
|
|
fill="white" />
|
|
</svg>
|
|
</a>
|
|
|
|
<div class="item">
|
|
<a href="/" class="icons icon-home"> </a>
|
|
|
|
<div class="sub-menu">
|
|
<p class="font-bold"> Home </p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="item">
|
|
<a href="" class="icons icon-sell"> </a>
|
|
|
|
<div class="sub-menu">
|
|
<p class="font-bold"> Bán hàng </p>
|
|
|
|
<div class="menu-list">
|
|
{% for _item in global.main_menu.order.menu %}
|
|
<a href="/?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="item">
|
|
<a href="" class="icons icon-product"> </a>
|
|
|
|
<div class="sub-menu">
|
|
<p class="font-bold"> Sản phẩm </p>
|
|
|
|
<div class="menu-list">
|
|
<a href="?module=product"> Danh sách </a>
|
|
<a href="?module=product&view=form"> Thêm sản phẩm </a>
|
|
<a href="?module=product&view=category"> Danh mục </a>
|
|
<a href=""> Menu title </a>
|
|
<a href=""> Menu title </a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="item">
|
|
<a href="" class="icons icon-user"> </a>
|
|
|
|
<div class="sub-menu">
|
|
<p class="font-bold"> Khách hàng </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">
|
|
<a href="" class="icons icon-marketing"> </a>
|
|
|
|
<div class="sub-menu">
|
|
<p class="font-bold"> Marketing </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">
|
|
<a href="" class="icons icon-content"> </a>
|
|
|
|
<div class="sub-menu">
|
|
<p class="font-bold"> Nội dung </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">
|
|
<a href="" class="icons icon-stats"> </a>
|
|
|
|
<div class="sub-menu">
|
|
<p class="font-bold"> Thống kê </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 border-[rgba(255,255,255,0.15)] border-b">
|
|
<a href="" class="icons icon-system"> </a>
|
|
|
|
<div class="sub-menu">
|
|
<p class="font-bold"> Hệ thống </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>
|
|
<div class="item">
|
|
<a href="" class="icons icon-settings"> </a>
|
|
|
|
<div class="sub-menu">
|
|
<p class="font-bold"> Cài đặt </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">
|
|
<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">
|
|
<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 mb-[20px]">
|
|
<a href="" class="icons icon-logout"> </a>
|
|
|
|
<div class="sub-menu">
|
|
<p class="font-bold"> Thoát quản trị </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="admin-content-container w-[100%]">
|
|
<!-- 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%]">
|
|
<div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
|
|
<svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
|
|
viewBox="0 0 20 20" fill="none">
|
|
<path
|
|
d="M9 17C13.4183 17 17 13.4183 17 9C17 4.58172 13.4183 1 9 1C4.58172 1 1 4.58172 1 9C1 13.4183 4.58172 17 9 17Z"
|
|
stroke="#C5C5C5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
|
|
<path d="M18.9999 19L14.6499 14.65" stroke="#C5C5C5" stroke-width="2" stroke-linecap="round"
|
|
stroke-linejoin="round" />
|
|
</svg>
|
|
</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">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" fill="none">
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
d="M14 1.86667C7.29894 1.86667 1.86667 7.29894 1.86667 14C1.86667 20.7011 7.29894 26.1333 14 26.1333C20.7011 26.1333 26.1333 20.7011 26.1333 14C26.1333 7.29894 20.7011 1.86667 14 1.86667ZM0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14Z"
|
|
fill="black" />
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
d="M14.4005 8.43719C13.7054 8.31795 12.9904 8.44859 12.3823 8.80597C11.7742 9.16335 11.3123 9.7244 11.0782 10.3898C10.9071 10.876 10.3743 11.1315 9.88803 10.9605C9.40177 10.7894 9.14625 10.2566 9.3173 9.77032C9.69765 8.68911 10.4484 7.77739 11.4365 7.19665C12.4247 6.61591 13.5864 6.40363 14.7161 6.5974C15.8458 6.79116 16.8704 7.37848 17.6085 8.25532C18.3465 9.13202 18.7505 10.2416 18.7489 11.3875C18.7485 13.1892 17.4095 14.4125 16.3733 15.1033C15.8267 15.4677 15.2868 15.737 14.8872 15.9146C14.686 16.004 14.5171 16.0716 14.3963 16.1176C14.3358 16.1407 14.2872 16.1584 14.2523 16.1708L14.2105 16.1854L14.1978 16.1898L14.1936 16.1912L14.192 16.1917C14.1917 16.1918 14.1908 16.1921 13.8956 15.3067L14.1908 16.1921C13.7017 16.3552 13.1732 16.0909 13.0102 15.6019C12.8473 15.1133 13.111 14.5853 13.5991 14.4217C13.5988 14.4218 13.5993 14.4216 13.5991 14.4217L13.6 14.4214L13.6032 14.4203L13.627 14.412C13.6495 14.404 13.6851 14.3911 13.7318 14.3733C13.8254 14.3376 13.9627 14.2828 14.1291 14.2088C14.4644 14.0598 14.9045 13.8391 15.3379 13.5501C16.2615 12.9344 16.8823 12.1979 16.8823 11.3867L16.8823 11.3853C16.8833 10.68 16.6347 9.99705 16.1805 9.45745C15.7263 8.91786 15.0957 8.55643 14.4005 8.43719Z"
|
|
fill="black" />
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
d="M13.0667 20.5333C13.0667 20.0178 13.4845 19.6 14 19.6H14.0131C14.5285 19.6 14.9464 20.0178 14.9464 20.5333C14.9464 21.0488 14.5285 21.4666 14.0131 21.4666H14C13.4845 21.4666 13.0667 21.0488 13.0667 20.5333Z"
|
|
fill="black" />
|
|
</svg>
|
|
</a>
|
|
|
|
<div
|
|
class="group relative cursor-pointer ml-[20px] mr-[35px] group [&_summary::-webkit-details-marker]:hidden">
|
|
<div class="relative flex">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="28" viewBox="0 0 26 28"
|
|
fill="none">
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
d="M12.6752 4.02515C11.6279 4.02515 10.5909 4.23143 9.62329 4.63221C8.65572 5.03299 7.77656 5.62042 7.03601 6.36097C6.29547 7.10152 5.70803 7.98067 5.30725 8.94825C4.90647 9.91582 4.70019 10.9529 4.70019 12.0001C4.70019 16.6158 3.73241 19.3956 2.80371 21.0002H22.5467C21.618 19.3956 20.6502 16.6158 20.6502 12.0001C20.6502 10.9529 20.4439 9.91582 20.0431 8.94825C19.6423 7.98067 19.0549 7.10152 18.3144 6.36097C17.5738 5.62042 16.6947 5.03299 15.7271 4.63221C14.7595 4.23143 13.7225 4.02515 12.6752 4.02515ZM8.85792 2.78445C10.0681 2.28316 11.3653 2.02515 12.6752 2.02515C13.9851 2.02515 15.2822 2.28316 16.4925 2.78445C17.7027 3.28574 18.8023 4.02049 19.7286 4.94676C20.6548 5.87302 21.3896 6.97266 21.8909 8.18288C22.3922 9.3931 22.6502 10.6902 22.6502 12.0001C22.6502 16.3335 23.557 18.7535 24.2781 19.9991L24.2787 20.0001C24.454 20.3037 24.5464 20.6479 24.5467 20.9984C24.547 21.3489 24.4552 21.6933 24.2805 21.9971C24.1058 22.3009 23.8543 22.5535 23.5512 22.7296C23.2482 22.9056 22.9042 22.9989 22.5537 23.0001L22.5502 23.0001H2.80019L2.79667 23.0001C2.4462 22.9989 2.1022 22.9056 1.79914 22.7296C1.49608 22.5535 1.2446 22.3009 1.0699 21.9971C0.895195 21.6933 0.803401 21.3489 0.803712 20.9984C0.804022 20.6479 0.896425 20.3037 1.07167 20.0001L1.07226 19.9991C1.79338 18.7535 2.70019 16.3335 2.70019 12.0001C2.70019 10.6902 2.9582 9.3931 3.45949 8.18288C3.96078 6.97266 4.69554 5.87302 5.6218 4.94676C6.54806 4.02049 7.6477 3.28574 8.85792 2.78445Z"
|
|
fill="black"></path>
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
d="M8.67529 21.0001C9.22758 21.0001 9.67529 21.4478 9.67529 22.0001V23.0001C9.67529 23.7958 9.99136 24.5588 10.554 25.1214C11.1166 25.6841 11.8796 26.0001 12.6753 26.0001C13.4709 26.0001 14.234 25.6841 14.7966 25.1214C15.3592 24.5588 15.6753 23.7958 15.6753 23.0001V22.0001C15.6753 21.4478 16.123 21.0001 16.6753 21.0001C17.2276 21.0001 17.6753 21.4478 17.6753 22.0001V23.0001C17.6753 24.3262 17.1485 25.598 16.2108 26.5357C15.2731 27.4733 14.0014 28.0001 12.6753 28.0001C11.3492 28.0001 10.0774 27.4733 9.13976 26.5357C8.20208 25.598 7.67529 24.3262 7.67529 23.0001V22.0001C7.67529 21.4478 8.12301 21.0001 8.67529 21.0001Z"
|
|
fill="black"></path>
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
d="M18.7546 0.466336C19.0494 -0.000683993 19.667 -0.140291 20.134 0.154515C22.3252 1.5377 24.0937 3.497 25.2459 5.81797C25.4915 6.31265 25.2896 6.91275 24.7949 7.15833C24.3002 7.40391 23.7001 7.20197 23.4545 6.70729C22.4654 4.71495 20.9474 3.03308 19.0664 1.84574C18.5994 1.55094 18.4598 0.933356 18.7546 0.466336Z"
|
|
fill="black"></path>
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
d="M6.59584 0.466336C6.89064 0.933356 6.75103 1.55094 6.28401 1.84574C4.40308 3.03308 2.885 4.71495 1.89592 6.70729C1.65034 7.20197 1.05024 7.40391 0.555559 7.15833C0.0608782 6.91275 -0.141057 6.31265 0.104523 5.81797C1.25675 3.497 3.02523 1.5377 5.21643 0.154515C5.68345 -0.140291 6.30103 -0.000683993 6.59584 0.466336Z"
|
|
fill="black"></path>
|
|
</svg>
|
|
|
|
<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]" />
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="8" height="6" viewBox="0 0 8 6" fill="none">
|
|
<path
|
|
d="M4.00078 6C3.83058 5.99914 3.66272 5.96041 3.50935 5.88661C3.35599 5.81281 3.22098 5.7058 3.11411 5.57333L0.307445 2.17333C0.143441 1.96865 0.0402359 1.722 0.00958995 1.46151C-0.021056 1.20102 0.0220901 0.937162 0.134112 0.7C0.224965 0.493884 0.373227 0.318276 0.561191 0.194148C0.749155 0.0700212 0.968876 0.00262204 1.19411 0H6.80744C7.03268 0.00262204 7.2524 0.0700212 7.44037 0.194148C7.62833 0.318276 7.77659 0.493884 7.86744 0.7C7.97947 0.937162 8.02261 1.20102 7.99197 1.46151C7.96132 1.722 7.85812 1.96865 7.69411 2.17333L4.88744 5.57333C4.78058 5.7058 4.64557 5.81281 4.4922 5.88661C4.33884 5.96041 4.17097 5.99914 4.00078 6Z"
|
|
fill="#C9C9C9" />
|
|
</svg>
|
|
</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>
|
|
|
|
|
|
|
|
</body>
|
|
|
|
</html>
|