VvebOIDC/public/admin/default/field/fields.html

1235 lines
61 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">
<base href="../">
<title>Vvveb - Field</title>
<link href="css/admin.css" rel="stylesheet">
</head>
<body class="field">
<div id="container">
<div class="sidebar">
<div class="logo">
<a href="/admin" class="img"></a>
<a id="color-theme-switch" title="Switch sidebar color theme">
<i class="la la-sun"></i>
</a>
<a class="menu-toggle" title="Toggle sidebar width">
<i class="ion-navicon"></i>
</a>
</div>
<!-- navbar -->
<nav class="navbar navbar-expand-sm">
<div class="logo">
<!-- h1 class="display-5"><a href="#">M.</a></h1-->
<a href="/admin" class="img">
<!-- <img src="img/logo.png"> -->
</a>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#sidebarNav" aria-controls="sidebarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!--
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav flex-column" data-v-menu>
<li class="nav-item" data-v-menu-item>
<a class="nav-link" href="/admin" data-bs-target="#posts"
data-v-menu-item-url>
<i class="ion-ios-pulse" data-v-menu-item-icon></i>
<img src="" class="icon-img" data-v-menu-item-icon-img></i>
<span class="title" data-v-menu-item-name>Dashboard</span>
<span class="text-muted" data-v-menu-item-subtitle>Subtitle</span>
<span class="badge badge-primary" data-v-menu-item-badge></span>
</a>
<ul class="collapse sub-menu fade" aria-labelledby="Preview" id="posts" data-v-submenu>
<li class="nav-item" data-v-submenu-item>
<a href="/adminindex.php?module=posts" class="nav-link"
data-v-submenu-item-url>
<i class="ion-ios-pulse" data-v-submenu-item-icon></i>
<img src="" class="icon-img" data-v-submenu-item-icon-img></i>
<span data-v-submenu-item-name>Submenu</span>
<span class="text-muted" data-v-submenu-item-subtitle>Subtitle</span>
<span class="badge badge-primary" data-v-submenu-item-badge></span>
</a>
</li>
</ul>
</li>
</ul>
</div>
-->
<div class="collapse navbar-collapse" id="sidebarNav">
<ul class="nav navbar-nav flex-column" data-v-menu="">
<li class="nav-item" data-v-menu-item>
<a class="nav-link d-none d-md-block " href="/admin" data-v-menu-item-url>
<i class="ion-ios-pulse" data-v-menu-item-icon></i>
<img src="#" class="icon-img" data-v-menu-item-icon-img>
<span class="title" data-v-menu-item-name>Dashboard</span>
<!-- span class="text-muted" data-v-menu-item-subtitle>Subtitle</span -->
<span class="badge badge-primary" data-v-menu-item-badge></span>
</a>
<a class="nav-link mobile d-block d-sm-none" href="/admin" data-v-menu-item-url>
<i class="ion-ios-pulse" data-v-menu-item-icon></i>
<img src="#" class="icon-img" data-v-menu-item-icon-img>
<span class="title" data-v-menu-item-name>Dashboard</span>
<!-- span class="text-muted" data-v-menu-item-subtitle>Subtitle</span -->
<span class="badge badge-primary" data-v-menu-item-badge></span>
</a>
<ul class="dropdown-menu sub-menu fade" aria-labelledby="Preview" id="posts" data-v-submenu>
<li class="nav-item" data-v-submenu-item>
<a href="/adminindex.php?module=posts" class="nav-link" data-v-submenu-item-url>
<i class="ion-ios-pulse" data-v-submenu-item-icon></i>
<img src="#" class="icon-img" data-v-submenu-item-icon-img>
</i>
<span data-v-submenu-item-name>Submenu</span>
<span class="text-muted" data-v-submenu-item-subtitle>Subtitle</span>
<span class="badge badge-primary" data-v-submenu-item-badge></span>
</a>
</li>
</ul>
</li>
<li class="nav-item " data-v-menu-item="">
<a class="nav-link " href="/admin?module=/editor/editor&amp;type=post" data-bs-target="#menu-edit" data-v-menu-item-url="" title="Edit website">
<i class="ion-ios-color-wand-outline" data-v-menu-item-icon=""></i>
<span class="title" data-v-menu-item-name="">Edit website</span>
</a>
</li>
<li class="nav-item " data-v-menu-item="">
<a class="nav-link items" href="/admin?module=content/posts&amp;type=post" data-bs-target="#menu-post" data-v-menu-item-url="" title="Posts">
<i class="ion-ios-photos-outline" data-v-menu-item-icon=""></i>
<span class="title" data-v-menu-item-name="">Posts</span>
</a>
<ul class="collapse sub-menu fade " aria-labelledby="Preview" id="posts" data-v-submenu="">
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=content/posts&type=post" class="nav-link " data-v-submenu-item-url="">
<i class="la la-file-alt" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Posts</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=content/post&type=post" class="nav-link " data-v-submenu-item-url="">
<i class="la la-plus-circle" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Add new</span>
</a>
</li>
<li class="nav-item heading" data-v-submenu-item="">
<a href="" class="nav-link " data-v-submenu-item-url="">
<span data-v-submenu-item-name="">Classification</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=content/categories&type=post" class="nav-link " data-v-submenu-item-url="">
<i class="la la-boxes" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Categories</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=content/categories&type=post" class="nav-link " data-v-submenu-item-url="">
<i class="la la-tags" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Tags</span>
</a>
</li>
<li class="nav-item heading" data-v-submenu-item="">
<a href="" class="nav-link " data-v-submenu-item-url="">
<span data-v-submenu-item-name="">General</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=content/comments&type=post" class="nav-link " data-v-submenu-item-url="">
<i class="la la-comments" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Comments</span>
</a>
</li>
</ul>
</li>
<li class="nav-item " data-v-menu-item="">
<a class="nav-link items" href="/admin?module=content/posts&type=page" data-bs-target="#menu-pages" data-v-menu-item-url="" title="Pages">
<i class="ion-ios-list-outline" data-v-menu-item-icon=""></i>
<span class="title" data-v-menu-item-name="">Pages</span>
</a>
<ul class="collapse sub-menu fade " aria-labelledby="Preview" id="posts" data-v-submenu="">
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=content/posts" class="nav-link " data-v-submenu-item-url="">
<i class="la la-file-invoice" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Pages</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=content/post" class="nav-link " data-v-submenu-item-url="">
<i class="la la-plus-circle" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Add new page</span>
</a>
</li>
</ul>
</li>
<li class="nav-item " data-v-menu-item="">
<a class="nav-link " href="/admin?module=media/media" data-bs-target="#menu-medialibrary" data-v-menu-item-url="" title="Media library">
<i class="ion-ios-albums-outline" data-v-menu-item-icon=""></i>
<span class="title" data-v-menu-item-name="">Media library</span>
</a>
</li>
<li class="nav-item heading" data-v-menu-item="">
<a class="nav-link " href="" data-bs-target="#menu-ecommerce" data-v-menu-item-url="" title="Ecommerce">
<span class="title" data-v-menu-item-name="">Ecommerce</span>
</a>
</li>
<li class="nav-item " data-v-menu-item="">
<a class="nav-link items" href="/admin?module=order/orders" data-bs-target="#menu-sales" data-v-menu-item-url="" title="Sales">
<i class="ion-ios-cart-outline" data-v-menu-item-icon=""></i>
<span class="title" data-v-menu-item-name="">Sales</span>
</a>
<ul class="collapse sub-menu fade " aria-labelledby="Preview" id="posts" data-v-submenu="">
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=order/orders" class="nav-link " data-v-submenu-item-url="">
<i class="la la-file-invoice-dollar" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Orders</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=order/recurring" class="nav-link " data-v-submenu-item-url="">
<i class="la la-retweet" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Recurring</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=order/returns" class="nav-link " data-v-submenu-item-url="">
<i class="la la-undo" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Returns</span>
</a>
</li>
</ul>
</li>
<li class="nav-item " data-v-menu-item="">
<a class="nav-link items" href="/admin?module=product/products" data-bs-target="#menu-products" data-v-menu-item-url="" title="Products">
<i class="ion-ios-pricetag-outline" data-v-menu-item-icon=""></i>
<span class="title" data-v-menu-item-name="">Products</span>
</a>
<ul class="collapse sub-menu fade " aria-labelledby="Preview" id="posts" data-v-submenu="">
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=product/products" class="nav-link " data-v-submenu-item-url="">
<i class="la la-box" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Products</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=product/product" class="nav-link " data-v-submenu-item-url="">
<i class="la la-plus-circle" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Add new product</span>
</a>
</li>
<li class="nav-item heading" data-v-submenu-item="">
<a href="" class="nav-link " data-v-submenu-item-url="">
<span data-v-submenu-item-name="">Taxonomy</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=product/categories" class="nav-link " data-v-submenu-item-url="">
<i class="la la-boxes" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Categories</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=product/manufacturers" class="nav-link " data-v-submenu-item-url="">
<i class="la la-industry" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Manufacturers</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=product/vendors" class="nav-link " data-v-submenu-item-url="">
<i class="la la-store" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Vendors</span>
</a>
</li>
<li class="nav-item heading" data-v-submenu-item="">
<a href="" class="nav-link " data-v-submenu-item-url="">
<span data-v-submenu-item-name="">Configuration</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=product/fields" class="nav-link " data-v-submenu-item-url="">
<i class="la la-stream" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Custom fields</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=product/options" class="nav-link " data-v-submenu-item-url="">
<i class="la la-filter" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Options</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=product/options" class="nav-link " data-v-submenu-item-url="">
<i class="la la-cloud-download-alt" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Digital content</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=product/reviews" class="nav-link " data-v-submenu-item-url="">
<i class="la la-comment" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Reviews</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=product/questions" class="nav-link " data-v-submenu-item-url="">
<i class="la la-question-circle" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Questions</span>
</a>
</li>
</ul>
</li>
<li class="nav-item " data-v-menu-item="">
<a class="nav-link items" href="/admin?module=user/users" data-bs-target="#menu-users" data-v-menu-item-url="" title="Users">
<i class="ion-ios-person-outline" data-v-menu-item-icon=""></i>
<span class="title" data-v-menu-item-name="">Users</span>
</a>
<ul class="collapse sub-menu fade " aria-labelledby="Preview" id="posts" data-v-submenu="">
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=user/users" class="nav-link " data-v-submenu-item-url="">
<i class="la la-user" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Users</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=user/user" class="nav-link " data-v-submenu-item-url="">
<i class="la la-plus-circle" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Add new user</span>
</a>
</li>
</ul>
</li>
<li class="nav-item heading" data-v-menu-item="">
<a class="nav-link " href="" data-bs-target="#menu-configuration" data-v-menu-item-url="" title="Configuration">
<span class="title" data-v-menu-item-name="">Configuration</span>
</a>
</li>
<li class="nav-item " data-v-menu-item="">
<a class="nav-link items" href="/admin?module=plugin/plugins" data-bs-target="#menu-plugins" data-v-menu-item-url="" title="Plugins">
<i class="ion-ios-gear-outline" data-v-menu-item-icon=""></i>
<span class="title" data-v-menu-item-name="">Plugins</span>
</a>
<ul class="collapse sub-menu fade " aria-labelledby="Preview" id="posts" data-v-submenu="">
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=plugin/plugins" class="nav-link " data-v-submenu-item-url="">
<i class="la la-plug" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Installed Plugins</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=plugin/market" class="nav-link " data-v-submenu-item-url="">
<i class="la la-plus-circle" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Add new plugin</span>
</a>
</li>
<li class="nav-item heading" data-v-submenu-item="">
<a href="" class="nav-link " data-v-submenu-item-url="">
<span data-v-submenu-item-name="">Plugins</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=plugins/cdn/settings" class="nav-link " data-v-submenu-item-url="">
<img src="/plugins/cdn/cdn.svg" class="icon-img" data-v-submenu-item-icon-img="">
<span data-v-submenu-item-name="">CDN for static content</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin" class="nav-link " data-v-submenu-item-url="">
<img src="/plugins/contact-form/contact-form.svg" class="icon-img" data-v-submenu-item-icon-img="">
<span data-v-submenu-item-name="">Contact form</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=plugins/insert-scripts/settings" class="nav-link " data-v-submenu-item-url="">
<img src="/plugins/insert-scripts/insert-scripts.svg" class="icon-img" data-v-submenu-item-icon-img="">
<span data-v-submenu-item-name="">Insert scripts</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=plugins/markdown/settings" class="nav-link " data-v-submenu-item-url="">
<img src="/plugins/markdown/markdown.svg" class="icon-img" data-v-submenu-item-icon-img="">
<span data-v-submenu-item-name="">Markdown</span>
</a>
</li>
</ul>
</li>
<li class="nav-item " data-v-menu-item="">
<a class="nav-link items" href="/admin?module=theme/themes" data-bs-target="#menu-themes" data-v-menu-item-url="" title="Themes">
<i class="ion-ios-color-wand-outline" data-v-menu-item-icon=""></i>
<span class="title" data-v-menu-item-name="">Themes</span>
</a>
<ul class="collapse sub-menu fade " aria-labelledby="Preview" id="posts" data-v-submenu="">
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=theme/themes" class="nav-link " data-v-submenu-item-url="">
<i class="la la-brush" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Installed Themes</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=theme/market" class="nav-link " data-v-submenu-item-url="">
<i class="la la-plus-circle" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Add new</span>
</a>
</li>
</ul>
</li>
<li class="nav-item align-top" data-v-menu-item="">
<a class="nav-link items" href="settings" data-bs-target="#menu-settings" data-v-menu-item-url="" title="Settings">
<i class="ion-ios-settings" data-v-menu-item-icon=""></i>
<span class="title" data-v-menu-item-name="">Settings</span>
</a>
<ul class="collapse sub-menu fade " aria-labelledby="Preview" id="posts" data-v-submenu="">
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=settings/settings" class="nav-link " data-v-submenu-item-url="">
<i class="la la-cog" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">General Settings</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=admin/users" class="nav-link items" data-v-submenu-item-url="">
<i class="la la-user" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Admin users</span>
</a>
<ul class="collapse sub-menu fade " aria-labelledby="Preview" id="posts" data-v-submenu="">
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=admin/users" class="nav-link " data-v-submenu-item-url="">
<i class="la la-user" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Users</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=admin/user" class="nav-link " data-v-submenu-item-url="">
<i class="la la-user-plus" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Add new user</span>
</a>
</li>
<li class="nav-item heading" data-v-submenu-item="">
<a href="" class="nav-link " data-v-submenu-item-url="">
<span data-v-submenu-item-name="">Roles</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=admin/roles" class="nav-link " data-v-submenu-item-url="">
<i class="la la-user-cog" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Manage Roles</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=admin/roles" class="nav-link " data-v-submenu-item-url="">
<i class="la la-users-cog" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Add Roles</span>
</a>
</li>
</ul>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=admin/users" class="nav-link items" data-v-submenu-item-url="">
<i class="la la-file-alt" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Content</span>
</a>
<ul class="collapse sub-menu fade " aria-labelledby="Preview" id="posts" data-v-submenu="">
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=content/fields" class="nav-link " data-v-submenu-item-url="">
<i class="la la-stream" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Custom fields</span>
</a>
</li>
<li class="nav-item align-top" data-v-submenu-item="">
<a href="/admin?module=content/categories" class="nav-link items" data-v-submenu-item-url="">
<i class="la la-boxes" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Taxonomies</span>
</a>
<ul class="collapse sub-menu fade " aria-labelledby="Preview" id="posts" data-v-submenu="">
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=content/categories" class="nav-link " data-v-submenu-item-url="">
<i class="la la-boxes" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Categories</span>
<span class="text-muted" data-v-submenu-item-subtitle="">(Hierarchical)</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=content/tags" class="nav-link " data-v-submenu-item-url="">
<i class="la la-tags" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Tags</span>
<span class="text-muted" data-v-submenu-item-subtitle="">(Flat)</span>
</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="nav-item align-top" data-v-submenu-item="">
<a href="/admin?module=user/users" class="nav-link items" data-v-submenu-item-url="">
<i class="la la-shopping-cart" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Ecommerce</span>
</a>
<ul class="collapse sub-menu fade " aria-labelledby="Preview" id="posts" data-v-submenu="">
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=settings/checkout" class="nav-link " data-v-submenu-item-url="">
<i class="la la-credit-card" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Checkout &amp; payments</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=settings/shipping" class="nav-link " data-v-submenu-item-url="">
<i class="la la-shipping-fast" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Shipping</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=settings/notifications" class="nav-link " data-v-submenu-item-url="">
<i class="la la-envelope" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Email notifications</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=settings/discount" class="nav-link " data-v-submenu-item-url="">
<i class="la la-percentage" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Discount coupons</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=settings/discount" class="nav-link items" data-v-submenu-item-url="">
<i class="la la-file-invoice-dollar" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Taxes</span>
</a>
<ul class="collapse sub-menu fade " aria-labelledby="Preview" id="posts" data-v-submenu="">
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=admin/users" class="nav-link " data-v-submenu-item-url="">
<i class="la la-user" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Tax classes</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=admin/user" class="nav-link " data-v-submenu-item-url="">
<i class="la la-user-plus" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Tax rates</span>
</a>
</li>
<li class="nav-item heading" data-v-submenu-item="">
<a href="" class="nav-link " data-v-submenu-item-url="">
<span data-v-submenu-item-name="">Roles</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=admin/roles" class="nav-link " data-v-submenu-item-url="">
<i class="la la-user-cog" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Manage Roles</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=admin/roles" class="nav-link " data-v-submenu-item-url="">
<i class="la la-users-cog" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Add Roles</span>
</a>
</li>
</ul>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=settings/discount" class="nav-link " data-v-submenu-item-url="">
<i class="la la-undo" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Returns</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=settings/discount" class="nav-link " data-v-submenu-item-url="">
<i class="la la-tags" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Statuses</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=settings/discount" class="nav-link " data-v-submenu-item-url="">
<i class="la la-ruler" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Classes</span>
</a>
</li>
</ul>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=user/users" class="nav-link items" data-v-submenu-item-url="">
<i class="la la-flag" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Localization</span>
</a>
<ul class="collapse sub-menu fade " aria-labelledby="Preview" id="posts" data-v-submenu="">
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=localization/languages" class="nav-link " data-v-submenu-item-url="">
<i class="la la-flag" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Languages</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=localization/currencies" class="nav-link " data-v-submenu-item-url="">
<i class="la la-coins" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Currencies</span>
</a>
</li>
<li class="nav-item align-top" data-v-submenu-item="">
<a href="/admin?module=localization/currencies" class="nav-link items" data-v-submenu-item-url="">
<i class="la la-globe" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Geo location</span>
</a>
<ul class="collapse sub-menu fade " aria-labelledby="Preview" id="posts" data-v-submenu="">
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=localization/languages" class="nav-link " data-v-submenu-item-url="">
<i class="la la-flag" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Countries</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=localization/currencies" class="nav-link " data-v-submenu-item-url="">
<i class="la la-city" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Zones</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=localization/currencies" class="nav-link " data-v-submenu-item-url="">
<i class="la la-atlas" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Zone Groups</span>
</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=theme/themes" class="nav-link items" data-v-submenu-item-url="">
<i class="la la-stop la-90" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Sites</span>
</a>
<ul class="collapse sub-menu fade " aria-labelledby="Preview" id="posts" data-v-submenu="">
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=settings/sites" class="nav-link " data-v-submenu-item-url="">
<i class="la la-stop" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Sites</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=settings/sites" class="nav-link " data-v-submenu-item-url="">
<i class="la la-plus-circle" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Add new</span>
</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="nav-item align-top" data-v-menu-item="">
<a class="nav-link items" href="/admin?module=tools" data-bs-target="#menu-tools" data-v-menu-item-url="" title="Tools">
<i class="ion-ios-world-outline" data-v-menu-item-icon=""></i>
<span class="title" data-v-menu-item-name="">Tools</span>
</a>
<ul class="collapse sub-menu fade " aria-labelledby="Preview" id="posts" data-v-submenu="">
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=tools/cache" class="nav-link " data-v-submenu-item-url="">
<i class="la la-circle-notch" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Cache</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=tools/import" class="nav-link items" data-v-submenu-item-url="">
<i class="la la-upload" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Import/Export</span>
</a>
<ul class="collapse sub-menu fade " aria-labelledby="Preview" id="posts" data-v-submenu="">
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=tools/import" class="nav-link " data-v-submenu-item-url="">
<i class="la la-file-import" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Import</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=tools/export" class="nav-link " data-v-submenu-item-url="">
<i class="la la-file-export" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Export</span>
</a>
</li>
</ul>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=tools/backup" class="nav-link " data-v-submenu-item-url="">
<i class="la la-server" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Backup</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=tools/system-info" class="nav-link items" data-v-submenu-item-url="">
<i class="la la-info-circle" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">System info</span>
</a>
<ul class="collapse sub-menu fade " aria-labelledby="Preview" id="posts" data-v-submenu="">
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=tools/systeminfo" class="nav-link " data-v-submenu-item-url="">
<i class="la la-info" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">System Info</span>
</a>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=tools/errorlog" class="nav-link " data-v-submenu-item-url="">
<i class="la la-bug" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Error log</span>
</a>
</li>
</ul>
</li>
<li class="nav-item " data-v-submenu-item="">
<a href="/admin?module=tools/security" class="nav-link " data-v-submenu-item-url="">
<i class="la la-shield-alt" data-v-submenu-item-icon=""></i>
<span data-v-submenu-item-name="">Security</span>
</a>
</li>
</ul>
</li>
</ul>
</div>
</nav> <!-- /navbar -->
</div>
<div class="main">
<div class="top-header">
<div class="btn-group" data-v-component-sites>
<button type="button" class="btn dropdown-toggle text-body" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="la la-eye"></i>
<span>View live website</span>
</button>
<div class="dropdown-menu">
<div data-v-site>
<a class="dropdown-item d-flex" href="#" data-v-site-href target="_blank">
<!-- i class="la la-circle la-lg me-2"></i -->
<span data-v-site-name class="flex-grow-1">Default website</span>
<i class="la la-external-link-alt"></i>
</a>
</div>
<div data-v-site>
<a class="dropdown-item" href="#" data-v-site target="_blank">
<i class="la la-eye la-lg me-2"></i>
<span data-v-site-name>Blog</span>
</a>
</div>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#" data-v-url-params='{"module":"settings/sites"}'>
<span class="flex-grow-1">Manage sites</span>
<i class="la la-edit ms-2"></i>
</a>
</div>
</div>
<div class="btn-group">
<button type="button" class="btn dropdown-toggle text-body" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="la la-circle-notch"></i>
<span>Clear cache</span>
</button>
<div class="dropdown-menu">
<div>
<a class="dropdown-item d-flex" href="#" target="_blank" data-v-url-params='{"module":"tools/cache", "action":"asset"}'>
<span class="flex-grow-1">Assets</span>
<i class="la la-circle-notch"></i>
</a>
</div>
<div>
<a class="dropdown-item d-flex" href="#" target="_blank" data-v-url-params='{"module":"tools/cache", "action":"template"}'>
<span class="flex-grow-1">Templates</span>
<i class="la la-circle-notch"></i>
</a>
</div>
<div>
<a class="dropdown-item d-flex" href="#" target="_blank" data-v-url-params='{"module":"tools/cache", "action":"database"}'>
<span class="flex-grow-1">Database</span>
<i class="la la-circle-notch"></i>
</a>
</div>
<div>
<a class="dropdown-item d-flex" href="#" target="_blank" data-v-url-params='{"module":"tools/cache", "action":"page"}'>
<span class="flex-grow-1">Page cache</span>
<i class="la la-circle-notch"></i>
</a>
</div>
<div class="dropdown-divider"></div>
<div>
<a class="dropdown-item d-flex" href="#" target="_blank" data-v-url-params='{"module":"tools/cache", "action":"delete"}'>
<span class="flex-grow-1">All cache</span>
<i class="la la-circle-notch"></i>
</a>
</div>
</div>
</div>
<div class="float-end">
<div class="btn-group" data-v-component-notifications>
<button type="button" class="btn dropdown-toggle text-body" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="la la-bell"></i>
<span class="badge bg-success" data-v-if="notifications.count > 0" data-v-notification-count>5</span>
</button>
<div class="dropdown-menu">
<div data-v-if="notifications.updates.core.hasUpdate">
<a class="dropdown-item" href="#" data-v-site-href data-v-url-params='{"module":"tools/update"}'>
<i class="la la-bolt"></i>
<strong class="badge bg-success small" data-v-notification-updates-core-version>0.0.5</strong>
<span>Update available</span>
</a>
</div>
<div data-v-if-not="notifications.updates.core.hasUpdate">
<a class="dropdown-item" href="#" data-v-site-href data-v-url-params='{"module":"tools/update"}'>
<i class="la la-bolt"></i>
<strong class="badge bg-primary small" data-v-notification-updates-core-version>0.0.5</strong>
<span>Up to date</span>
</a>
</div>
<!--
<div class="dropdown-divider"></div>
<div><h6 class="dropdown-header">Sales</h6></div>
<div>
<a class="dropdown-item" href="#" data-v-site-href data-v-url-params='{"module":"order/orders"}'>
<i class="la la-file-invoice"></i> <strong class="badge bg-primary small" data-v-notification-value>5</strong>
<span>New orders</span>
</a>
<a class="dropdown-item" href="#" data-v-site-href data-v-url-params='{"module":"order/orders"}'>
<i class="la la-file-invoice"></i> <strong class="badge bg-danger small" data-v-notification-value>2</strong>
<span>Returns</span>
</a>
</div>
<div class="dropdown-divider"></div>
<div><h6 class="dropdown-header">Comments</h6></div>
<div>
<a class="dropdown-item" href="#" data-v-site-href data-v-url-params='{"module":"content/comments"}'>
<i class="la la-comment"></i> <strong class="badge bg-success small" data-v-notification-value>5</strong>
<span>New comments</span>
</a>
</div>
<div>
<a class="dropdown-item" href="#" data-v-site-href data-v-url-params='{"module":"content/comments"}'>
<i class="la la-comment"></i> <strong class="badge bg-warning small" data-v-notification-value>5</strong>
<span>Spam comments</span>
</a>
</div>
<div class="dropdown-divider"></div>
<div><h6 class="dropdown-header">Products</h6></div>
<div>
<a class="dropdown-item" href="#" data-v-site-href data-v-url-params='{"module":"content/comments"}'>
<i class="la la-comment"></i> <strong class="badge bg-info small" data-v-notification-value>5</strong>
<span>New reviews</span>
</a>
</div>
<div>
<a class="dropdown-item" href="#" data-v-site-href data-v-url-params='{"module":"content/comments"}'>
<i class="la la-comment"></i> <strong class="badge bg-info small" data-v-notification-value>5</strong>
<span>New questions</span>
</a>
</div>
-->
</div>
</div>
<div class="btn-group" data-v-component-sites>
<form method="post">
<button type="button" class="btn dropdown-toggle text-body" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="la la-sitemap me-1"></i>
<span data-v-site-info-name>Default site</span>
</button>
<div class="dropdown-menu">
<div data-v-site>
<button class="dropdown-item" href="#" data-v-site-site_id name="site" value="default">
<i class="la la-window-minimize la-lg me-2" data-v-if="state = 'live'" data-v-site-icon></i>
<i class="la la-lg me-2" data-v-if-not="state = 'live'" data-v-site-icon></i>
<span data-v-site-name>Default website</span>
</button>
</div>
<div data-v-site>
<a class="dropdown-item" href="#" data-v-site name="site" value="default">
<i class="la la-window-minimize la-lg me-2" data-v-site-icon></i>
<span data-v-site-name>Blog</span>
</a>
</div>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#" data-v-url-params='{"module":"settings/site"}'>
<i class="la la-plus me-2"></i>
Add new
</a>
</div>
</form>
</div>
<div class="btn-group" data-v-component-states>
<form method="post">
<button type="button" class="btn dropdown-toggle text-body" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="la text-success me-1" data-v-state-info-active_icon></i>
<span data-v-state-info-active_name>Live</span>
</button>
<div class="dropdown-menu">
<div data-v-state>
<button class="dropdown-item" href="#" onclick="return confirm('Are you sure you want to set your website to `' + dataset.state + '` state?')" name="state" data-state="live">
<i class="la la-broadcast-tower la-lg me-2" data-v-state-icon></i>
<span data-v-state-name>
Live
</span>
</button>
</div>
<div data-v-state>
<button class="dropdown-item" href="#" onclick="return confirm('Are you sure you want to set your website to maintenance?')" name="state" data-state="maintenance">
<i class="la la-wrench la-lg me-2" data-v-state-icon></i>
<span data-v-state-name>
Maintenance
</span>
</button>
</div>
<div data-v-state>
<button class="dropdown-item" href="#" onclick="return confirm('Are you sure you want to set your website to coming soon mode?')" name="state" data-state="coming soon">
<i class="la la-clock la-lg me-2" data-v-state-icon></i>
<span data-v-state-name>
Coming soon
</span>
</button>
</div>
</div>
</form>
</div>
<div class="btn-group" data-v-component-languages>
<form method="post">
<button type="button" class="btn dropdown-toggle text-body" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="la la-flag me-1"></i>
<span data-v-language-info-name>English</span>
</button>
<div class="dropdown-menu">
<div data-v-language>
<button class="dropdown-item" href="#" name="language" data-v-language-code>
<i class="la la-flag la-lg me-2"></i>
<span data-v-language-name>English</span>
</button>
</div>
<div data-v-language>
<button class="dropdown-item" href="#" name="language" data-v-language-code>
<i class="la la-flag la-lg me-2"></i>
<span data-v-language-name>Romanian</span>
</button>
</div>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#" data-v-url-params='{"module":"localization/languages"}'>
<i class="la la-plus me-2"></i>
Add new
</a>
</div>
</form>
</div>
<div class="vr align-middle mx-1"></div>
<a target="_blank" href="&action=goToHelp" onclick="this.href = window.location.href.replace('action', 'origaction') + (window.location.href.indexOf('?') > 0 ? '&' : '?') + 'action=goToHelp'" class="btn text-body" aria-haspopup="true" aria-expanded="false">
<i class="la la-lg la-question-circle lh-1"></i>
<span>Docs</span>
</a>
<div class="btn-group" data-v-component-admin>
<form action="/admin?module=user/login" method="post" enctype="multipart/form-data" data-v-url-params='{"module":"user/login"}'>
<input type="hidden" name="csrf" data-v-csrf>
<button type="button" class="btn dropdown-toggle text-body" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="la la-user"></i>
<span data-v-admin-display_name>Admin</span>
</button>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#" data-v-admin-edit-url>
<span>Edit Profile</span>
</a>
<div class="dropdown-divider"></div>
<div class="dropdown-item">
<input type="hidden" name="logout">
<button type="submit" value="logout" class="btn btn-primary w-100">
<span class="loading d-none">
<span class="spinner-border spinner-border-sm align-middle" role="status" aria-hidden="true">
</span>
<span>Loading ...</span>...
</span>
<span class="button-text">
Logout
</span>
</button>
</div>
</div>
</form>
</div>
</div>
</div>
<form id="settings-form" action="" method="post" class="needs-validation" novalidate data-v-field>
<input type="hidden" name="action" id="action" value="save">
<div class="actions clearfix">
<div class="title">
<h4 class="text-muted my-3">
<i class="ion-ios-list-outline"></i>&ensp;
<span>Field</span>
</h4>
</div>
<div>
<a href="/admin/?module=content/fields&status=0" title="Field list" class="btn btn-outline-secondary pe-3">
<i class="la la-arrow-left"></i>
<span>Field list</span>
</a>
<button type="submit" href="" class="btn btn-primary btn-icon ms-1" onclick="document.getElementById('action').value ='save';if (validator(validator_json)) document.getElementById('settings-form').submit();">
<i class="ion-edit"></i>&nbsp; <span>Save field</span>
</button>
</div>
</div>
<div id="main-content" class="px-4">
<div class="notifications" data-v-notifications>
<div class="alert alert-danger d-flex alert-dismissable" role="alert" data-v-notification-error>
<div class="icon">
<i class="la la-exclamation-triangle"></i>
</div>
<div class="flex-grow-1 align-self-center" data-v-notification-text>
Vvveb 0.2 is now available! <a href="update">Update now</a>
</div>
<button type="button" class="btn-close mt-3" data-bs-dismiss="alert" aria-label="Close">
<span aria-hidden="true">
<!-- <i class="la la-times"></i> -->
</span>
</button>
</div>
<div class="alert alert-success d-flex alert-dismissable d-flex" role="alert" data-v-notification-success>
<div class="icon">
<i class="la la-check-circle"></i>
</div>
<div class="flex-grow-1 align-self-center" data-v-notification-text>
You successfully read this important alert message.
</div>
<button type="button" class="btn-close mt-3" data-bs-dismiss="alert" aria-label="Close">
<span aria-hidden="true">
<!-- <i class="la la-times"></i> -->
</span>
</button>
</div>
<div class="alert alert-primary d-flex alert-dismissable d-flex" role="alert" data-v-notification-info>
<div class="icon">
<i class="la la-info-circle"></i>
</div>
<div class="flex-grow-1 align-self-center" data-v-notification-text>
You successfully read this important alert message.
</div>
<button type="button" class="btn-close mt-3" data-bs-dismiss="alert" aria-label="Close">
<span aria-hidden="true">
<!-- <i class="la la-times"></i> -->
</span>
</button>
</div>
</div>
<input type="hidden" name="field_id" data-v-field-field_id>
<div class="mb-3 row">
<label for="input-site-title" class="col-sm-2 col-form-label">Name</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="input-name" placeholder="Name" name="field[name]" data-v-field-name>
</div>
</div>
<div class="mb-3 row">
<label for="input-site-title" class="col-sm-2 col-form-label">Slug</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="input-slug" placeholder="Slug" name="field[slug]" data-v-field-slug>
</div>
</div>
<div class="mb-3 row">
<label for="input-description" class="col-sm-2 col-form-label">Description</label>
<div class="col-sm-10">
<textarea type="email" class="form-control" id="input-description" placeholder="Description" name="field[content]" data-v-field-content></textarea>
</div>
</div>
<div class="mb-3 row">
<label for="input-site-title" class="col-sm-2 col-form-label">Image</label>
<div class="col-sm-10">
<input type="hidden" data-v-image name="field[image]" id="featured-image-input" value="">
<img data-v-image src="img/placeholder.svg" alt="" id="featured-image-thumb" data-v-placeholder="" data-media-gallery data-target-input="#featured-image-input" data-target-thumb="#featured-image-thumb" data-type="single" class="img-thumbnail bg-body-tertiary" style="max-width:200px;">
<div class="py-3">
<button type="button" class="btn btn-outline-secondary btn-icon btn-sm" data-media-gallery data-target-input="#featured-image-input" data-target-thumb="#featured-image-thumb" data-type="single">
<i class="la la-image la-lg"></i>
<span>Set image</span>
</button>
</div>
</div>
</div>
<div class="mb-3 row">
<label for="input-site-title" class="col-sm-2 col-form-label">Status</label>
<div class="col-sm-10">
<select name="field[status]" id="input-status" class="form-control" data-v-field-status>
<option value="0">Pending</option>
<option value="1">Approved</option>
<option value="2">Spam</option>
<option value="3">Trash</option>
</select>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
<script id="jquery-js" src="js/jquery.min.js"></script>
<script id="popper-js" src="js/popper.min.js"></script>
<script id="bootstrap-js" src="js/bootstrap.min.js"></script>
<!--
<script src="../../js/jquery.min.js"></script>
<script src="../../js/popper.min.js"></script>
<script src="../../js/bootstrap.min.js"></script>
-->
<!-- <script src="js/main.js"></script>-->
<script id="admin-js" type="module" src="../../js/admin.js"></script>
<script>
let mediaPath = '{ $this->mediaPath }';
let mediaScanUrl = '{ $this->scanUrl }';
let uploadUrl = '{ $this->uploadUrl }';
</script>
<script data-v-validator-json=""></script>
<script id="openverse-js" src="libs/media/openverse.js"></script>
<script id="media-js" src="libs/media/media.js"></script>
<script id="index-js" type="module" src="libs/vvveb/index.js"></script>
<link href="libs/media/media.css" rel="stylesheet">
<script data-v-validator-json=""></script>
<script src="js/validator.js"></script>
<!-- Modal -->
<div class="modal fade" id="heartBeatLogin" data-bs-backdrop="static" tabindex="-1" aria-labelledby="heartBeatLogin" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<span class="modal-title" id="heartBeatLogin">
<h5>Session has expired</h5>
<span>Login to resume your work</span>
</span>
<button type="button" class="btn-close me-2" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body p-5">
</div>
</div>
</div>
</div>
</body>
</html>