4476 lines
198 KiB
HTML
4476 lines
198 KiB
HTML
<!DOCTYPE html>
|
||
<!--
|
||
Author: Frédérik Benoist
|
||
Product Name: HDwPos
|
||
Product Version: 1.0.0
|
||
Contact: frederik.benoist@inetum.com
|
||
-->
|
||
<html lang="fr">
|
||
<!--begin::Head-->
|
||
<head>
|
||
<base href="../../" />
|
||
<title>HDwPos - HelpDesk Web POS - XSTORE</title>
|
||
<meta charset="utf-8" />
|
||
<meta name="description" content="HDwPos - HelpDesk Web POS - XSTORE" />
|
||
<meta name="keywords" content="helpdesk, XSTORE" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<meta property="og:locale" content="fr_FR" />
|
||
<meta property="og:type" content="article" />
|
||
<meta property="og:title" content="Metronic - The World's #1 Selling Bootstrap Admin Template - Metronic by KeenThemes" />
|
||
<meta property="og:url" content="https://keenthemes.com/metronic" />
|
||
<meta property="og:site_name" content="Metronic by Keenthemes" />
|
||
<link rel="canonical" href="https://preview.keenthemes.com/metronic8" />
|
||
<link rel="shortcut icon" href="assets/media/logos/favicon.ico" />
|
||
<!--begin::Fonts(mandatory for all pages)-->
|
||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700" />
|
||
<!--end::Fonts-->
|
||
<!--begin::Vendor Stylesheets(used for this page only)-->
|
||
<link href="assets/plugins/custom/datatables/datatables.bundle.css" rel="stylesheet" type="text/css" />
|
||
<!--end::Vendor Stylesheets-->
|
||
<!--begin::Global Stylesheets Bundle(mandatory for all pages)-->
|
||
<link href="assets/plugins/global/plugins.bundle.css" rel="stylesheet" type="text/css" />
|
||
<link href="assets/css/style.bundle.css" rel="stylesheet" type="text/css" />
|
||
<!--end::Global Stylesheets Bundle-->
|
||
<script>// Frame-busting to prevent site from being loaded within a frame without permission (click-jacking) if (window.top != window.self) { window.top.location.replace(window.self.location.href); }</script>
|
||
</head>
|
||
<!--end::Head-->
|
||
<!--begin::Body-->
|
||
<body id="kt_app_body" data-kt-app-header-fixed-mobile="true" data-kt-app-toolbar-enabled="true" class="app-default">
|
||
<!--begin::Theme mode setup on page load-->
|
||
<script>var defaultThemeMode = "light"; var themeMode; if ( document.documentElement ) { if ( document.documentElement.hasAttribute("data-bs-theme-mode")) { themeMode = document.documentElement.getAttribute("data-bs-theme-mode"); } else { if ( localStorage.getItem("data-bs-theme") !== null ) { themeMode = localStorage.getItem("data-bs-theme"); } else { themeMode = defaultThemeMode; } } if (themeMode === "system") { themeMode = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"; } document.documentElement.setAttribute("data-bs-theme", themeMode); }</script>
|
||
<!--end::Theme mode setup on page load-->
|
||
<!--begin::App-->
|
||
<div class="d-flex flex-column flex-root app-root" id="kt_app_root">
|
||
<!--begin::Page-->
|
||
<div class="app-page flex-column flex-column-fluid" id="kt_app_page">
|
||
<!--begin::Header-->
|
||
<div id="kt_app_header" class="app-header" data-kt-sticky="true" data-kt-sticky-activate="{default: false, lg: true}" data-kt-sticky-name="app-header-sticky" data-kt-sticky-offset="{default: false, lg: '300px'}">
|
||
<!--begin::Header container-->
|
||
<div class="app-container container-xxl d-flex align-items-stretch justify-content-between" id="kt_app_header_container">
|
||
<!--begin::Header mobile toggle-->
|
||
<div class="d-flex align-items-center d-lg-none ms-n3 me-2" title="Show sidebar menu">
|
||
<div class="btn btn-icon btn-color-gray-600 btn-active-color-primary w-35px h-35px" id="kt_app_header_menu_toggle">
|
||
<i class="ki-outline ki-abstract-14 fs-2"></i>
|
||
</div>
|
||
</div>
|
||
<!--end::Header mobile toggle-->
|
||
<!--begin::Logo-->
|
||
<div class="d-flex align-items-center flex-grow-1 flex-lg-grow-0 me-lg-15">
|
||
<a href="dashboard.html">
|
||
<img alt="Logo" src="assets/media/logos/demo30-small.svg" class="h-25px d-lg-none" />
|
||
<img alt="Logo" src="assets/media/logos/demo30.svg" class="h-25px d-none d-lg-inline app-sidebar-logo-default theme-light-show" />
|
||
<img alt="Logo" src="assets/media/logos/demo30-dark.png" class="h-25px d-none d-lg-inline app-sidebar-logo-default theme-dark-show" />
|
||
</a>
|
||
</div>
|
||
<!--end::Logo-->
|
||
<!--begin::Header wrapper-->
|
||
<div class="d-flex align-items-stretch justify-content-between flex-lg-grow-1" id="kt_app_header_wrapper">
|
||
<!--begin::Menu wrapper-->
|
||
<div class="app-header-menu app-header-mobile-drawer align-items-stretch" data-kt-drawer="true" data-kt-drawer-name="app-header-menu" data-kt-drawer-activate="{default: true, lg: false}" data-kt-drawer-overlay="true" data-kt-drawer-width="250px" data-kt-drawer-direction="start" data-kt-drawer-toggle="#kt_app_header_menu_toggle" data-kt-swapper="true" data-kt-swapper-mode="{default: 'append', lg: 'prepend'}" data-kt-swapper-parent="{default: '#kt_app_body', lg: '#kt_app_header_wrapper'}">
|
||
<!--begin::Menu-->
|
||
<!--end::Menu-->
|
||
</div>
|
||
<!--end::Menu wrapper-->
|
||
<!--begin::Navbar-->
|
||
<div class="app-navbar flex-shrink-0">
|
||
<!--begin::User menu-->
|
||
<div class="app-navbar-item ms-3 ms-lg-5" id="kt_header_user_menu_toggle">
|
||
<!--begin::Menu wrapper-->
|
||
<div class="cursor-pointer symbol symbol-35px symbol-md-45px" data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end">
|
||
<img class="symbol symbol-circle symbol-35px symbol-md-45px" src="https://mp4.ikksgroup.com/users/user-6.jpg" alt="user" />
|
||
</div>
|
||
<!--begin::User account menu-->
|
||
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg menu-state-color fw-semibold py-4 fs-6 w-275px" data-kt-menu="true">
|
||
<!--begin::Menu item-->
|
||
<div class="menu-item px-3">
|
||
<div class="menu-content d-flex align-items-center px-3">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-50px me-5">
|
||
<img alt="Logo" src="https://mp4.ikksgroup.com/users/user-6.jpg" />
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Username-->
|
||
<div class="d-flex flex-column">
|
||
<div class="fw-bold d-flex align-items-center fs-5">Fred Benoist
|
||
<span class="badge badge-light-success fw-bold fs-8 px-2 py-1 ms-2">Pro</span></div>
|
||
<a href="#" class="fw-semibold text-muted text-hover-primary fs-7">frederik.benoist@inetum.com</a>
|
||
</div>
|
||
<!--end::Username-->
|
||
</div>
|
||
</div>
|
||
<!--end::Menu item-->
|
||
<!--begin::Menu separator-->
|
||
<div class="separator my-2"></div>
|
||
<!--end::Menu separator-->
|
||
<!--begin::Menu item-->
|
||
<div class="menu-item px-5" data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-placement="left-start" data-kt-menu-offset="-15px, 0">
|
||
<a href="#" class="menu-link px-5">
|
||
<span class="menu-title position-relative">Mode
|
||
<span class="ms-5 position-absolute translate-middle-y top-50 end-0">
|
||
<i class="ki-outline ki-night-day theme-light-show fs-2"></i>
|
||
<i class="ki-outline ki-moon theme-dark-show fs-2"></i>
|
||
</span></span>
|
||
</a>
|
||
<!--begin::Menu-->
|
||
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-title-gray-700 menu-icon-gray-500 menu-active-bg menu-state-color fw-semibold py-4 fs-base w-150px" data-kt-menu="true" data-kt-element="theme-mode-menu">
|
||
<!--begin::Menu item-->
|
||
<div class="menu-item px-3 my-0">
|
||
<a href="#" class="menu-link px-3 py-2" data-kt-element="mode" data-kt-value="light">
|
||
<span class="menu-icon" data-kt-element="icon">
|
||
<i class="ki-outline ki-night-day fs-2"></i>
|
||
</span>
|
||
<span class="menu-title">Light</span>
|
||
</a>
|
||
</div>
|
||
<!--end::Menu item-->
|
||
<!--begin::Menu item-->
|
||
<div class="menu-item px-3 my-0">
|
||
<a href="#" class="menu-link px-3 py-2" data-kt-element="mode" data-kt-value="dark">
|
||
<span class="menu-icon" data-kt-element="icon">
|
||
<i class="ki-outline ki-moon fs-2"></i>
|
||
</span>
|
||
<span class="menu-title">Dark</span>
|
||
</a>
|
||
</div>
|
||
<!--end::Menu item-->
|
||
<!--begin::Menu item-->
|
||
<div class="menu-item px-3 my-0">
|
||
<a href="#" class="menu-link px-3 py-2" data-kt-element="mode" data-kt-value="system">
|
||
<span class="menu-icon" data-kt-element="icon">
|
||
<i class="ki-outline ki-screen fs-2"></i>
|
||
</span>
|
||
<span class="menu-title">System</span>
|
||
</a>
|
||
</div>
|
||
<!--end::Menu item-->
|
||
</div>
|
||
<!--end::Menu-->
|
||
</div>
|
||
<!--end::Menu item-->
|
||
<!--begin::Menu item-->
|
||
<div class="menu-item px-5">
|
||
<a href="authentication/layouts/corporate/sign-in.html" class="menu-link px-5">Sign Out</a>
|
||
</div>
|
||
<!--end::Menu item-->
|
||
</div>
|
||
<!--end::User account menu-->
|
||
<!--end::Menu wrapper-->
|
||
</div>
|
||
<!--end::User menu-->
|
||
</div>
|
||
<!--end::Navbar-->
|
||
</div>
|
||
<!--end::Header wrapper-->
|
||
</div>
|
||
<!--end::Header container-->
|
||
</div>
|
||
<!--end::Header-->
|
||
<!--begin::Wrapper-->
|
||
<div class="app-wrapper flex-column flex-row-fluid" id="kt_app_wrapper">
|
||
<!--begin::Toolbar-->
|
||
<div id="kt_app_toolbar" class="app-toolbar py-6">
|
||
<!--begin::Toolbar container-->
|
||
<div id="kt_app_toolbar_container" class="app-container container-xxl d-flex align-items-start">
|
||
<!--begin::Toolbar container-->
|
||
<div class="d-flex flex-column flex-row-fluid">
|
||
<!--begin::Toolbar wrapper-->
|
||
<div class="d-flex align-items-center pt-1">
|
||
<!--begin::Breadcrumb-->
|
||
<ul class="breadcrumb breadcrumb-separatorless fw-semibold">
|
||
<!--begin::Item-->
|
||
<li class="breadcrumb-item text-white fw-bold lh-1">
|
||
<a href="dashboard.html" class="text-white text-hover-primary">
|
||
<i class="ki-outline ki-home text-white fs-6"></i>
|
||
</a>
|
||
</li>
|
||
<!--end::Item-->
|
||
<!--begin::Item-->
|
||
<li class="breadcrumb-item">
|
||
<i class="ki-outline ki-right fs-4 text-white mx-n1"></i>
|
||
</li>
|
||
<!--end::Item-->
|
||
<!--begin::Item-->
|
||
<li class="breadcrumb-item text-white fw-bold lh-1">
|
||
<a href="store/list/list.html" class="text-white text-hover-primary">Store</a>
|
||
</li>
|
||
<!--end::Item-->
|
||
<!--begin::Item-->
|
||
<li class="breadcrumb-item">
|
||
<i class="ki-outline ki-right fs-7 text-white mx-n1"></i>
|
||
</li>
|
||
<!--end::Item-->
|
||
<!--begin::Item-->
|
||
<li class="breadcrumb-item text-white fw-bold lh-1">View Store</li>
|
||
<!--end::Item-->
|
||
</ul>
|
||
<!--end::Breadcrumb-->
|
||
</div>
|
||
<!--end::Toolbar wrapper=-->
|
||
<!--begin::Toolbar wrapper=-->
|
||
<div class="d-flex flex-stack flex-wrap flex-lg-nowrap gap-4 gap-lg-10 pt-6 pb-18 py-lg-13">
|
||
<!--begin::Page title-->
|
||
<div class="page-title d-flex align-items-center me-3">
|
||
<img alt="Logo" src="assets/media/svg/misc/layer.svg" class="h-60px me-5" />
|
||
<!--begin::Title-->
|
||
<h1 class="page-heading d-flex text-white fw-bolder fs-2 flex-column justify-content-center my-0">HelpDesk POS - XSTORE
|
||
<!--begin::Description-->
|
||
<span class="page-desc text-white opacity-50 fs-6 fw-bold pt-4">Powered by Inetum Corp 2023</span>
|
||
<!--end::Description--></h1>
|
||
<!--end::Title-->
|
||
</div>
|
||
<!--end::Page title-->
|
||
</div>
|
||
<!--end::Toolbar wrapper=-->
|
||
</div>
|
||
<!--end::Toolbar container=-->
|
||
</div>
|
||
<!--end::Toolbar container-->
|
||
</div>
|
||
<!--end::Toolbar-->
|
||
|
||
<!--begin::Wrapper HDPOS-->
|
||
|
||
<!--begin::Wrapper container-->
|
||
<div class="app-container container-xxl">
|
||
<!--begin::Main-->
|
||
<div class="app-main flex-column flex-row-fluid" id="kt_app_main">
|
||
<!--begin::Content wrapper-->
|
||
<div class="d-flex flex-column flex-column-fluid">
|
||
<!--begin::Content-->
|
||
<div id="kt_app_content" class="app-content">
|
||
<!--begin::Tabs-->
|
||
<div class="form d-flex flex-column flex-lg-row">
|
||
<!--begin::Aside column-->
|
||
<div class="d-flex flex-column gap-7 gap-lg-10 w-100 w-lg-300px mb-7 me-lg-10">
|
||
<!--begin::Thumbnail settings-->
|
||
<div class="card card-flush py-4">
|
||
<!--begin::Card header-->
|
||
<div class="card-header">
|
||
<!--begin::Card title-->
|
||
<div class="card-title">
|
||
<h2 id="hb_storeTitle">...</h2>
|
||
</div>
|
||
<!--end::Card title-->
|
||
</div>
|
||
<!--end::Card header-->
|
||
<!--begin::Card body-->
|
||
<div class="card-body text-center pt-0">
|
||
<!--begin::Image input-->
|
||
<div class="image-input image-input-empty image-input-outline image-input-placeholder mb-3" data-kt-image-input="true">
|
||
<!--begin::Preview existing avatar-->
|
||
<div class="image-input-wrapper w-150px h-150px" style="background-image: url('https://mp4.ikksgroup.com/photos/1/6/5/7/3/16573-large.JPG')"></div>
|
||
<!--end::Preview existing avatar-->
|
||
</div>
|
||
<!--end::Image input-->
|
||
</div>
|
||
<!--end::Card body-->
|
||
<!--begin::Card body-->
|
||
<div class="card-body pt-0">
|
||
<!--begin::Label-->
|
||
<label class="form-label">IP Address</label>
|
||
<!--end::Label-->
|
||
<!--begin::Display-->
|
||
<div id="hb_storeIpAddress" class="form-control mb-2">--</div>
|
||
<!--end::Display-->
|
||
<!--begin::Label-->
|
||
<label class="form-label">Phone Number</label>
|
||
<!--end::Label-->
|
||
<!--begin::Display-->
|
||
<div id="hb_storePhoneNumber" class="form-control mb-2">--</div>
|
||
<!--end::Display-->
|
||
</div>
|
||
<!--end::Card body-->
|
||
</div>
|
||
<!--end::Thumbnail settings-->
|
||
<!--begin::Back_office stats-->
|
||
<div class="card card-flush py-4">
|
||
<!--begin::Card header-->
|
||
<div class="card-header">
|
||
<!--begin::Card title-->
|
||
<div class="card-title">
|
||
<h2>Tickets DOTSOFT</h2>
|
||
</div>
|
||
<!--end::Card title-->
|
||
<!--begin::Card toolbar-->
|
||
<div class="card-toolbar">
|
||
<div class="rounded-circle w-15px h-15px" id="hb_backOfficeTransactionOk"></div>
|
||
</div>
|
||
<!--begin::Card toolbar-->
|
||
</div>
|
||
<!--end::Card header-->
|
||
<!--begin::Heading-->
|
||
<!--end::Heading-->
|
||
<!--begin::Card body-->
|
||
<div class="card-body pt-0">
|
||
<!-- Display number of transactions -->
|
||
<div id="hb_backOfficeTransactions" class="fs-2hx fw-bold">0</div>
|
||
<div class="fs-4 fw-semibold text-gray-500 mb-7">Transactions</div>
|
||
<!--begin::Min replication date-->
|
||
<div class="border border-gray-300 border-dashed rounded min-w-125px py-3 px-4 me-7 mb-3">
|
||
<div id="hb_minBackOfficeTransactionDate" class="fs-6 text-gray-800 fw-bold"></div>
|
||
<div class="fw-semibold text-gray-500">Min Date</div>
|
||
</div>
|
||
<!--end::Min replication date-->
|
||
<!--begin::Max replication date-->
|
||
<div class="border border-gray-300 border-dashed rounded min-w-125px py-3 px-4 me-7 mb-3">
|
||
<div id="hb_maxBackOfficeTransactionDate" class="fs-6 text-gray-800 fw-bold"></div>
|
||
<div class="fw-semibold text-gray-500">Max Date</div>
|
||
</div>
|
||
<!--end::Max replication date-->
|
||
<!--begin::Business date-->
|
||
<div class="border border-gray-300 border-dashed rounded min-w-125px py-3 px-4 me-7 mb-3">
|
||
<div id="hb_backOfficeBusinessDate" class="fs-6 fw-bold"></div>
|
||
<div class="fw-semibold text-gray-500">Business Date</div>
|
||
</div>
|
||
<!--end::Business date-->
|
||
</div>
|
||
<!--end::Card body-->
|
||
</div>
|
||
<!--end::Back_office stats-->
|
||
<!--begin::Replication Status-->
|
||
<div class="card card-flush py-4">
|
||
<!--begin::Card header-->
|
||
<div class="card-header">
|
||
<!--begin::Card title-->
|
||
<div class="card-title">
|
||
<h2>Replication Status</h2>
|
||
</div>
|
||
<!--end::Card title-->
|
||
<!--begin::Card toolbar-->
|
||
<div class="card-toolbar">
|
||
<div class="rounded-circle w-15px h-15px" id="hb_pendingReplicationOk"></div>
|
||
</div>
|
||
<!--begin::Card toolbar-->
|
||
</div>
|
||
<!--end::Card header-->
|
||
<!--begin::Heading-->
|
||
<!--end::Heading-->
|
||
<!--begin::Card body-->
|
||
<div class="card-body pt-0">
|
||
<!-- Display number of replications -->
|
||
<div id="hb_pendingReplications" class="fs-2hx fw-bold">0</div>
|
||
<div class="fs-4 fw-semibold text-gray-500 mb-7">Pending transactions</div>
|
||
<!--begin::Min replication date-->
|
||
<div class="border border-gray-300 border-dashed rounded min-w-125px py-3 px-4 me-7 mb-3">
|
||
<div id="hb_minPendingReplicationDate" class="fs-6 text-gray-800 fw-bold"></div>
|
||
<div class="fw-semibold text-gray-500">Min Date</div>
|
||
</div>
|
||
<!--end::Min replication date-->
|
||
<!--begin::Max replication date-->
|
||
<div class="border border-gray-300 border-dashed rounded min-w-125px py-3 px-4 me-7 mb-3">
|
||
<div id="hb_maxPendingReplicationDate" class="fs-6 text-gray-800 fw-bold"></div>
|
||
<div class="fw-semibold text-gray-500">Max Date</div>
|
||
</div>
|
||
<!--end::Max replication date-->
|
||
</div>
|
||
<!--end::Card body-->
|
||
</div>
|
||
<!--end::Replication Status-->
|
||
</div>
|
||
<!--end::Aside column-->
|
||
<!--begin::Main column-->
|
||
<div class="d-flex flex-column flex-row-fluid gap-7 gap-lg-10">
|
||
<!--begin:::Tabs-->
|
||
<ul class="nav nav-custom nav-tabs nav-line-tabs nav-line-tabs-2x border-0 fs-4 fw-semibold mb-n2">
|
||
<!--begin:::Tab item-->
|
||
<li class="nav-item">
|
||
<a class="nav-link text-active-primary pb-4 active" data-bs-toggle="tab" href="#kt_store_item">Item</a>
|
||
</li>
|
||
<!--end:::Tab item-->
|
||
<!--begin:::Tab item-->
|
||
<li class="nav-item">
|
||
<a class="nav-link text-active-primary pb-4" data-bs-toggle="tab" href="#kt_ecommerce_add_product_advanced">Advanced</a>
|
||
</li>
|
||
<!--end:::Tab item-->
|
||
<!--begin:::Tab item-->
|
||
<li class="nav-item">
|
||
<a class="nav-link text-active-primary pb-4" data-bs-toggle="tab" href="#kt_ecommerce_add_product_reviews">Reviews</a>
|
||
</li>
|
||
<!--end:::Tab item-->
|
||
</ul>
|
||
<!--end:::Tabs-->
|
||
|
||
|
||
|
||
<!--begin::Tab content-->
|
||
<div class="tab-content">
|
||
|
||
|
||
|
||
<!--begin::Tab pane-->
|
||
<div class="tab-pane fade show active" id="kt_store_item" role="tab-panel">
|
||
|
||
<div class="d-flex flex-column gap-7 gap-lg-10">
|
||
<form id="kt_store_item_form" class="form d-flex flex-column flex-lg-row">
|
||
<!--begin::General options-->
|
||
<div class="card card-flush py-4">
|
||
<!--begin::Card header-->
|
||
<div class="card-header">
|
||
<div class="card-title">
|
||
<h2>Search Item</h2>
|
||
</div>
|
||
</div>
|
||
<!--end::Card header-->
|
||
<!--begin::Card body-->
|
||
<div class="card-body pt-0">
|
||
<!--begin::Input group-->
|
||
<div class="mb-10 fv-row">
|
||
<!--begin::Label-->
|
||
<label class="required form-label">Item</label>
|
||
<!--end::Label-->
|
||
<!--begin::Input-->
|
||
<input type="text" name="itemId" class="form-control mb-2" placeholder="Item ID" value="BX44145" />
|
||
<!--end::Input-->
|
||
</div>
|
||
<!--end::Input group-->
|
||
<!--begin::Button-->
|
||
<button type="submit" id="kt_store_item_submit" class="btn btn-primary">
|
||
<span class="indicator-label">Search item</span>
|
||
<span class="indicator-progress">Please wait...
|
||
<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
|
||
</button>
|
||
<!--end::Button-->
|
||
|
||
</div>
|
||
<!--end::Card header-->
|
||
</div>
|
||
<!--end::General options-->
|
||
</form>
|
||
<!--begin::Table ITEM-->
|
||
<div class="card card-flush py-4">
|
||
<!--begin::Card header-->
|
||
<div class="card-header">
|
||
<div class="card-title">
|
||
<h2>Table ITM_ITEM</h2>
|
||
</div>
|
||
</div>
|
||
<!--end::Card header-->
|
||
<!--begin::Card body-->
|
||
<div class="card-body py-4">
|
||
<!--begin::Table-->
|
||
<table class="table align-middle table-row-dashed gy-5 gs-7" id="kt_table_item">
|
||
<thead>
|
||
<tr class="text-start text-muted fw-bold fs-7 text-uppercase gs-0">
|
||
<th class="aamin-w-125px">ITEM_ID</th>
|
||
<th class="amin-w-125px">ITEM_LVLCODE</th>
|
||
<th class="amin-w-125px">PARENT_ITEM_ID</th>
|
||
<th class="amin-w-125px">ITEM_TYPCODE</th>
|
||
<th class="amin-w-200px">CREATE_DATE</th>
|
||
<th class="amin-w-125px">CREATE_USER_ID</th>
|
||
<th class="amin-w-200px">UPDATE_DATE</th>
|
||
<th class="amin-w-125px">UPDATE_USER_ID</th>
|
||
</tr>
|
||
</thead>
|
||
</table>
|
||
<!--end::Table-->
|
||
</div>
|
||
<!--end::Card body-->
|
||
</div>
|
||
<!--end::Table ITEM-->
|
||
<!--begin::Table ITEM_OPTION-->
|
||
<div class="card card-flush py-4">
|
||
<!--begin::Card header-->
|
||
<div class="card-header">
|
||
<div class="card-title">
|
||
<h2>Table ITM_ITEM_OPTIONS</h2>
|
||
</div>
|
||
</div>
|
||
<!--end::Card header-->
|
||
<!--begin::Card body-->
|
||
<div class="card-body py-4">
|
||
<!--begin::Table-->
|
||
<table class="table align-middle table-row-dashed gy-5 gs-7" id="kt_table_item_options">
|
||
<thead>
|
||
<tr class="text-start text-muted fw-bold fs-7 text-uppercase gs-0">
|
||
<th class="amin-w-125px">ITEM_ID</th>
|
||
<th class="amin-w-125px">LEVEL_CODE</th>
|
||
<th class="amin-w-125px">LEVEL_VALUE</th>
|
||
<!--
|
||
<th class="amin-w-125px">ITEM_AVAILABILITY_CODE</th>
|
||
<th class="amin-w-125px">TAX_GROUP_ID</th>
|
||
<th class="amin-w-125px">VENDOR</th>
|
||
<th class="amin-w-125px">SEASON_CODE</th>
|
||
<th class="amin-w-200px">CREATE_DATE</th>
|
||
<th class="amin-w-125px">CREATE_USER_ID</th>
|
||
<th class="amin-w-200px">UPDATE_DATE</th>
|
||
<th class="amin-w-125px">UPDATE_USER_ID</th>
|
||
-->
|
||
</tr>
|
||
</thead>
|
||
</table>
|
||
<!--end::Table-->
|
||
</div>
|
||
<!--end::Card body-->
|
||
</div>
|
||
<!--end::Table ITEM_OPTION-->
|
||
<!--begin::Table ITEM_PRICES-->
|
||
<div class="card card-flush py-4">
|
||
<!--begin::Card header-->
|
||
<div class="card-header">
|
||
<div class="card-title">
|
||
<h2>ITM_ITEM_PRICES</h2>
|
||
</div>
|
||
</div>
|
||
<!--end::Card header-->
|
||
<!--begin::Card body-->
|
||
<div class="card-body py-4">
|
||
<!--begin::Table-->
|
||
<table class="table align-middle table-row-dashed gy-5 gs-7" id="kt_table_item_prices">
|
||
<thead>
|
||
<tr class="text-start text-muted fw-bold fs-7 text-uppercase gs-0">
|
||
<th class="amin-w-125px">ITEM_ID</th>
|
||
<th class="amin-w-125px">LEVEL_CODE</th>
|
||
<th class="amin-w-125px">LEVEL_VALUE</th>
|
||
<th class="amin-w-125px">ITM_PRICE_PROPERTY_CODE</th>
|
||
<!--
|
||
<th class="amin-w-200px">EFFECTIVE_DATE</th>
|
||
<th class="amin-w-200px">EXPIRATION_DATE</th>
|
||
<th class="amin-w-125px">PRICE</th>
|
||
<th class="amin-w-125px">PRICE_QTY</th>
|
||
<th class="amin-w-125px">EXTERNAL_ID</th>
|
||
<th class="amin-w-200px">CREATE_DATE</th>
|
||
<th class="amin-w-125px">CREATE_USER_ID</th>
|
||
<th class="amin-w-200px">UPDATE_DATE</th>
|
||
<th class="amin-w-125px">UPDATE_USER_ID</th>
|
||
-->
|
||
</tr>
|
||
</thead>
|
||
# </table>
|
||
<!--end::Table-->
|
||
</div>
|
||
<!--end::Card body-->
|
||
</div>
|
||
<!--end::Table ITEM_PRICES-->
|
||
</div>
|
||
</div>
|
||
<!--end::Tab pane-->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!--begin::Tab pane-->
|
||
<div class="tab-pane fade" id="kt_ecommerce_add_product_advanced" role="tab-panel">
|
||
<div class="d-flex flex-column gap-7 gap-lg-10">
|
||
<!--begin::Inventory-->
|
||
<div class="card card-flush py-4">
|
||
<!--begin::Card header-->
|
||
<div class="card-header">
|
||
<div class="card-title">
|
||
<h2>Inventory</h2>
|
||
</div>
|
||
</div>
|
||
<!--end::Card header-->
|
||
<!--begin::Card body-->
|
||
<div class="card-body pt-0">
|
||
<!--begin::Input group-->
|
||
<div class="mb-10 fv-row">
|
||
<!--begin::Label-->
|
||
<label class="required form-label">SKU</label>
|
||
<!--end::Label-->
|
||
<!--begin::Input-->
|
||
<input type="text" name="sku" class="form-control mb-2" placeholder="SKU Number" value="011985001" />
|
||
<!--end::Input-->
|
||
<!--begin::Description-->
|
||
<div class="text-muted fs-7">Enter the product SKU.</div>
|
||
<!--end::Description-->
|
||
</div>
|
||
<!--end::Input group-->
|
||
<!--begin::Input group-->
|
||
<div class="mb-10 fv-row">
|
||
<!--begin::Label-->
|
||
<label class="required form-label">Barcode</label>
|
||
<!--end::Label-->
|
||
<!--begin::Input-->
|
||
<input type="text" name="barcode" class="form-control mb-2" placeholder="Barcode Number" value="45874521458" />
|
||
<!--end::Input-->
|
||
<!--begin::Description-->
|
||
<div class="text-muted fs-7">Enter the product barcode number.</div>
|
||
<!--end::Description-->
|
||
</div>
|
||
<!--end::Input group-->
|
||
<!--begin::Input group-->
|
||
<div class="mb-10 fv-row">
|
||
<!--begin::Label-->
|
||
<label class="required form-label">Quantity</label>
|
||
<!--end::Label-->
|
||
<!--begin::Input-->
|
||
<div class="d-flex gap-3">
|
||
<input type="number" name="shelf" class="form-control mb-2" placeholder="On shelf" value="24" />
|
||
<input type="number" name="warehouse" class="form-control mb-2" placeholder="In warehouse" />
|
||
</div>
|
||
<!--end::Input-->
|
||
<!--begin::Description-->
|
||
<div class="text-muted fs-7">Enter the product quantity.</div>
|
||
<!--end::Description-->
|
||
</div>
|
||
<!--end::Input group-->
|
||
<!--begin::Input group-->
|
||
<div class="fv-row">
|
||
<!--begin::Label-->
|
||
<label class="form-label">Allow Backorders</label>
|
||
<!--end::Label-->
|
||
<!--begin::Input-->
|
||
<div class="form-check form-check-custom form-check-solid mb-2">
|
||
<input class="form-check-input" type="checkbox" value="" />
|
||
<label class="form-check-label">Yes</label>
|
||
</div>
|
||
<!--end::Input-->
|
||
<!--begin::Description-->
|
||
<div class="text-muted fs-7">Allow customers to purchase products that are out of stock.</div>
|
||
<!--end::Description-->
|
||
</div>
|
||
<!--end::Input group-->
|
||
</div>
|
||
<!--end::Card header-->
|
||
</div>
|
||
<!--end::Inventory-->
|
||
<!--begin::Variations-->
|
||
<div class="card card-flush py-4">
|
||
<!--begin::Card header-->
|
||
<div class="card-header">
|
||
<div class="card-title">
|
||
<h2>Variations</h2>
|
||
</div>
|
||
</div>
|
||
<!--end::Card header-->
|
||
<!--begin::Card body-->
|
||
<div class="card-body pt-0">
|
||
<!--begin::Input group-->
|
||
<div class="" data-kt-ecommerce-catalog-add-product="auto-options">
|
||
<!--begin::Label-->
|
||
<label class="form-label">Add Product Variations</label>
|
||
<!--end::Label-->
|
||
<!--begin::Repeater-->
|
||
<div id="kt_ecommerce_add_product_options">
|
||
<!--begin::Form group-->
|
||
<div class="form-group">
|
||
<div data-repeater-list="kt_ecommerce_add_product_options" class="d-flex flex-column gap-3">
|
||
<div data-repeater-item="" class="form-group d-flex flex-wrap align-items-center gap-5">
|
||
<!--begin::Select2-->
|
||
<div class="w-100 w-md-200px">
|
||
<select class="form-select" name="product_option" data-placeholder="Select a variation" data-kt-ecommerce-catalog-add-product="product_option">
|
||
<option></option>
|
||
<option value="color">Color</option>
|
||
<option value="size">Size</option>
|
||
<option value="material">Material</option>
|
||
<option value="style">Style</option>
|
||
</select>
|
||
</div>
|
||
<!--end::Select2-->
|
||
<!--begin::Input-->
|
||
<input type="text" class="form-control mw-100 w-200px" name="product_option_value" placeholder="Variation" />
|
||
<!--end::Input-->
|
||
<button type="button" data-repeater-delete="" class="btn btn-sm btn-icon btn-light-danger">
|
||
<i class="ki-outline ki-cross fs-1"></i>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--end::Form group-->
|
||
<!--begin::Form group-->
|
||
<div class="form-group mt-5">
|
||
<button type="button" data-repeater-create="" class="btn btn-sm btn-light-primary">
|
||
<i class="ki-outline ki-plus fs-2"></i>Add another variation</button>
|
||
</div>
|
||
<!--end::Form group-->
|
||
</div>
|
||
<!--end::Repeater-->
|
||
</div>
|
||
<!--end::Input group-->
|
||
</div>
|
||
<!--end::Card header-->
|
||
</div>
|
||
<!--end::Variations-->
|
||
<!--begin::Shipping-->
|
||
<div class="card card-flush py-4">
|
||
<!--begin::Card header-->
|
||
<div class="card-header">
|
||
<div class="card-title">
|
||
<h2>Shipping</h2>
|
||
</div>
|
||
</div>
|
||
<!--end::Card header-->
|
||
<!--begin::Card body-->
|
||
<div class="card-body pt-0">
|
||
<!--begin::Input group-->
|
||
<div class="fv-row">
|
||
<!--begin::Input-->
|
||
<div class="form-check form-check-custom form-check-solid mb-2">
|
||
<input class="form-check-input" type="checkbox" id="kt_ecommerce_add_product_shipping_checkbox" value="1" checked="checked" />
|
||
<label class="form-check-label">This is a physical product</label>
|
||
</div>
|
||
<!--end::Input-->
|
||
<!--begin::Description-->
|
||
<div class="text-muted fs-7">Set if the product is a physical or digital item. Physical products may require shipping.</div>
|
||
<!--end::Description-->
|
||
</div>
|
||
<!--end::Input group-->
|
||
<!--begin::Shipping form-->
|
||
<div id="kt_ecommerce_add_product_shipping" class="mt-10">
|
||
<!--begin::Input group-->
|
||
<div class="mb-10 fv-row">
|
||
<!--begin::Label-->
|
||
<label class="form-label">Weight</label>
|
||
<!--end::Label-->
|
||
<!--begin::Editor-->
|
||
<input type="text" name="weight" class="form-control mb-2" placeholder="Product weight" value="4.3" />
|
||
<!--end::Editor-->
|
||
<!--begin::Description-->
|
||
<div class="text-muted fs-7">Set a product weight in kilograms (kg).</div>
|
||
<!--end::Description-->
|
||
</div>
|
||
<!--end::Input group-->
|
||
<!--begin::Input group-->
|
||
<div class="fv-row">
|
||
<!--begin::Label-->
|
||
<label class="form-label">Dimension</label>
|
||
<!--end::Label-->
|
||
<!--begin::Input-->
|
||
<div class="d-flex flex-wrap flex-sm-nowrap gap-3">
|
||
<input type="number" name="width" class="form-control mb-2" placeholder="Width (w)" value="12" />
|
||
<input type="number" name="height" class="form-control mb-2" placeholder="Height (h)" value="4" />
|
||
<input type="number" name="length" class="form-control mb-2" placeholder="Lengtn (l)" value="8.5" />
|
||
</div>
|
||
<!--end::Input-->
|
||
<!--begin::Description-->
|
||
<div class="text-muted fs-7">Enter the product dimensions in centimeters (cm).</div>
|
||
<!--end::Description-->
|
||
</div>
|
||
<!--end::Input group-->
|
||
</div>
|
||
<!--end::Shipping form-->
|
||
</div>
|
||
<!--end::Card header-->
|
||
</div>
|
||
<!--end::Shipping-->
|
||
<!--begin::Meta options-->
|
||
<div class="card card-flush py-4">
|
||
<!--begin::Card header-->
|
||
<div class="card-header">
|
||
<div class="card-title">
|
||
<h2>Meta Options</h2>
|
||
</div>
|
||
</div>
|
||
<!--end::Card header-->
|
||
<!--begin::Card body-->
|
||
<div class="card-body pt-0">
|
||
<!--begin::Input group-->
|
||
<div class="mb-10">
|
||
<!--begin::Label-->
|
||
<label class="form-label">Meta Tag Title</label>
|
||
<!--end::Label-->
|
||
<!--begin::Input-->
|
||
<input type="text" class="form-control mb-2" name="meta_title" placeholder="Meta tag name" />
|
||
<!--end::Input-->
|
||
<!--begin::Description-->
|
||
<div class="text-muted fs-7">Set a meta tag title. Recommended to be simple and precise keywords.</div>
|
||
<!--end::Description-->
|
||
</div>
|
||
<!--end::Input group-->
|
||
<!--begin::Input group-->
|
||
<div class="mb-10">
|
||
<!--begin::Label-->
|
||
<label class="form-label">Meta Tag Description</label>
|
||
<!--end::Label-->
|
||
<!--begin::Editor-->
|
||
<div id="kt_ecommerce_add_product_meta_description" name="kt_ecommerce_add_product_meta_description" class="min-h-100px mb-2"></div>
|
||
<!--end::Editor-->
|
||
<!--begin::Description-->
|
||
<div class="text-muted fs-7">Set a meta tag description to the product for increased SEO ranking.</div>
|
||
<!--end::Description-->
|
||
</div>
|
||
<!--end::Input group-->
|
||
<!--begin::Input group-->
|
||
<div>
|
||
<!--begin::Label-->
|
||
<label class="form-label">Meta Tag Keywords</label>
|
||
<!--end::Label-->
|
||
<!--begin::Editor-->
|
||
<input id="kt_ecommerce_add_product_meta_keywords" name="kt_ecommerce_add_product_meta_keywords" class="form-control mb-2" />
|
||
<!--end::Editor-->
|
||
<!--begin::Description-->
|
||
<div class="text-muted fs-7">Set a list of keywords that the product is related to. Separate the keywords by adding a comma
|
||
<code>,</code>between each keyword.</div>
|
||
<!--end::Description-->
|
||
</div>
|
||
<!--end::Input group-->
|
||
</div>
|
||
<!--end::Card header-->
|
||
</div>
|
||
<!--end::Meta options-->
|
||
</div>
|
||
</div>
|
||
<!--end::Tab pane-->
|
||
<!--begin::Tab pane-->
|
||
<div class="tab-pane fade" id="kt_ecommerce_add_product_reviews" role="tab-panel">
|
||
<div class="d-flex flex-column gap-7 gap-lg-10">
|
||
<!--begin::Reviews-->
|
||
<div class="card card-flush py-4">
|
||
<!--begin::Card header-->
|
||
<div class="card-header">
|
||
<!--begin::Card title-->
|
||
<div class="card-title">
|
||
<h2>Customer Reviews</h2>
|
||
</div>
|
||
<!--end::Card title-->
|
||
<!--begin::Card toolbar-->
|
||
<div class="card-toolbar">
|
||
<!--begin::Rating label-->
|
||
<span class="fw-bold me-5">Overall Rating:</span>
|
||
<!--end::Rating label-->
|
||
<!--begin::Overall rating-->
|
||
<div class="rating">
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-2"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-2"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-2"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-2"></i>
|
||
</div>
|
||
<div class="rating-label">
|
||
<i class="ki-outline ki-star fs-2"></i>
|
||
</div>
|
||
</div>
|
||
<!--end::Overall rating-->
|
||
</div>
|
||
<!--end::Card toolbar-->
|
||
</div>
|
||
<!--end::Card header-->
|
||
<!--begin::Card body-->
|
||
<div class="card-body pt-0">
|
||
<!--begin::Table-->
|
||
<table class="table table-row-dashed fs-6 gy-5 my-0" id="kt_ecommerce_add_product_reviews">
|
||
<thead>
|
||
<tr class="text-start text-gray-500 fw-bold fs-7 text-uppercase gs-0">
|
||
<th class="w-10px pe-2">
|
||
<div class="form-check form-check-sm form-check-custom form-check-solid me-3">
|
||
<input class="form-check-input" type="checkbox" data-kt-check="true" data-kt-check-target="#kt_ecommerce_add_product_reviews .form-check-input" value="1" />
|
||
</div>
|
||
</th>
|
||
<th class="min-w-125px">Rating</th>
|
||
<th class="min-w-175px">Customer</th>
|
||
<th class="min-w-175px">Comment</th>
|
||
<th class="min-w-100px text-end fs-7">Date</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td>
|
||
<!--begin::Checkbox-->
|
||
<div class="form-check form-check-sm form-check-custom form-check-solid mt-1">
|
||
<input class="form-check-input" type="checkbox" value="1" />
|
||
</div>
|
||
<!--end::Checkbox-->
|
||
</td>
|
||
<td data-order="rating-5">
|
||
<!--begin::Rating-->
|
||
<div class="rating">
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
</div>
|
||
<!--end::Rating-->
|
||
</td>
|
||
<td>
|
||
<a href="apps/inbox/reply.html" class="d-flex text-gray-900 text-gray-800 text-hover-primary">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-circle symbol-25px me-3">
|
||
<div class="symbol-label bg-light-danger">
|
||
<span class="text-danger">M</span>
|
||
</div>
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Name-->
|
||
<span class="fw-bold">Melody Macy</span>
|
||
<!--end::Name-->
|
||
</a>
|
||
</td>
|
||
<td class="text-gray-600 fw-bold">I like this design</td>
|
||
<td class="text-end">
|
||
<span class="fw-semibold text-muted">Today</span>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<!--begin::Checkbox-->
|
||
<div class="form-check form-check-sm form-check-custom form-check-solid mt-1">
|
||
<input class="form-check-input" type="checkbox" value="1" />
|
||
</div>
|
||
<!--end::Checkbox-->
|
||
</td>
|
||
<td data-order="rating-5">
|
||
<!--begin::Rating-->
|
||
<div class="rating">
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
</div>
|
||
<!--end::Rating-->
|
||
</td>
|
||
<td>
|
||
<a href="apps/inbox/reply.html" class="d-flex text-gray-900 text-gray-800 text-hover-primary">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-circle symbol-25px me-3">
|
||
<span class="symbol-label" style="background-image:url(assets/media/avatars/300-1.jpg)"></span>
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Name-->
|
||
<span class="fw-bold">Max Smith</span>
|
||
<!--end::Name-->
|
||
</a>
|
||
</td>
|
||
<td class="text-gray-600 fw-bold">Good product for outdoors or indoors</td>
|
||
<td class="text-end">
|
||
<span class="fw-semibold text-muted">day ago</span>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<!--begin::Checkbox-->
|
||
<div class="form-check form-check-sm form-check-custom form-check-solid mt-1">
|
||
<input class="form-check-input" type="checkbox" value="1" />
|
||
</div>
|
||
<!--end::Checkbox-->
|
||
</td>
|
||
<td data-order="rating-4">
|
||
<!--begin::Rating-->
|
||
<div class="rating">
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
</div>
|
||
<!--end::Rating-->
|
||
</td>
|
||
<td>
|
||
<a href="apps/inbox/reply.html" class="d-flex text-gray-900 text-gray-800 text-hover-primary">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-circle symbol-25px me-3">
|
||
<span class="symbol-label" style="background-image:url(assets/media/avatars/300-5.jpg)"></span>
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Name-->
|
||
<span class="fw-bold">Sean Bean</span>
|
||
<!--end::Name-->
|
||
</a>
|
||
</td>
|
||
<td class="text-gray-600 fw-bold">Awesome quality with great materials used, but could be more comfortable</td>
|
||
<td class="text-end">
|
||
<span class="fw-semibold text-muted">11:20 PM</span>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<!--begin::Checkbox-->
|
||
<div class="form-check form-check-sm form-check-custom form-check-solid mt-1">
|
||
<input class="form-check-input" type="checkbox" value="1" />
|
||
</div>
|
||
<!--end::Checkbox-->
|
||
</td>
|
||
<td data-order="rating-5">
|
||
<!--begin::Rating-->
|
||
<div class="rating">
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
</div>
|
||
<!--end::Rating-->
|
||
</td>
|
||
<td>
|
||
<a href="apps/inbox/reply.html" class="d-flex text-gray-900 text-gray-800 text-hover-primary">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-circle symbol-25px me-3">
|
||
<span class="symbol-label" style="background-image:url(assets/media/avatars/300-25.jpg)"></span>
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Name-->
|
||
<span class="fw-bold">Brian Cox</span>
|
||
<!--end::Name-->
|
||
</a>
|
||
</td>
|
||
<td class="text-gray-600 fw-bold">This is the best product I've ever used.</td>
|
||
<td class="text-end">
|
||
<span class="fw-semibold text-muted">2 days ago</span>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<!--begin::Checkbox-->
|
||
<div class="form-check form-check-sm form-check-custom form-check-solid mt-1">
|
||
<input class="form-check-input" type="checkbox" value="1" />
|
||
</div>
|
||
<!--end::Checkbox-->
|
||
</td>
|
||
<td data-order="rating-3">
|
||
<!--begin::Rating-->
|
||
<div class="rating">
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
</div>
|
||
<!--end::Rating-->
|
||
</td>
|
||
<td>
|
||
<a href="apps/inbox/reply.html" class="d-flex text-gray-900 text-gray-800 text-hover-primary">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-circle symbol-25px me-3">
|
||
<div class="symbol-label bg-light-warning">
|
||
<span class="text-warning">C</span>
|
||
</div>
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Name-->
|
||
<span class="fw-bold">Mikaela Collins</span>
|
||
<!--end::Name-->
|
||
</a>
|
||
</td>
|
||
<td class="text-gray-600 fw-bold">I thought it was just average, I prefer other brands</td>
|
||
<td class="text-end">
|
||
<span class="fw-semibold text-muted">July 25</span>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<!--begin::Checkbox-->
|
||
<div class="form-check form-check-sm form-check-custom form-check-solid mt-1">
|
||
<input class="form-check-input" type="checkbox" value="1" />
|
||
</div>
|
||
<!--end::Checkbox-->
|
||
</td>
|
||
<td data-order="rating-5">
|
||
<!--begin::Rating-->
|
||
<div class="rating">
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
</div>
|
||
<!--end::Rating-->
|
||
</td>
|
||
<td>
|
||
<a href="apps/inbox/reply.html" class="d-flex text-gray-900 text-gray-800 text-hover-primary">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-circle symbol-25px me-3">
|
||
<span class="symbol-label" style="background-image:url(assets/media/avatars/300-9.jpg)"></span>
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Name-->
|
||
<span class="fw-bold">Francis Mitcham</span>
|
||
<!--end::Name-->
|
||
</a>
|
||
</td>
|
||
<td class="text-gray-600 fw-bold">Beautifully crafted. Worth every penny.</td>
|
||
<td class="text-end">
|
||
<span class="fw-semibold text-muted">July 24</span>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<!--begin::Checkbox-->
|
||
<div class="form-check form-check-sm form-check-custom form-check-solid mt-1">
|
||
<input class="form-check-input" type="checkbox" value="1" />
|
||
</div>
|
||
<!--end::Checkbox-->
|
||
</td>
|
||
<td data-order="rating-4">
|
||
<!--begin::Rating-->
|
||
<div class="rating">
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
</div>
|
||
<!--end::Rating-->
|
||
</td>
|
||
<td>
|
||
<a href="apps/inbox/reply.html" class="d-flex text-gray-900 text-gray-800 text-hover-primary">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-circle symbol-25px me-3">
|
||
<div class="symbol-label bg-light-danger">
|
||
<span class="text-danger">O</span>
|
||
</div>
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Name-->
|
||
<span class="fw-bold">Olivia Wild</span>
|
||
<!--end::Name-->
|
||
</a>
|
||
</td>
|
||
<td class="text-gray-600 fw-bold">Awesome value for money. Shipping could be faster tho.</td>
|
||
<td class="text-end">
|
||
<span class="fw-semibold text-muted">July 13</span>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<!--begin::Checkbox-->
|
||
<div class="form-check form-check-sm form-check-custom form-check-solid mt-1">
|
||
<input class="form-check-input" type="checkbox" value="1" />
|
||
</div>
|
||
<!--end::Checkbox-->
|
||
</td>
|
||
<td data-order="rating-5">
|
||
<!--begin::Rating-->
|
||
<div class="rating">
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
</div>
|
||
<!--end::Rating-->
|
||
</td>
|
||
<td>
|
||
<a href="apps/inbox/reply.html" class="d-flex text-gray-900 text-gray-800 text-hover-primary">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-circle symbol-25px me-3">
|
||
<div class="symbol-label bg-light-primary">
|
||
<span class="text-primary">N</span>
|
||
</div>
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Name-->
|
||
<span class="fw-bold">Neil Owen</span>
|
||
<!--end::Name-->
|
||
</a>
|
||
</td>
|
||
<td class="text-gray-600 fw-bold">Excellent quality, I got it for my son's birthday and he loved it!</td>
|
||
<td class="text-end">
|
||
<span class="fw-semibold text-muted">May 25</span>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<!--begin::Checkbox-->
|
||
<div class="form-check form-check-sm form-check-custom form-check-solid mt-1">
|
||
<input class="form-check-input" type="checkbox" value="1" />
|
||
</div>
|
||
<!--end::Checkbox-->
|
||
</td>
|
||
<td data-order="rating-5">
|
||
<!--begin::Rating-->
|
||
<div class="rating">
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
</div>
|
||
<!--end::Rating-->
|
||
</td>
|
||
<td>
|
||
<a href="apps/inbox/reply.html" class="d-flex text-gray-900 text-gray-800 text-hover-primary">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-circle symbol-25px me-3">
|
||
<span class="symbol-label" style="background-image:url(assets/media/avatars/300-23.jpg)"></span>
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Name-->
|
||
<span class="fw-bold">Dan Wilson</span>
|
||
<!--end::Name-->
|
||
</a>
|
||
</td>
|
||
<td class="text-gray-600 fw-bold">I got this for Christmas last year, and it's still the best product I've ever used!</td>
|
||
<td class="text-end">
|
||
<span class="fw-semibold text-muted">April 15</span>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<!--begin::Checkbox-->
|
||
<div class="form-check form-check-sm form-check-custom form-check-solid mt-1">
|
||
<input class="form-check-input" type="checkbox" value="1" />
|
||
</div>
|
||
<!--end::Checkbox-->
|
||
</td>
|
||
<td data-order="rating-5">
|
||
<!--begin::Rating-->
|
||
<div class="rating">
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
</div>
|
||
<!--end::Rating-->
|
||
</td>
|
||
<td>
|
||
<a href="apps/inbox/reply.html" class="d-flex text-gray-900 text-gray-800 text-hover-primary">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-circle symbol-25px me-3">
|
||
<div class="symbol-label bg-light-danger">
|
||
<span class="text-danger">E</span>
|
||
</div>
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Name-->
|
||
<span class="fw-bold">Emma Bold</span>
|
||
<!--end::Name-->
|
||
</a>
|
||
</td>
|
||
<td class="text-gray-600 fw-bold">Was skeptical at first, but after using it for 3 months, I'm hooked! Will definately buy another!</td>
|
||
<td class="text-end">
|
||
<span class="fw-semibold text-muted">April 3</span>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<!--begin::Checkbox-->
|
||
<div class="form-check form-check-sm form-check-custom form-check-solid mt-1">
|
||
<input class="form-check-input" type="checkbox" value="1" />
|
||
</div>
|
||
<!--end::Checkbox-->
|
||
</td>
|
||
<td data-order="rating-4">
|
||
<!--begin::Rating-->
|
||
<div class="rating">
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
</div>
|
||
<!--end::Rating-->
|
||
</td>
|
||
<td>
|
||
<a href="apps/inbox/reply.html" class="d-flex text-gray-900 text-gray-800 text-hover-primary">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-circle symbol-25px me-3">
|
||
<span class="symbol-label" style="background-image:url(assets/media/avatars/300-12.jpg)"></span>
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Name-->
|
||
<span class="fw-bold">Ana Crown</span>
|
||
<!--end::Name-->
|
||
</a>
|
||
</td>
|
||
<td class="text-gray-600 fw-bold">Great product, too bad I missed out on the sale.</td>
|
||
<td class="text-end">
|
||
<span class="fw-semibold text-muted">March 17</span>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<!--begin::Checkbox-->
|
||
<div class="form-check form-check-sm form-check-custom form-check-solid mt-1">
|
||
<input class="form-check-input" type="checkbox" value="1" />
|
||
</div>
|
||
<!--end::Checkbox-->
|
||
</td>
|
||
<td data-order="rating-5">
|
||
<!--begin::Rating-->
|
||
<div class="rating">
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
</div>
|
||
<!--end::Rating-->
|
||
</td>
|
||
<td>
|
||
<a href="apps/inbox/reply.html" class="d-flex text-gray-900 text-gray-800 text-hover-primary">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-circle symbol-25px me-3">
|
||
<div class="symbol-label bg-light-info">
|
||
<span class="text-info">A</span>
|
||
</div>
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Name-->
|
||
<span class="fw-bold">Robert Doe</span>
|
||
<!--end::Name-->
|
||
</a>
|
||
</td>
|
||
<td class="text-gray-600 fw-bold">Got this on sale! Best decision ever!</td>
|
||
<td class="text-end">
|
||
<span class="fw-semibold text-muted">March 12</span>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<!--begin::Checkbox-->
|
||
<div class="form-check form-check-sm form-check-custom form-check-solid mt-1">
|
||
<input class="form-check-input" type="checkbox" value="1" />
|
||
</div>
|
||
<!--end::Checkbox-->
|
||
</td>
|
||
<td data-order="rating-5">
|
||
<!--begin::Rating-->
|
||
<div class="rating">
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
<div class="rating-label checked">
|
||
<i class="ki-outline ki-star fs-6"></i>
|
||
</div>
|
||
</div>
|
||
<!--end::Rating-->
|
||
</td>
|
||
<td>
|
||
<a href="apps/inbox/reply.html" class="d-flex text-gray-900 text-gray-800 text-hover-primary">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-circle symbol-25px me-3">
|
||
<span class="symbol-label" style="background-image:url(assets/media/avatars/300-13.jpg)"></span>
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Name-->
|
||
<span class="fw-bold">John Miller</span>
|
||
<!--end::Name-->
|
||
</a>
|
||
</td>
|
||
<td class="text-gray-600 fw-bold">Firesale is on! Buy now! Totally worth it!</td>
|
||
<td class="text-end">
|
||
<span class="fw-semibold text-muted">March 11</span>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<!--end::Table-->
|
||
</div>
|
||
<!--end::Card body-->
|
||
</div>
|
||
<!--end::Reviews-->
|
||
</div>
|
||
</div>
|
||
<!--end::Tab pane-->
|
||
</div>
|
||
<!--end::Tab content-->
|
||
</div>
|
||
<!--end::Main column-->
|
||
</div>
|
||
<!--end::Tabs-->
|
||
</div>
|
||
<!--end::Content-->
|
||
</div>
|
||
<!--end::Content wrapper-->
|
||
<!--begin::Footer-->
|
||
<div id="kt_app_footer" class="app-footer d-flex flex-column flex-md-row align-items-center flex-center flex-md-stack py-2 py-lg-4">
|
||
<!--begin::Copyright-->
|
||
<div class="text-gray-900 order-2 order-md-1">
|
||
<span class="text-muted fw-semibold me-1">2023©</span>
|
||
<a href="https://www.inetum.com/fr" target="_blank" class="text-gray-800 text-hover-primary">Inetum</a>
|
||
</div>
|
||
<!--end::Copyright-->
|
||
<!--begin::Menu-->
|
||
<ul class="menu menu-gray-600 menu-hover-primary fw-semibold order-1">
|
||
<li class="menu-item">
|
||
<a href="https://www.inetum.com/fr" target="_blank" class="menu-link px-2">A propos</a>
|
||
</li>
|
||
</ul>
|
||
<!--end::Menu-->
|
||
</div>
|
||
<!--end::Footer-->
|
||
</div>
|
||
<!--end:::Main-->
|
||
</div>
|
||
<!--end::Wrapper container-->
|
||
</div>
|
||
<!--end::Wrapper-->
|
||
</div>
|
||
<!--end::Page-->
|
||
</div>
|
||
|
||
|
||
<!--end::App-->
|
||
<!--begin::Drawers-->
|
||
<!--begin::Activities drawer-->
|
||
<div id="kt_activities" class="bg-body" data-kt-drawer="true" data-kt-drawer-name="activities" data-kt-drawer-activate="true" data-kt-drawer-overlay="true" data-kt-drawer-width="{default:'300px', 'lg': '900px'}" data-kt-drawer-direction="end" data-kt-drawer-toggle="#kt_activities_toggle" data-kt-drawer-close="#kt_activities_close">
|
||
<div class="card shadow-none border-0 rounded-0">
|
||
<!--begin::Header-->
|
||
<div class="card-header" id="kt_activities_header">
|
||
<h3 class="card-title fw-bold text-gray-900">Activity Logs</h3>
|
||
<div class="card-toolbar">
|
||
<button type="button" class="btn btn-sm btn-icon btn-active-light-primary me-n5" id="kt_activities_close">
|
||
<i class="ki-outline ki-cross fs-1"></i>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<!--end::Header-->
|
||
<!--begin::Body-->
|
||
<div class="card-body position-relative" id="kt_activities_body">
|
||
<!--begin::Content-->
|
||
<div id="kt_activities_scroll" class="position-relative scroll-y me-n5 pe-5" data-kt-scroll="true" data-kt-scroll-height="auto" data-kt-scroll-wrappers="#kt_activities_body" data-kt-scroll-dependencies="#kt_activities_header, #kt_activities_footer" data-kt-scroll-offset="5px">
|
||
<!--begin::Timeline items-->
|
||
<div class="timeline timeline-border-dashed">
|
||
<!--begin::Timeline item-->
|
||
<div class="timeline-item">
|
||
<!--begin::Timeline line-->
|
||
<div class="timeline-line"></div>
|
||
<!--end::Timeline line-->
|
||
<!--begin::Timeline icon-->
|
||
<div class="timeline-icon">
|
||
<i class="ki-outline ki-message-text-2 fs-2 text-gray-500"></i>
|
||
</div>
|
||
<!--end::Timeline icon-->
|
||
<!--begin::Timeline content-->
|
||
<div class="timeline-content mb-10 mt-n1">
|
||
<!--begin::Timeline heading-->
|
||
<div class="pe-3 mb-5">
|
||
<!--begin::Title-->
|
||
<div class="fs-5 fw-semibold mb-2">There are 2 new tasks for you in “AirPlus Mobile App” project:</div>
|
||
<!--end::Title-->
|
||
<!--begin::Description-->
|
||
<div class="d-flex align-items-center mt-1 fs-6">
|
||
<!--begin::Info-->
|
||
<div class="text-muted me-2 fs-7">Added at 4:23 PM by</div>
|
||
<!--end::Info-->
|
||
<!--begin::User-->
|
||
<div class="symbol symbol-circle symbol-25px" data-bs-toggle="tooltip" data-bs-boundary="window" data-bs-placement="top" title="Nina Nilson">
|
||
<img src="assets/media/avatars/300-14.jpg" alt="img" />
|
||
</div>
|
||
<!--end::User-->
|
||
</div>
|
||
<!--end::Description-->
|
||
</div>
|
||
<!--end::Timeline heading-->
|
||
<!--begin::Timeline details-->
|
||
<div class="overflow-auto pb-5">
|
||
<!--begin::Record-->
|
||
<div class="d-flex align-items-center border border-dashed border-gray-300 rounded min-w-750px px-7 py-3 mb-5">
|
||
<!--begin::Title-->
|
||
<a href="apps/projects/project.html" class="fs-5 text-gray-900 text-hover-primary fw-semibold w-375px min-w-200px">Meeting with customer</a>
|
||
<!--end::Title-->
|
||
<!--begin::Label-->
|
||
<div class="min-w-175px pe-2">
|
||
<span class="badge badge-light text-muted">Application Design</span>
|
||
</div>
|
||
<!--end::Label-->
|
||
<!--begin::Users-->
|
||
<div class="symbol-group symbol-hover flex-nowrap flex-grow-1 min-w-100px pe-2">
|
||
<!--begin::User-->
|
||
<div class="symbol symbol-circle symbol-25px">
|
||
<img src="assets/media/avatars/300-2.jpg" alt="img" />
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::User-->
|
||
<div class="symbol symbol-circle symbol-25px">
|
||
<img src="assets/media/avatars/300-14.jpg" alt="img" />
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::User-->
|
||
<div class="symbol symbol-circle symbol-25px">
|
||
<div class="symbol-label fs-8 fw-semibold bg-primary text-inverse-primary">A</div>
|
||
</div>
|
||
<!--end::User-->
|
||
</div>
|
||
<!--end::Users-->
|
||
<!--begin::Progress-->
|
||
<div class="min-w-125px pe-2">
|
||
<span class="badge badge-light-primary">In Progress</span>
|
||
</div>
|
||
<!--end::Progress-->
|
||
<!--begin::Action-->
|
||
<a href="apps/projects/project.html" class="btn btn-sm btn-light btn-active-light-primary">View</a>
|
||
<!--end::Action-->
|
||
</div>
|
||
<!--end::Record-->
|
||
<!--begin::Record-->
|
||
<div class="d-flex align-items-center border border-dashed border-gray-300 rounded min-w-750px px-7 py-3 mb-0">
|
||
<!--begin::Title-->
|
||
<a href="apps/projects/project.html" class="fs-5 text-gray-900 text-hover-primary fw-semibold w-375px min-w-200px">Project Delivery Preparation</a>
|
||
<!--end::Title-->
|
||
<!--begin::Label-->
|
||
<div class="min-w-175px">
|
||
<span class="badge badge-light text-muted">CRM System Development</span>
|
||
</div>
|
||
<!--end::Label-->
|
||
<!--begin::Users-->
|
||
<div class="symbol-group symbol-hover flex-nowrap flex-grow-1 min-w-100px">
|
||
<!--begin::User-->
|
||
<div class="symbol symbol-circle symbol-25px">
|
||
<img src="assets/media/avatars/300-20.jpg" alt="img" />
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::User-->
|
||
<div class="symbol symbol-circle symbol-25px">
|
||
<div class="symbol-label fs-8 fw-semibold bg-success text-inverse-primary">B</div>
|
||
</div>
|
||
<!--end::User-->
|
||
</div>
|
||
<!--end::Users-->
|
||
<!--begin::Progress-->
|
||
<div class="min-w-125px">
|
||
<span class="badge badge-light-success">Completed</span>
|
||
</div>
|
||
<!--end::Progress-->
|
||
<!--begin::Action-->
|
||
<a href="apps/projects/project.html" class="btn btn-sm btn-light btn-active-light-primary">View</a>
|
||
<!--end::Action-->
|
||
</div>
|
||
<!--end::Record-->
|
||
</div>
|
||
<!--end::Timeline details-->
|
||
</div>
|
||
<!--end::Timeline content-->
|
||
</div>
|
||
<!--end::Timeline item-->
|
||
<!--begin::Timeline item-->
|
||
<div class="timeline-item">
|
||
<!--begin::Timeline line-->
|
||
<div class="timeline-line"></div>
|
||
<!--end::Timeline line-->
|
||
<!--begin::Timeline icon-->
|
||
<div class="timeline-icon me-4">
|
||
<i class="ki-outline ki-flag fs-2 text-gray-500"></i>
|
||
</div>
|
||
<!--end::Timeline icon-->
|
||
<!--begin::Timeline content-->
|
||
<div class="timeline-content mb-10 mt-n2">
|
||
<!--begin::Timeline heading-->
|
||
<div class="overflow-auto pe-3">
|
||
<!--begin::Title-->
|
||
<div class="fs-5 fw-semibold mb-2">Invitation for crafting engaging designs that speak human workshop</div>
|
||
<!--end::Title-->
|
||
<!--begin::Description-->
|
||
<div class="d-flex align-items-center mt-1 fs-6">
|
||
<!--begin::Info-->
|
||
<div class="text-muted me-2 fs-7">Sent at 4:23 PM by</div>
|
||
<!--end::Info-->
|
||
<!--begin::User-->
|
||
<div class="symbol symbol-circle symbol-25px" data-bs-toggle="tooltip" data-bs-boundary="window" data-bs-placement="top" title="Alan Nilson">
|
||
<img src="assets/media/avatars/300-1.jpg" alt="img" />
|
||
</div>
|
||
<!--end::User-->
|
||
</div>
|
||
<!--end::Description-->
|
||
</div>
|
||
<!--end::Timeline heading-->
|
||
</div>
|
||
<!--end::Timeline content-->
|
||
</div>
|
||
<!--end::Timeline item-->
|
||
<!--begin::Timeline item-->
|
||
<div class="timeline-item">
|
||
<!--begin::Timeline line-->
|
||
<div class="timeline-line"></div>
|
||
<!--end::Timeline line-->
|
||
<!--begin::Timeline icon-->
|
||
<div class="timeline-icon">
|
||
<i class="ki-outline ki-disconnect fs-2 text-gray-500"></i>
|
||
</div>
|
||
<!--end::Timeline icon-->
|
||
<!--begin::Timeline content-->
|
||
<div class="timeline-content mb-10 mt-n1">
|
||
<!--begin::Timeline heading-->
|
||
<div class="mb-5 pe-3">
|
||
<!--begin::Title-->
|
||
<a href="#" class="fs-5 fw-semibold text-gray-800 text-hover-primary mb-2">3 New Incoming Project Files:</a>
|
||
<!--end::Title-->
|
||
<!--begin::Description-->
|
||
<div class="d-flex align-items-center mt-1 fs-6">
|
||
<!--begin::Info-->
|
||
<div class="text-muted me-2 fs-7">Sent at 10:30 PM by</div>
|
||
<!--end::Info-->
|
||
<!--begin::User-->
|
||
<div class="symbol symbol-circle symbol-25px" data-bs-toggle="tooltip" data-bs-boundary="window" data-bs-placement="top" title="Jan Hummer">
|
||
<img src="assets/media/avatars/300-23.jpg" alt="img" />
|
||
</div>
|
||
<!--end::User-->
|
||
</div>
|
||
<!--end::Description-->
|
||
</div>
|
||
<!--end::Timeline heading-->
|
||
<!--begin::Timeline details-->
|
||
<div class="overflow-auto pb-5">
|
||
<div class="d-flex align-items-center border border-dashed border-gray-300 rounded min-w-700px p-5">
|
||
<!--begin::Item-->
|
||
<div class="d-flex flex-aligns-center pe-10 pe-lg-20">
|
||
<!--begin::Icon-->
|
||
<img alt="" class="w-30px me-3" src="assets/media/svg/files/pdf.svg" />
|
||
<!--end::Icon-->
|
||
<!--begin::Info-->
|
||
<div class="ms-1 fw-semibold">
|
||
<!--begin::Desc-->
|
||
<a href="apps/projects/project.html" class="fs-6 text-hover-primary fw-bold">Finance KPI App Guidelines</a>
|
||
<!--end::Desc-->
|
||
<!--begin::Number-->
|
||
<div class="text-gray-500">1.9mb</div>
|
||
<!--end::Number-->
|
||
</div>
|
||
<!--begin::Info-->
|
||
</div>
|
||
<!--end::Item-->
|
||
<!--begin::Item-->
|
||
<div class="d-flex flex-aligns-center pe-10 pe-lg-20">
|
||
<!--begin::Icon-->
|
||
<img alt="apps/projects/project.html" class="w-30px me-3" src="assets/media/svg/files/doc.svg" />
|
||
<!--end::Icon-->
|
||
<!--begin::Info-->
|
||
<div class="ms-1 fw-semibold">
|
||
<!--begin::Desc-->
|
||
<a href="#" class="fs-6 text-hover-primary fw-bold">Client UAT Testing Results</a>
|
||
<!--end::Desc-->
|
||
<!--begin::Number-->
|
||
<div class="text-gray-500">18kb</div>
|
||
<!--end::Number-->
|
||
</div>
|
||
<!--end::Info-->
|
||
</div>
|
||
<!--end::Item-->
|
||
<!--begin::Item-->
|
||
<div class="d-flex flex-aligns-center">
|
||
<!--begin::Icon-->
|
||
<img alt="apps/projects/project.html" class="w-30px me-3" src="assets/media/svg/files/css.svg" />
|
||
<!--end::Icon-->
|
||
<!--begin::Info-->
|
||
<div class="ms-1 fw-semibold">
|
||
<!--begin::Desc-->
|
||
<a href="#" class="fs-6 text-hover-primary fw-bold">Finance Reports</a>
|
||
<!--end::Desc-->
|
||
<!--begin::Number-->
|
||
<div class="text-gray-500">20mb</div>
|
||
<!--end::Number-->
|
||
</div>
|
||
<!--end::Icon-->
|
||
</div>
|
||
<!--end::Item-->
|
||
</div>
|
||
</div>
|
||
<!--end::Timeline details-->
|
||
</div>
|
||
<!--end::Timeline content-->
|
||
</div>
|
||
<!--end::Timeline item-->
|
||
<!--begin::Timeline item-->
|
||
<div class="timeline-item">
|
||
<!--begin::Timeline line-->
|
||
<div class="timeline-line"></div>
|
||
<!--end::Timeline line-->
|
||
<!--begin::Timeline icon-->
|
||
<div class="timeline-icon">
|
||
<i class="ki-outline ki-abstract-26 fs-2 text-gray-500"></i>
|
||
</div>
|
||
<!--end::Timeline icon-->
|
||
<!--begin::Timeline content-->
|
||
<div class="timeline-content mb-10 mt-n1">
|
||
<!--begin::Timeline heading-->
|
||
<div class="pe-3 mb-5">
|
||
<!--begin::Title-->
|
||
<div class="fs-5 fw-semibold mb-2">Task
|
||
<a href="#" class="text-primary fw-bold me-1">#45890</a>merged with
|
||
<a href="#" class="text-primary fw-bold me-1">#45890</a>in “Ads Pro Admin Dashboard project:</div>
|
||
<!--end::Title-->
|
||
<!--begin::Description-->
|
||
<div class="d-flex align-items-center mt-1 fs-6">
|
||
<!--begin::Info-->
|
||
<div class="text-muted me-2 fs-7">Initiated at 4:23 PM by</div>
|
||
<!--end::Info-->
|
||
<!--begin::User-->
|
||
<div class="symbol symbol-circle symbol-25px" data-bs-toggle="tooltip" data-bs-boundary="window" data-bs-placement="top" title="Nina Nilson">
|
||
<img src="assets/media/avatars/300-14.jpg" alt="img" />
|
||
</div>
|
||
<!--end::User-->
|
||
</div>
|
||
<!--end::Description-->
|
||
</div>
|
||
<!--end::Timeline heading-->
|
||
</div>
|
||
<!--end::Timeline content-->
|
||
</div>
|
||
<!--end::Timeline item-->
|
||
<!--begin::Timeline item-->
|
||
<div class="timeline-item">
|
||
<!--begin::Timeline line-->
|
||
<div class="timeline-line"></div>
|
||
<!--end::Timeline line-->
|
||
<!--begin::Timeline icon-->
|
||
<div class="timeline-icon">
|
||
<i class="ki-outline ki-pencil fs-2 text-gray-500"></i>
|
||
</div>
|
||
<!--end::Timeline icon-->
|
||
<!--begin::Timeline content-->
|
||
<div class="timeline-content mb-10 mt-n1">
|
||
<!--begin::Timeline heading-->
|
||
<div class="pe-3 mb-5">
|
||
<!--begin::Title-->
|
||
<div class="fs-5 fw-semibold mb-2">3 new application design concepts added:</div>
|
||
<!--end::Title-->
|
||
<!--begin::Description-->
|
||
<div class="d-flex align-items-center mt-1 fs-6">
|
||
<!--begin::Info-->
|
||
<div class="text-muted me-2 fs-7">Created at 4:23 PM by</div>
|
||
<!--end::Info-->
|
||
<!--begin::User-->
|
||
<div class="symbol symbol-circle symbol-25px" data-bs-toggle="tooltip" data-bs-boundary="window" data-bs-placement="top" title="Marcus Dotson">
|
||
<img src="assets/media/avatars/300-2.jpg" alt="img" />
|
||
</div>
|
||
<!--end::User-->
|
||
</div>
|
||
<!--end::Description-->
|
||
</div>
|
||
<!--end::Timeline heading-->
|
||
<!--begin::Timeline details-->
|
||
<div class="overflow-auto pb-5">
|
||
<div class="d-flex align-items-center border border-dashed border-gray-300 rounded min-w-700px p-7">
|
||
<!--begin::Item-->
|
||
<div class="overlay me-10">
|
||
<!--begin::Image-->
|
||
<div class="overlay-wrapper">
|
||
<img alt="img" class="rounded w-150px" src="assets/media/stock/600x400/img-29.jpg" />
|
||
</div>
|
||
<!--end::Image-->
|
||
<!--begin::Link-->
|
||
<div class="overlay-layer bg-dark bg-opacity-10 rounded">
|
||
<a href="#" class="btn btn-sm btn-primary btn-shadow">Explore</a>
|
||
</div>
|
||
<!--end::Link-->
|
||
</div>
|
||
<!--end::Item-->
|
||
<!--begin::Item-->
|
||
<div class="overlay me-10">
|
||
<!--begin::Image-->
|
||
<div class="overlay-wrapper">
|
||
<img alt="img" class="rounded w-150px" src="assets/media/stock/600x400/img-31.jpg" />
|
||
</div>
|
||
<!--end::Image-->
|
||
<!--begin::Link-->
|
||
<div class="overlay-layer bg-dark bg-opacity-10 rounded">
|
||
<a href="#" class="btn btn-sm btn-primary btn-shadow">Explore</a>
|
||
</div>
|
||
<!--end::Link-->
|
||
</div>
|
||
<!--end::Item-->
|
||
<!--begin::Item-->
|
||
<div class="overlay">
|
||
<!--begin::Image-->
|
||
<div class="overlay-wrapper">
|
||
<img alt="img" class="rounded w-150px" src="assets/media/stock/600x400/img-40.jpg" />
|
||
</div>
|
||
<!--end::Image-->
|
||
<!--begin::Link-->
|
||
<div class="overlay-layer bg-dark bg-opacity-10 rounded">
|
||
<a href="#" class="btn btn-sm btn-primary btn-shadow">Explore</a>
|
||
</div>
|
||
<!--end::Link-->
|
||
</div>
|
||
<!--end::Item-->
|
||
</div>
|
||
</div>
|
||
<!--end::Timeline details-->
|
||
</div>
|
||
<!--end::Timeline content-->
|
||
</div>
|
||
<!--end::Timeline item-->
|
||
<!--begin::Timeline item-->
|
||
<div class="timeline-item">
|
||
<!--begin::Timeline line-->
|
||
<div class="timeline-line"></div>
|
||
<!--end::Timeline line-->
|
||
<!--begin::Timeline icon-->
|
||
<div class="timeline-icon">
|
||
<i class="ki-outline ki-sms fs-2 text-gray-500"></i>
|
||
</div>
|
||
<!--end::Timeline icon-->
|
||
<!--begin::Timeline content-->
|
||
<div class="timeline-content mb-10 mt-n1">
|
||
<!--begin::Timeline heading-->
|
||
<div class="pe-3 mb-5">
|
||
<!--begin::Title-->
|
||
<div class="fs-5 fw-semibold mb-2">New case
|
||
<a href="#" class="text-primary fw-bold me-1">#67890</a>is assigned to you in Multi-platform Database Design project</div>
|
||
<!--end::Title-->
|
||
<!--begin::Description-->
|
||
<div class="overflow-auto pb-5">
|
||
<!--begin::Wrapper-->
|
||
<div class="d-flex align-items-center mt-1 fs-6">
|
||
<!--begin::Info-->
|
||
<div class="text-muted me-2 fs-7">Added at 4:23 PM by</div>
|
||
<!--end::Info-->
|
||
<!--begin::User-->
|
||
<a href="#" class="text-primary fw-bold me-1">Alice Tan</a>
|
||
<!--end::User-->
|
||
</div>
|
||
<!--end::Wrapper-->
|
||
</div>
|
||
<!--end::Description-->
|
||
</div>
|
||
<!--end::Timeline heading-->
|
||
</div>
|
||
<!--end::Timeline content-->
|
||
</div>
|
||
<!--end::Timeline item-->
|
||
<!--begin::Timeline item-->
|
||
<div class="timeline-item">
|
||
<!--begin::Timeline line-->
|
||
<div class="timeline-line"></div>
|
||
<!--end::Timeline line-->
|
||
<!--begin::Timeline icon-->
|
||
<div class="timeline-icon">
|
||
<i class="ki-outline ki-pencil fs-2 text-gray-500"></i>
|
||
</div>
|
||
<!--end::Timeline icon-->
|
||
<!--begin::Timeline content-->
|
||
<div class="timeline-content mb-10 mt-n1">
|
||
<!--begin::Timeline heading-->
|
||
<div class="pe-3 mb-5">
|
||
<!--begin::Title-->
|
||
<div class="fs-5 fw-semibold mb-2">You have received a new order:</div>
|
||
<!--end::Title-->
|
||
<!--begin::Description-->
|
||
<div class="d-flex align-items-center mt-1 fs-6">
|
||
<!--begin::Info-->
|
||
<div class="text-muted me-2 fs-7">Placed at 5:05 AM by</div>
|
||
<!--end::Info-->
|
||
<!--begin::User-->
|
||
<div class="symbol symbol-circle symbol-25px" data-bs-toggle="tooltip" data-bs-boundary="window" data-bs-placement="top" title="Robert Rich">
|
||
<img src="assets/media/avatars/300-4.jpg" alt="img" />
|
||
</div>
|
||
<!--end::User-->
|
||
</div>
|
||
<!--end::Description-->
|
||
</div>
|
||
<!--end::Timeline heading-->
|
||
<!--begin::Timeline details-->
|
||
<div class="overflow-auto pb-5">
|
||
<!--begin::Notice-->
|
||
<div class="notice d-flex bg-light-primary rounded border-primary border border-dashed min-w-lg-600px flex-shrink-0 p-6">
|
||
<!--begin::Icon-->
|
||
<i class="ki-outline ki-devices-2 fs-2tx text-primary me-4"></i>
|
||
<!--end::Icon-->
|
||
<!--begin::Wrapper-->
|
||
<div class="d-flex flex-stack flex-grow-1 flex-wrap flex-md-nowrap">
|
||
<!--begin::Content-->
|
||
<div class="mb-3 mb-md-0 fw-semibold">
|
||
<h4 class="text-gray-900 fw-bold">Database Backup Process Completed!</h4>
|
||
<div class="fs-6 text-gray-700 pe-7">Login into Admin Dashboard to make sure the data integrity is OK</div>
|
||
</div>
|
||
<!--end::Content-->
|
||
<!--begin::Action-->
|
||
<a href="#" class="btn btn-primary px-6 align-self-center text-nowrap">Proceed</a>
|
||
<!--end::Action-->
|
||
</div>
|
||
<!--end::Wrapper-->
|
||
</div>
|
||
<!--end::Notice-->
|
||
</div>
|
||
<!--end::Timeline details-->
|
||
</div>
|
||
<!--end::Timeline content-->
|
||
</div>
|
||
<!--end::Timeline item-->
|
||
<!--begin::Timeline item-->
|
||
<div class="timeline-item">
|
||
<!--begin::Timeline line-->
|
||
<div class="timeline-line"></div>
|
||
<!--end::Timeline line-->
|
||
<!--begin::Timeline icon-->
|
||
<div class="timeline-icon">
|
||
<i class="ki-outline ki-basket fs-2 text-gray-500"></i>
|
||
</div>
|
||
<!--end::Timeline icon-->
|
||
<!--begin::Timeline content-->
|
||
<div class="timeline-content mt-n1">
|
||
<!--begin::Timeline heading-->
|
||
<div class="pe-3 mb-5">
|
||
<!--begin::Title-->
|
||
<div class="fs-5 fw-semibold mb-2">New order
|
||
<a href="#" class="text-primary fw-bold me-1">#67890</a>is placed for Workshow Planning & Budget Estimation</div>
|
||
<!--end::Title-->
|
||
<!--begin::Description-->
|
||
<div class="d-flex align-items-center mt-1 fs-6">
|
||
<!--begin::Info-->
|
||
<div class="text-muted me-2 fs-7">Placed at 4:23 PM by</div>
|
||
<!--end::Info-->
|
||
<!--begin::User-->
|
||
<a href="#" class="text-primary fw-bold me-1">Jimmy Bold</a>
|
||
<!--end::User-->
|
||
</div>
|
||
<!--end::Description-->
|
||
</div>
|
||
<!--end::Timeline heading-->
|
||
</div>
|
||
<!--end::Timeline content-->
|
||
</div>
|
||
<!--end::Timeline item-->
|
||
</div>
|
||
<!--end::Timeline items-->
|
||
</div>
|
||
<!--end::Content-->
|
||
</div>
|
||
<!--end::Body-->
|
||
<!--begin::Footer-->
|
||
<div class="card-footer py-5 text-center" id="kt_activities_footer">
|
||
<a href="pages/user-profile/activity.html" class="btn btn-bg-body text-primary">View All Activities
|
||
<i class="ki-outline ki-arrow-right fs-3 text-primary"></i></a>
|
||
</div>
|
||
<!--end::Footer-->
|
||
</div>
|
||
</div>
|
||
<!--end::Activities drawer-->
|
||
<!--begin::Chat drawer-->
|
||
<div id="kt_drawer_chat" class="bg-body" data-kt-drawer="true" data-kt-drawer-name="chat" data-kt-drawer-activate="true" data-kt-drawer-overlay="true" data-kt-drawer-width="{default:'300px', 'md': '500px'}" data-kt-drawer-direction="end" data-kt-drawer-toggle="#kt_drawer_chat_toggle" data-kt-drawer-close="#kt_drawer_chat_close">
|
||
<!--begin::Messenger-->
|
||
<div class="card w-100 border-0 rounded-0" id="kt_drawer_chat_messenger">
|
||
<!--begin::Card header-->
|
||
<div class="card-header pe-5" id="kt_drawer_chat_messenger_header">
|
||
<!--begin::Title-->
|
||
<div class="card-title">
|
||
<!--begin::User-->
|
||
<div class="d-flex justify-content-center flex-column me-3">
|
||
<a href="#" class="fs-4 fw-bold text-gray-900 text-hover-primary me-1 mb-2 lh-1">Brian Cox</a>
|
||
<!--begin::Info-->
|
||
<div class="mb-0 lh-1">
|
||
<span class="badge badge-success badge-circle w-10px h-10px me-1"></span>
|
||
<span class="fs-7 fw-semibold text-muted">Active</span>
|
||
</div>
|
||
<!--end::Info-->
|
||
</div>
|
||
<!--end::User-->
|
||
</div>
|
||
<!--end::Title-->
|
||
<!--begin::Card toolbar-->
|
||
<div class="card-toolbar">
|
||
<!--begin::Menu-->
|
||
<div class="me-0">
|
||
<button class="btn btn-sm btn-icon btn-active-color-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
|
||
<i class="ki-outline ki-dots-square fs-2"></i>
|
||
</button>
|
||
<!--begin::Menu 3-->
|
||
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-semibold w-200px py-3" data-kt-menu="true">
|
||
<!--begin::Heading-->
|
||
<div class="menu-item px-3">
|
||
<div class="menu-content text-muted pb-2 px-3 fs-7 text-uppercase">Contacts</div>
|
||
</div>
|
||
<!--end::Heading-->
|
||
<!--begin::Menu item-->
|
||
<div class="menu-item px-3">
|
||
<a href="#" class="menu-link px-3" data-bs-toggle="modal" data-bs-target="#kt_modal_users_search">Add Contact</a>
|
||
</div>
|
||
<!--end::Menu item-->
|
||
<!--begin::Menu item-->
|
||
<div class="menu-item px-3">
|
||
<a href="#" class="menu-link flex-stack px-3" data-bs-toggle="modal" data-bs-target="#kt_modal_invite_friends">Invite Contacts
|
||
<span class="ms-2" data-bs-toggle="tooltip" title="Specify a contact email to send an invitation">
|
||
<i class="ki-outline ki-information fs-7"></i>
|
||
</span></a>
|
||
</div>
|
||
<!--end::Menu item-->
|
||
<!--begin::Menu item-->
|
||
<div class="menu-item px-3" data-kt-menu-trigger="hover" data-kt-menu-placement="right-start">
|
||
<a href="#" class="menu-link px-3">
|
||
<span class="menu-title">Groups</span>
|
||
<span class="menu-arrow"></span>
|
||
</a>
|
||
<!--begin::Menu sub-->
|
||
<div class="menu-sub menu-sub-dropdown w-175px py-4">
|
||
<!--begin::Menu item-->
|
||
<div class="menu-item px-3">
|
||
<a href="#" class="menu-link px-3" data-bs-toggle="tooltip" title="Coming soon">Create Group</a>
|
||
</div>
|
||
<!--end::Menu item-->
|
||
<!--begin::Menu item-->
|
||
<div class="menu-item px-3">
|
||
<a href="#" class="menu-link px-3" data-bs-toggle="tooltip" title="Coming soon">Invite Members</a>
|
||
</div>
|
||
<!--end::Menu item-->
|
||
<!--begin::Menu item-->
|
||
<div class="menu-item px-3">
|
||
<a href="#" class="menu-link px-3" data-bs-toggle="tooltip" title="Coming soon">Settings</a>
|
||
</div>
|
||
<!--end::Menu item-->
|
||
</div>
|
||
<!--end::Menu sub-->
|
||
</div>
|
||
<!--end::Menu item-->
|
||
<!--begin::Menu item-->
|
||
<div class="menu-item px-3 my-1">
|
||
<a href="#" class="menu-link px-3" data-bs-toggle="tooltip" title="Coming soon">Settings</a>
|
||
</div>
|
||
<!--end::Menu item-->
|
||
</div>
|
||
<!--end::Menu 3-->
|
||
</div>
|
||
<!--end::Menu-->
|
||
<!--begin::Close-->
|
||
<div class="btn btn-sm btn-icon btn-active-color-primary" id="kt_drawer_chat_close">
|
||
<i class="ki-outline ki-cross-square fs-2"></i>
|
||
</div>
|
||
<!--end::Close-->
|
||
</div>
|
||
<!--end::Card toolbar-->
|
||
</div>
|
||
<!--end::Card header-->
|
||
<!--begin::Card body-->
|
||
<div class="card-body" id="kt_drawer_chat_messenger_body">
|
||
<!--begin::Messages-->
|
||
<div class="scroll-y me-n5 pe-5" data-kt-element="messages" data-kt-scroll="true" data-kt-scroll-activate="true" data-kt-scroll-height="auto" data-kt-scroll-dependencies="#kt_drawer_chat_messenger_header, #kt_drawer_chat_messenger_footer" data-kt-scroll-wrappers="#kt_drawer_chat_messenger_body" data-kt-scroll-offset="0px">
|
||
<!--begin::Message(in)-->
|
||
<div class="d-flex justify-content-start mb-10">
|
||
<!--begin::Wrapper-->
|
||
<div class="d-flex flex-column align-items-start">
|
||
<!--begin::User-->
|
||
<div class="d-flex align-items-center mb-2">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<img alt="Pic" src="assets/media/avatars/300-25.jpg" />
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Details-->
|
||
<div class="ms-3">
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary me-1">Brian Cox</a>
|
||
<span class="text-muted fs-7 mb-1">2 mins</span>
|
||
</div>
|
||
<!--end::Details-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::Text-->
|
||
<div class="p-5 rounded bg-light-info text-gray-900 fw-semibold mw-lg-400px text-start" data-kt-element="message-text">How likely are you to recommend our company to your friends and family ?</div>
|
||
<!--end::Text-->
|
||
</div>
|
||
<!--end::Wrapper-->
|
||
</div>
|
||
<!--end::Message(in)-->
|
||
<!--begin::Message(out)-->
|
||
<div class="d-flex justify-content-end mb-10">
|
||
<!--begin::Wrapper-->
|
||
<div class="d-flex flex-column align-items-end">
|
||
<!--begin::User-->
|
||
<div class="d-flex align-items-center mb-2">
|
||
<!--begin::Details-->
|
||
<div class="me-3">
|
||
<span class="text-muted fs-7 mb-1">5 mins</span>
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary ms-1">You</a>
|
||
</div>
|
||
<!--end::Details-->
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<img alt="Pic" src="assets/media/avatars/300-1.jpg" />
|
||
</div>
|
||
<!--end::Avatar-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::Text-->
|
||
<div class="p-5 rounded bg-light-primary text-gray-900 fw-semibold mw-lg-400px text-end" data-kt-element="message-text">Hey there, we’re just writing to let you know that you’ve been subscribed to a repository on GitHub.</div>
|
||
<!--end::Text-->
|
||
</div>
|
||
<!--end::Wrapper-->
|
||
</div>
|
||
<!--end::Message(out)-->
|
||
<!--begin::Message(in)-->
|
||
<div class="d-flex justify-content-start mb-10">
|
||
<!--begin::Wrapper-->
|
||
<div class="d-flex flex-column align-items-start">
|
||
<!--begin::User-->
|
||
<div class="d-flex align-items-center mb-2">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<img alt="Pic" src="assets/media/avatars/300-25.jpg" />
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Details-->
|
||
<div class="ms-3">
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary me-1">Brian Cox</a>
|
||
<span class="text-muted fs-7 mb-1">1 Hour</span>
|
||
</div>
|
||
<!--end::Details-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::Text-->
|
||
<div class="p-5 rounded bg-light-info text-gray-900 fw-semibold mw-lg-400px text-start" data-kt-element="message-text">Ok, Understood!</div>
|
||
<!--end::Text-->
|
||
</div>
|
||
<!--end::Wrapper-->
|
||
</div>
|
||
<!--end::Message(in)-->
|
||
<!--begin::Message(out)-->
|
||
<div class="d-flex justify-content-end mb-10">
|
||
<!--begin::Wrapper-->
|
||
<div class="d-flex flex-column align-items-end">
|
||
<!--begin::User-->
|
||
<div class="d-flex align-items-center mb-2">
|
||
<!--begin::Details-->
|
||
<div class="me-3">
|
||
<span class="text-muted fs-7 mb-1">2 Hours</span>
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary ms-1">You</a>
|
||
</div>
|
||
<!--end::Details-->
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<img alt="Pic" src="assets/media/avatars/300-1.jpg" />
|
||
</div>
|
||
<!--end::Avatar-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::Text-->
|
||
<div class="p-5 rounded bg-light-primary text-gray-900 fw-semibold mw-lg-400px text-end" data-kt-element="message-text">You’ll receive notifications for all issues, pull requests!</div>
|
||
<!--end::Text-->
|
||
</div>
|
||
<!--end::Wrapper-->
|
||
</div>
|
||
<!--end::Message(out)-->
|
||
<!--begin::Message(in)-->
|
||
<div class="d-flex justify-content-start mb-10">
|
||
<!--begin::Wrapper-->
|
||
<div class="d-flex flex-column align-items-start">
|
||
<!--begin::User-->
|
||
<div class="d-flex align-items-center mb-2">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<img alt="Pic" src="assets/media/avatars/300-25.jpg" />
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Details-->
|
||
<div class="ms-3">
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary me-1">Brian Cox</a>
|
||
<span class="text-muted fs-7 mb-1">3 Hours</span>
|
||
</div>
|
||
<!--end::Details-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::Text-->
|
||
<div class="p-5 rounded bg-light-info text-gray-900 fw-semibold mw-lg-400px text-start" data-kt-element="message-text">You can unwatch this repository immediately by clicking here:
|
||
<a href="https://keenthemes.com">Keenthemes.com</a></div>
|
||
<!--end::Text-->
|
||
</div>
|
||
<!--end::Wrapper-->
|
||
</div>
|
||
<!--end::Message(in)-->
|
||
<!--begin::Message(out)-->
|
||
<div class="d-flex justify-content-end mb-10">
|
||
<!--begin::Wrapper-->
|
||
<div class="d-flex flex-column align-items-end">
|
||
<!--begin::User-->
|
||
<div class="d-flex align-items-center mb-2">
|
||
<!--begin::Details-->
|
||
<div class="me-3">
|
||
<span class="text-muted fs-7 mb-1">4 Hours</span>
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary ms-1">You</a>
|
||
</div>
|
||
<!--end::Details-->
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<img alt="Pic" src="assets/media/avatars/300-1.jpg" />
|
||
</div>
|
||
<!--end::Avatar-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::Text-->
|
||
<div class="p-5 rounded bg-light-primary text-gray-900 fw-semibold mw-lg-400px text-end" data-kt-element="message-text">Most purchased Business courses during this sale!</div>
|
||
<!--end::Text-->
|
||
</div>
|
||
<!--end::Wrapper-->
|
||
</div>
|
||
<!--end::Message(out)-->
|
||
<!--begin::Message(in)-->
|
||
<div class="d-flex justify-content-start mb-10">
|
||
<!--begin::Wrapper-->
|
||
<div class="d-flex flex-column align-items-start">
|
||
<!--begin::User-->
|
||
<div class="d-flex align-items-center mb-2">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<img alt="Pic" src="assets/media/avatars/300-25.jpg" />
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Details-->
|
||
<div class="ms-3">
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary me-1">Brian Cox</a>
|
||
<span class="text-muted fs-7 mb-1">5 Hours</span>
|
||
</div>
|
||
<!--end::Details-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::Text-->
|
||
<div class="p-5 rounded bg-light-info text-gray-900 fw-semibold mw-lg-400px text-start" data-kt-element="message-text">Company BBQ to celebrate the last quater achievements and goals. Food and drinks provided</div>
|
||
<!--end::Text-->
|
||
</div>
|
||
<!--end::Wrapper-->
|
||
</div>
|
||
<!--end::Message(in)-->
|
||
<!--begin::Message(template for out)-->
|
||
<div class="d-flex justify-content-end mb-10 d-none" data-kt-element="template-out">
|
||
<!--begin::Wrapper-->
|
||
<div class="d-flex flex-column align-items-end">
|
||
<!--begin::User-->
|
||
<div class="d-flex align-items-center mb-2">
|
||
<!--begin::Details-->
|
||
<div class="me-3">
|
||
<span class="text-muted fs-7 mb-1">Just now</span>
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary ms-1">You</a>
|
||
</div>
|
||
<!--end::Details-->
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<img alt="Pic" src="assets/media/avatars/300-1.jpg" />
|
||
</div>
|
||
<!--end::Avatar-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::Text-->
|
||
<div class="p-5 rounded bg-light-primary text-gray-900 fw-semibold mw-lg-400px text-end" data-kt-element="message-text"></div>
|
||
<!--end::Text-->
|
||
</div>
|
||
<!--end::Wrapper-->
|
||
</div>
|
||
<!--end::Message(template for out)-->
|
||
<!--begin::Message(template for in)-->
|
||
<div class="d-flex justify-content-start mb-10 d-none" data-kt-element="template-in">
|
||
<!--begin::Wrapper-->
|
||
<div class="d-flex flex-column align-items-start">
|
||
<!--begin::User-->
|
||
<div class="d-flex align-items-center mb-2">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<img alt="Pic" src="assets/media/avatars/300-25.jpg" />
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Details-->
|
||
<div class="ms-3">
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary me-1">Brian Cox</a>
|
||
<span class="text-muted fs-7 mb-1">Just now</span>
|
||
</div>
|
||
<!--end::Details-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::Text-->
|
||
<div class="p-5 rounded bg-light-info text-gray-900 fw-semibold mw-lg-400px text-start" data-kt-element="message-text">Right before vacation season we have the next Big Deal for you.</div>
|
||
<!--end::Text-->
|
||
</div>
|
||
<!--end::Wrapper-->
|
||
</div>
|
||
<!--end::Message(template for in)-->
|
||
</div>
|
||
<!--end::Messages-->
|
||
</div>
|
||
<!--end::Card body-->
|
||
<!--begin::Card footer-->
|
||
<div class="card-footer pt-4" id="kt_drawer_chat_messenger_footer">
|
||
<!--begin::Input-->
|
||
<textarea class="form-control form-control-flush mb-3" rows="1" data-kt-element="input" placeholder="Type a message"></textarea>
|
||
<!--end::Input-->
|
||
<!--begin:Toolbar-->
|
||
<div class="d-flex flex-stack">
|
||
<!--begin::Actions-->
|
||
<div class="d-flex align-items-center me-2">
|
||
<button class="btn btn-sm btn-icon btn-active-light-primary me-1" type="button" data-bs-toggle="tooltip" title="Coming soon">
|
||
<i class="ki-outline ki-paper-clip fs-3"></i>
|
||
</button>
|
||
<button class="btn btn-sm btn-icon btn-active-light-primary me-1" type="button" data-bs-toggle="tooltip" title="Coming soon">
|
||
<i class="ki-outline ki-cloud-add fs-3"></i>
|
||
</button>
|
||
</div>
|
||
<!--end::Actions-->
|
||
<!--begin::Send-->
|
||
<button class="btn btn-primary" type="button" data-kt-element="send">Send</button>
|
||
<!--end::Send-->
|
||
</div>
|
||
<!--end::Toolbar-->
|
||
</div>
|
||
<!--end::Card footer-->
|
||
</div>
|
||
<!--end::Messenger-->
|
||
</div>
|
||
<!--end::Chat drawer-->
|
||
<!--begin::Chat drawer-->
|
||
<div id="kt_shopping_cart" class="bg-body" data-kt-drawer="true" data-kt-drawer-name="cart" data-kt-drawer-activate="true" data-kt-drawer-overlay="true" data-kt-drawer-width="{default:'300px', 'md': '500px'}" data-kt-drawer-direction="end" data-kt-drawer-toggle="#kt_drawer_shopping_cart_toggle" data-kt-drawer-close="#kt_drawer_shopping_cart_close">
|
||
<!--begin::Messenger-->
|
||
<div class="card card-flush w-100 rounded-0">
|
||
<!--begin::Card header-->
|
||
<div class="card-header">
|
||
<!--begin::Title-->
|
||
<h3 class="card-title text-gray-900 fw-bold">Shopping Cart</h3>
|
||
<!--end::Title-->
|
||
<!--begin::Card toolbar-->
|
||
<div class="card-toolbar">
|
||
<!--begin::Close-->
|
||
<div class="btn btn-sm btn-icon btn-active-light-primary" id="kt_drawer_shopping_cart_close">
|
||
<i class="ki-outline ki-cross fs-2"></i>
|
||
</div>
|
||
<!--end::Close-->
|
||
</div>
|
||
<!--end::Card toolbar-->
|
||
</div>
|
||
<!--end::Card header-->
|
||
<!--begin::Card body-->
|
||
<div class="card-body hover-scroll-overlay-y h-400px pt-5">
|
||
<!--begin::Item-->
|
||
<div class="d-flex flex-stack">
|
||
<!--begin::Wrapper-->
|
||
<div class="d-flex flex-column me-3">
|
||
<!--begin::Section-->
|
||
<div class="mb-3">
|
||
<a href="apps/ecommerce/sales/details.html" class="text-gray-800 text-hover-primary fs-4 fw-bold">Iblender</a>
|
||
<span class="text-gray-500 fw-semibold d-block">The best kitchen gadget in 2022</span>
|
||
</div>
|
||
<!--end::Section-->
|
||
<!--begin::Section-->
|
||
<div class="d-flex align-items-center">
|
||
<span class="fw-bold text-gray-800 fs-5">$ 350</span>
|
||
<span class="text-muted mx-2">for</span>
|
||
<span class="fw-bold text-gray-800 fs-5 me-3">5</span>
|
||
<a href="#" class="btn btn-sm btn-light-success btn-icon-success btn-icon w-25px h-25px me-2">
|
||
<i class="ki-outline ki-minus fs-4"></i>
|
||
</a>
|
||
<a href="#" class="btn btn-sm btn-light-success btn-icon w-25px h-25px">
|
||
<i class="ki-outline ki-plus fs-4"></i>
|
||
</a>
|
||
</div>
|
||
<!--end::Wrapper-->
|
||
</div>
|
||
<!--end::Wrapper-->
|
||
<!--begin::Pic-->
|
||
<div class="symbol symbol-70px symbol-2by3 flex-shrink-0">
|
||
<img src="assets/media/stock/600x400/img-1.jpg" alt="" />
|
||
</div>
|
||
<!--end::Pic-->
|
||
</div>
|
||
<!--end::Item-->
|
||
<!--begin::Separator-->
|
||
<div class="separator separator-dashed my-6"></div>
|
||
<!--end::Separator-->
|
||
<!--begin::Item-->
|
||
<div class="d-flex flex-stack">
|
||
<!--begin::Wrapper-->
|
||
<div class="d-flex flex-column me-3">
|
||
<!--begin::Section-->
|
||
<div class="mb-3">
|
||
<a href="apps/ecommerce/sales/details.html" class="text-gray-800 text-hover-primary fs-4 fw-bold">SmartCleaner</a>
|
||
<span class="text-gray-500 fw-semibold d-block">Smart tool for cooking</span>
|
||
</div>
|
||
<!--end::Section-->
|
||
<!--begin::Section-->
|
||
<div class="d-flex align-items-center">
|
||
<span class="fw-bold text-gray-800 fs-5">$ 650</span>
|
||
<span class="text-muted mx-2">for</span>
|
||
<span class="fw-bold text-gray-800 fs-5 me-3">4</span>
|
||
<a href="#" class="btn btn-sm btn-light-success btn-icon-success btn-icon w-25px h-25px me-2">
|
||
<i class="ki-outline ki-minus fs-4"></i>
|
||
</a>
|
||
<a href="#" class="btn btn-sm btn-light-success btn-icon w-25px h-25px">
|
||
<i class="ki-outline ki-plus fs-4"></i>
|
||
</a>
|
||
</div>
|
||
<!--end::Wrapper-->
|
||
</div>
|
||
<!--end::Wrapper-->
|
||
<!--begin::Pic-->
|
||
<div class="symbol symbol-70px symbol-2by3 flex-shrink-0">
|
||
<img src="assets/media/stock/600x400/img-3.jpg" alt="" />
|
||
</div>
|
||
<!--end::Pic-->
|
||
</div>
|
||
<!--end::Item-->
|
||
<!--begin::Separator-->
|
||
<div class="separator separator-dashed my-6"></div>
|
||
<!--end::Separator-->
|
||
<!--begin::Item-->
|
||
<div class="d-flex flex-stack">
|
||
<!--begin::Wrapper-->
|
||
<div class="d-flex flex-column me-3">
|
||
<!--begin::Section-->
|
||
<div class="mb-3">
|
||
<a href="apps/ecommerce/sales/details.html" class="text-gray-800 text-hover-primary fs-4 fw-bold">CameraMaxr</a>
|
||
<span class="text-gray-500 fw-semibold d-block">Professional camera for edge</span>
|
||
</div>
|
||
<!--end::Section-->
|
||
<!--begin::Section-->
|
||
<div class="d-flex align-items-center">
|
||
<span class="fw-bold text-gray-800 fs-5">$ 150</span>
|
||
<span class="text-muted mx-2">for</span>
|
||
<span class="fw-bold text-gray-800 fs-5 me-3">3</span>
|
||
<a href="#" class="btn btn-sm btn-light-success btn-icon-success btn-icon w-25px h-25px me-2">
|
||
<i class="ki-outline ki-minus fs-4"></i>
|
||
</a>
|
||
<a href="#" class="btn btn-sm btn-light-success btn-icon w-25px h-25px">
|
||
<i class="ki-outline ki-plus fs-4"></i>
|
||
</a>
|
||
</div>
|
||
<!--end::Wrapper-->
|
||
</div>
|
||
<!--end::Wrapper-->
|
||
<!--begin::Pic-->
|
||
<div class="symbol symbol-70px symbol-2by3 flex-shrink-0">
|
||
<img src="assets/media/stock/600x400/img-8.jpg" alt="" />
|
||
</div>
|
||
<!--end::Pic-->
|
||
</div>
|
||
<!--end::Item-->
|
||
<!--begin::Separator-->
|
||
<div class="separator separator-dashed my-6"></div>
|
||
<!--end::Separator-->
|
||
<!--begin::Item-->
|
||
<div class="d-flex flex-stack">
|
||
<!--begin::Wrapper-->
|
||
<div class="d-flex flex-column me-3">
|
||
<!--begin::Section-->
|
||
<div class="mb-3">
|
||
<a href="apps/ecommerce/sales/details.html" class="text-gray-800 text-hover-primary fs-4 fw-bold">$D Printer</a>
|
||
<span class="text-gray-500 fw-semibold d-block">Manfactoring unique objekts</span>
|
||
</div>
|
||
<!--end::Section-->
|
||
<!--begin::Section-->
|
||
<div class="d-flex align-items-center">
|
||
<span class="fw-bold text-gray-800 fs-5">$ 1450</span>
|
||
<span class="text-muted mx-2">for</span>
|
||
<span class="fw-bold text-gray-800 fs-5 me-3">7</span>
|
||
<a href="#" class="btn btn-sm btn-light-success btn-icon-success btn-icon w-25px h-25px me-2">
|
||
<i class="ki-outline ki-minus fs-4"></i>
|
||
</a>
|
||
<a href="#" class="btn btn-sm btn-light-success btn-icon w-25px h-25px">
|
||
<i class="ki-outline ki-plus fs-4"></i>
|
||
</a>
|
||
</div>
|
||
<!--end::Wrapper-->
|
||
</div>
|
||
<!--end::Wrapper-->
|
||
<!--begin::Pic-->
|
||
<div class="symbol symbol-70px symbol-2by3 flex-shrink-0">
|
||
<img src="assets/media/stock/600x400/img-26.jpg" alt="" />
|
||
</div>
|
||
<!--end::Pic-->
|
||
</div>
|
||
<!--end::Item-->
|
||
<!--begin::Separator-->
|
||
<div class="separator separator-dashed my-6"></div>
|
||
<!--end::Separator-->
|
||
<!--begin::Item-->
|
||
<div class="d-flex flex-stack">
|
||
<!--begin::Wrapper-->
|
||
<div class="d-flex flex-column me-3">
|
||
<!--begin::Section-->
|
||
<div class="mb-3">
|
||
<a href="apps/ecommerce/sales/details.html" class="text-gray-800 text-hover-primary fs-4 fw-bold">MotionWire</a>
|
||
<span class="text-gray-500 fw-semibold d-block">Perfect animation tool</span>
|
||
</div>
|
||
<!--end::Section-->
|
||
<!--begin::Section-->
|
||
<div class="d-flex align-items-center">
|
||
<span class="fw-bold text-gray-800 fs-5">$ 650</span>
|
||
<span class="text-muted mx-2">for</span>
|
||
<span class="fw-bold text-gray-800 fs-5 me-3">7</span>
|
||
<a href="#" class="btn btn-sm btn-light-success btn-icon-success btn-icon w-25px h-25px me-2">
|
||
<i class="ki-outline ki-minus fs-4"></i>
|
||
</a>
|
||
<a href="#" class="btn btn-sm btn-light-success btn-icon w-25px h-25px">
|
||
<i class="ki-outline ki-plus fs-4"></i>
|
||
</a>
|
||
</div>
|
||
<!--end::Wrapper-->
|
||
</div>
|
||
<!--end::Wrapper-->
|
||
<!--begin::Pic-->
|
||
<div class="symbol symbol-70px symbol-2by3 flex-shrink-0">
|
||
<img src="assets/media/stock/600x400/img-21.jpg" alt="" />
|
||
</div>
|
||
<!--end::Pic-->
|
||
</div>
|
||
<!--end::Item-->
|
||
<!--begin::Separator-->
|
||
<div class="separator separator-dashed my-6"></div>
|
||
<!--end::Separator-->
|
||
<!--begin::Item-->
|
||
<div class="d-flex flex-stack">
|
||
<!--begin::Wrapper-->
|
||
<div class="d-flex flex-column me-3">
|
||
<!--begin::Section-->
|
||
<div class="mb-3">
|
||
<a href="apps/ecommerce/sales/details.html" class="text-gray-800 text-hover-primary fs-4 fw-bold">Samsung</a>
|
||
<span class="text-gray-500 fw-semibold d-block">Profile info,Timeline etc</span>
|
||
</div>
|
||
<!--end::Section-->
|
||
<!--begin::Section-->
|
||
<div class="d-flex align-items-center">
|
||
<span class="fw-bold text-gray-800 fs-5">$ 720</span>
|
||
<span class="text-muted mx-2">for</span>
|
||
<span class="fw-bold text-gray-800 fs-5 me-3">6</span>
|
||
<a href="#" class="btn btn-sm btn-light-success btn-icon-success btn-icon w-25px h-25px me-2">
|
||
<i class="ki-outline ki-minus fs-4"></i>
|
||
</a>
|
||
<a href="#" class="btn btn-sm btn-light-success btn-icon w-25px h-25px">
|
||
<i class="ki-outline ki-plus fs-4"></i>
|
||
</a>
|
||
</div>
|
||
<!--end::Wrapper-->
|
||
</div>
|
||
<!--end::Wrapper-->
|
||
<!--begin::Pic-->
|
||
<div class="symbol symbol-70px symbol-2by3 flex-shrink-0">
|
||
<img src="assets/media/stock/600x400/img-34.jpg" alt="" />
|
||
</div>
|
||
<!--end::Pic-->
|
||
</div>
|
||
<!--end::Item-->
|
||
<!--begin::Separator-->
|
||
<div class="separator separator-dashed my-6"></div>
|
||
<!--end::Separator-->
|
||
<!--begin::Item-->
|
||
<div class="d-flex flex-stack">
|
||
<!--begin::Wrapper-->
|
||
<div class="d-flex flex-column me-3">
|
||
<!--begin::Section-->
|
||
<div class="mb-3">
|
||
<a href="apps/ecommerce/sales/details.html" class="text-gray-800 text-hover-primary fs-4 fw-bold">$D Printer</a>
|
||
<span class="text-gray-500 fw-semibold d-block">Manfactoring unique objekts</span>
|
||
</div>
|
||
<!--end::Section-->
|
||
<!--begin::Section-->
|
||
<div class="d-flex align-items-center">
|
||
<span class="fw-bold text-gray-800 fs-5">$ 430</span>
|
||
<span class="text-muted mx-2">for</span>
|
||
<span class="fw-bold text-gray-800 fs-5 me-3">8</span>
|
||
<a href="#" class="btn btn-sm btn-light-success btn-icon-success btn-icon w-25px h-25px me-2">
|
||
<i class="ki-outline ki-minus fs-4"></i>
|
||
</a>
|
||
<a href="#" class="btn btn-sm btn-light-success btn-icon w-25px h-25px">
|
||
<i class="ki-outline ki-plus fs-4"></i>
|
||
</a>
|
||
</div>
|
||
<!--end::Wrapper-->
|
||
</div>
|
||
<!--end::Wrapper-->
|
||
<!--begin::Pic-->
|
||
<div class="symbol symbol-70px symbol-2by3 flex-shrink-0">
|
||
<img src="assets/media/stock/600x400/img-27.jpg" alt="" />
|
||
</div>
|
||
<!--end::Pic-->
|
||
</div>
|
||
<!--end::Item-->
|
||
</div>
|
||
<!--end::Card body-->
|
||
<!--begin::Card footer-->
|
||
<div class="card-footer">
|
||
<!--begin::Item-->
|
||
<div class="d-flex flex-stack">
|
||
<span class="fw-bold text-gray-600">Total</span>
|
||
<span class="text-gray-800 fw-bolder fs-5">$ 1840.00</span>
|
||
</div>
|
||
<!--end::Item-->
|
||
<!--begin::Item-->
|
||
<div class="d-flex flex-stack">
|
||
<span class="fw-bold text-gray-600">Sub total</span>
|
||
<span class="text-primary fw-bolder fs-5">$ 246.35</span>
|
||
</div>
|
||
<!--end::Item-->
|
||
<!--end::Action-->
|
||
<div class="d-flex justify-content-end mt-9">
|
||
<a href="#" class="btn btn-primary d-flex justify-content-end">Pleace Order</a>
|
||
</div>
|
||
<!--end::Action-->
|
||
</div>
|
||
<!--end::Card footer-->
|
||
</div>
|
||
<!--end::Messenger-->
|
||
</div>
|
||
<!--end::Chat drawer-->
|
||
<!--end::Drawers-->
|
||
<!--begin::Scrolltop-->
|
||
<div id="kt_scrolltop" class="scrolltop" data-kt-scrolltop="true">
|
||
<i class="ki-outline ki-arrow-up"></i>
|
||
</div>
|
||
<!--end::Scrolltop-->
|
||
<!--begin::Modals-->
|
||
<!--begin::Modal - Upgrade plan-->
|
||
<div class="modal fade" id="kt_modal_upgrade_plan" tabindex="-1" aria-hidden="true">
|
||
<!--begin::Modal dialog-->
|
||
<div class="modal-dialog modal-xl">
|
||
<!--begin::Modal content-->
|
||
<div class="modal-content rounded">
|
||
<!--begin::Modal header-->
|
||
<div class="modal-header justify-content-end border-0 pb-0">
|
||
<!--begin::Close-->
|
||
<div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">
|
||
<i class="ki-outline ki-cross fs-1"></i>
|
||
</div>
|
||
<!--end::Close-->
|
||
</div>
|
||
<!--end::Modal header-->
|
||
<!--begin::Modal body-->
|
||
<div class="modal-body pt-0 pb-15 px-5 px-xl-20">
|
||
<!--begin::Heading-->
|
||
<div class="mb-13 text-center">
|
||
<h1 class="mb-3">Upgrade a Plan</h1>
|
||
<div class="text-muted fw-semibold fs-5">If you need more info, please check
|
||
<a href="#" class="link-primary fw-bold">Pricing Guidelines</a>.</div>
|
||
</div>
|
||
<!--end::Heading-->
|
||
<!--begin::Plans-->
|
||
<div class="d-flex flex-column">
|
||
<!--begin::Nav group-->
|
||
<div class="nav-group nav-group-outline mx-auto" data-kt-buttons="true">
|
||
<button class="btn btn-color-gray-500 btn-active btn-active-secondary px-6 py-3 me-2 active" data-kt-plan="month">Monthly</button>
|
||
<button class="btn btn-color-gray-500 btn-active btn-active-secondary px-6 py-3" data-kt-plan="annual">Annual</button>
|
||
</div>
|
||
<!--end::Nav group-->
|
||
<!--begin::Row-->
|
||
<div class="row mt-10">
|
||
<!--begin::Col-->
|
||
<div class="col-lg-6 mb-10 mb-lg-0">
|
||
<!--begin::Tabs-->
|
||
<div class="nav flex-column">
|
||
<!--begin::Tab link-->
|
||
<label class="nav-link btn btn-outline btn-outline-dashed btn-color-dark btn-active btn-active-primary d-flex flex-stack text-start p-6 active mb-6" data-bs-toggle="tab" data-bs-target="#kt_upgrade_plan_startup">
|
||
<!--end::Description-->
|
||
<div class="d-flex align-items-center me-2">
|
||
<!--begin::Radio-->
|
||
<div class="form-check form-check-custom form-check-solid form-check-success flex-shrink-0 me-6">
|
||
<input class="form-check-input" type="radio" name="plan" checked="checked" value="startup" />
|
||
</div>
|
||
<!--end::Radio-->
|
||
<!--begin::Info-->
|
||
<div class="flex-grow-1">
|
||
<div class="d-flex align-items-center fs-2 fw-bold flex-wrap">Startup</div>
|
||
<div class="fw-semibold opacity-75">Best for startups</div>
|
||
</div>
|
||
<!--end::Info-->
|
||
</div>
|
||
<!--end::Description-->
|
||
<!--begin::Price-->
|
||
<div class="ms-5">
|
||
<span class="mb-2">$</span>
|
||
<span class="fs-3x fw-bold" data-kt-plan-price-month="39" data-kt-plan-price-annual="399">39</span>
|
||
<span class="fs-7 opacity-50">/
|
||
<span data-kt-element="period">Mon</span></span>
|
||
</div>
|
||
<!--end::Price-->
|
||
</label>
|
||
<!--end::Tab link-->
|
||
<!--begin::Tab link-->
|
||
<label class="nav-link btn btn-outline btn-outline-dashed btn-color-dark btn-active btn-active-primary d-flex flex-stack text-start p-6 mb-6" data-bs-toggle="tab" data-bs-target="#kt_upgrade_plan_advanced">
|
||
<!--end::Description-->
|
||
<div class="d-flex align-items-center me-2">
|
||
<!--begin::Radio-->
|
||
<div class="form-check form-check-custom form-check-solid form-check-success flex-shrink-0 me-6">
|
||
<input class="form-check-input" type="radio" name="plan" value="advanced" />
|
||
</div>
|
||
<!--end::Radio-->
|
||
<!--begin::Info-->
|
||
<div class="flex-grow-1">
|
||
<div class="d-flex align-items-center fs-2 fw-bold flex-wrap">Advanced</div>
|
||
<div class="fw-semibold opacity-75">Best for 100+ team size</div>
|
||
</div>
|
||
<!--end::Info-->
|
||
</div>
|
||
<!--end::Description-->
|
||
<!--begin::Price-->
|
||
<div class="ms-5">
|
||
<span class="mb-2">$</span>
|
||
<span class="fs-3x fw-bold" data-kt-plan-price-month="339" data-kt-plan-price-annual="3399">339</span>
|
||
<span class="fs-7 opacity-50">/
|
||
<span data-kt-element="period">Mon</span></span>
|
||
</div>
|
||
<!--end::Price-->
|
||
</label>
|
||
<!--end::Tab link-->
|
||
<!--begin::Tab link-->
|
||
<label class="nav-link btn btn-outline btn-outline-dashed btn-color-dark btn-active btn-active-primary d-flex flex-stack text-start p-6 mb-6" data-bs-toggle="tab" data-bs-target="#kt_upgrade_plan_enterprise">
|
||
<!--end::Description-->
|
||
<div class="d-flex align-items-center me-2">
|
||
<!--begin::Radio-->
|
||
<div class="form-check form-check-custom form-check-solid form-check-success flex-shrink-0 me-6">
|
||
<input class="form-check-input" type="radio" name="plan" value="enterprise" />
|
||
</div>
|
||
<!--end::Radio-->
|
||
<!--begin::Info-->
|
||
<div class="flex-grow-1">
|
||
<div class="d-flex align-items-center fs-2 fw-bold flex-wrap">Enterprise
|
||
<span class="badge badge-light-success ms-2 py-2 px-3 fs-7">Popular</span></div>
|
||
<div class="fw-semibold opacity-75">Best value for 1000+ team</div>
|
||
</div>
|
||
<!--end::Info-->
|
||
</div>
|
||
<!--end::Description-->
|
||
<!--begin::Price-->
|
||
<div class="ms-5">
|
||
<span class="mb-2">$</span>
|
||
<span class="fs-3x fw-bold" data-kt-plan-price-month="999" data-kt-plan-price-annual="9999">999</span>
|
||
<span class="fs-7 opacity-50">/
|
||
<span data-kt-element="period">Mon</span></span>
|
||
</div>
|
||
<!--end::Price-->
|
||
</label>
|
||
<!--end::Tab link-->
|
||
<!--begin::Tab link-->
|
||
<label class="nav-link btn btn-outline btn-outline-dashed btn-color-dark btn-active btn-active-primary d-flex flex-stack text-start p-6 mb-6" data-bs-toggle="tab" data-bs-target="#kt_upgrade_plan_custom">
|
||
<!--end::Description-->
|
||
<div class="d-flex align-items-center me-2">
|
||
<!--begin::Radio-->
|
||
<div class="form-check form-check-custom form-check-solid form-check-success flex-shrink-0 me-6">
|
||
<input class="form-check-input" type="radio" name="plan" value="custom" />
|
||
</div>
|
||
<!--end::Radio-->
|
||
<!--begin::Info-->
|
||
<div class="flex-grow-1">
|
||
<div class="d-flex align-items-center fs-2 fw-bold flex-wrap">Custom</div>
|
||
<div class="fw-semibold opacity-75">Requet a custom license</div>
|
||
</div>
|
||
<!--end::Info-->
|
||
</div>
|
||
<!--end::Description-->
|
||
<!--begin::Price-->
|
||
<div class="ms-5">
|
||
<a href="#" class="btn btn-sm btn-success">Contact Us</a>
|
||
</div>
|
||
<!--end::Price-->
|
||
</label>
|
||
<!--end::Tab link-->
|
||
</div>
|
||
<!--end::Tabs-->
|
||
</div>
|
||
<!--end::Col-->
|
||
<!--begin::Col-->
|
||
<div class="col-lg-6">
|
||
<!--begin::Tab content-->
|
||
<div class="tab-content rounded h-100 bg-light p-10">
|
||
<!--begin::Tab Pane-->
|
||
<div class="tab-pane fade show active" id="kt_upgrade_plan_startup">
|
||
<!--begin::Heading-->
|
||
<div class="pb-5">
|
||
<h2 class="fw-bold text-gray-900">What’s in Startup Plan?</h2>
|
||
<div class="text-muted fw-semibold">Optimal for 10+ team size and new startup</div>
|
||
</div>
|
||
<!--end::Heading-->
|
||
<!--begin::Body-->
|
||
<div class="pt-1">
|
||
<!--begin::Item-->
|
||
<div class="d-flex align-items-center mb-7">
|
||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Up to 10 Active Users</span>
|
||
<i class="ki-outline ki-check-circle fs-1 text-success"></i>
|
||
</div>
|
||
<!--end::Item-->
|
||
<!--begin::Item-->
|
||
<div class="d-flex align-items-center mb-7">
|
||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Up to 30 Project Integrations</span>
|
||
<i class="ki-outline ki-check-circle fs-1 text-success"></i>
|
||
</div>
|
||
<!--end::Item-->
|
||
<!--begin::Item-->
|
||
<div class="d-flex align-items-center mb-7">
|
||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Analytics Module</span>
|
||
<i class="ki-outline ki-check-circle fs-1 text-success"></i>
|
||
</div>
|
||
<!--end::Item-->
|
||
<!--begin::Item-->
|
||
<div class="d-flex align-items-center mb-7">
|
||
<span class="fw-semibold fs-5 text-muted flex-grow-1">Finance Module</span>
|
||
<i class="ki-outline ki-cross-circle fs-1"></i>
|
||
</div>
|
||
<!--end::Item-->
|
||
<!--begin::Item-->
|
||
<div class="d-flex align-items-center mb-7">
|
||
<span class="fw-semibold fs-5 text-muted flex-grow-1">Accounting Module</span>
|
||
<i class="ki-outline ki-cross-circle fs-1"></i>
|
||
</div>
|
||
<!--end::Item-->
|
||
<!--begin::Item-->
|
||
<div class="d-flex align-items-center mb-7">
|
||
<span class="fw-semibold fs-5 text-muted flex-grow-1">Network Platform</span>
|
||
<i class="ki-outline ki-cross-circle fs-1"></i>
|
||
</div>
|
||
<!--end::Item-->
|
||
<!--begin::Item-->
|
||
<div class="d-flex align-items-center">
|
||
<span class="fw-semibold fs-5 text-muted flex-grow-1">Unlimited Cloud Space</span>
|
||
<i class="ki-outline ki-cross-circle fs-1"></i>
|
||
</div>
|
||
<!--end::Item-->
|
||
</div>
|
||
<!--end::Body-->
|
||
</div>
|
||
<!--end::Tab Pane-->
|
||
<!--begin::Tab Pane-->
|
||
<div class="tab-pane fade" id="kt_upgrade_plan_advanced">
|
||
<!--begin::Heading-->
|
||
<div class="pb-5">
|
||
<h2 class="fw-bold text-gray-900">What’s in Startup Plan?</h2>
|
||
<div class="text-muted fw-semibold">Optimal for 100+ team size and grown company</div>
|
||
</div>
|
||
<!--end::Heading-->
|
||
<!--begin::Body-->
|
||
<div class="pt-1">
|
||
<!--begin::Item-->
|
||
<div class="d-flex align-items-center mb-7">
|
||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Up to 10 Active Users</span>
|
||
<i class="ki-outline ki-check-circle fs-1 text-success"></i>
|
||
</div>
|
||
<!--end::Item-->
|
||
<!--begin::Item-->
|
||
<div class="d-flex align-items-center mb-7">
|
||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Up to 30 Project Integrations</span>
|
||
<i class="ki-outline ki-check-circle fs-1 text-success"></i>
|
||
</div>
|
||
<!--end::Item-->
|
||
<!--begin::Item-->
|
||
<div class="d-flex align-items-center mb-7">
|
||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Analytics Module</span>
|
||
<i class="ki-outline ki-check-circle fs-1 text-success"></i>
|
||
</div>
|
||
<!--end::Item-->
|
||
<!--begin::Item-->
|
||
<div class="d-flex align-items-center mb-7">
|
||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Finance Module</span>
|
||
<i class="ki-outline ki-check-circle fs-1 text-success"></i>
|
||
</div>
|
||
<!--end::Item-->
|
||
<!--begin::Item-->
|
||
<div class="d-flex align-items-center mb-7">
|
||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Accounting Module</span>
|
||
<i class="ki-outline ki-check-circle fs-1 text-success"></i>
|
||
</div>
|
||
<!--end::Item-->
|
||
<!--begin::Item-->
|
||
<div class="d-flex align-items-center mb-7">
|
||
<span class="fw-semibold fs-5 text-muted flex-grow-1">Network Platform</span>
|
||
<i class="ki-outline ki-cross-circle fs-1"></i>
|
||
</div>
|
||
<!--end::Item-->
|
||
<!--begin::Item-->
|
||
<div class="d-flex align-items-center">
|
||
<span class="fw-semibold fs-5 text-muted flex-grow-1">Unlimited Cloud Space</span>
|
||
<i class="ki-outline ki-cross-circle fs-1"></i>
|
||
</div>
|
||
<!--end::Item-->
|
||
</div>
|
||
<!--end::Body-->
|
||
</div>
|
||
<!--end::Tab Pane-->
|
||
<!--begin::Tab Pane-->
|
||
<div class="tab-pane fade" id="kt_upgrade_plan_enterprise">
|
||
<!--begin::Heading-->
|
||
<div class="pb-5">
|
||
<h2 class="fw-bold text-gray-900">What’s in Startup Plan?</h2>
|
||
<div class="text-muted fw-semibold">Optimal for 1000+ team and enterpise</div>
|
||
</div>
|
||
<!--end::Heading-->
|
||
<!--begin::Body-->
|
||
<div class="pt-1">
|
||
<!--begin::Item-->
|
||
<div class="d-flex align-items-center mb-7">
|
||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Up to 10 Active Users</span>
|
||
<i class="ki-outline ki-check-circle fs-1 text-success"></i>
|
||
</div>
|
||
<!--end::Item-->
|
||
<!--begin::Item-->
|
||
<div class="d-flex align-items-center mb-7">
|
||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Up to 30 Project Integrations</span>
|
||
<i class="ki-outline ki-check-circle fs-1 text-success"></i>
|
||
</div>
|
||
<!--end::Item-->
|
||
<!--begin::Item-->
|
||
<div class="d-flex align-items-center mb-7">
|
||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Analytics Module</span>
|
||
<i class="ki-outline ki-check-circle fs-1 text-success"></i>
|
||
</div>
|
||
<!--end::Item-->
|
||
<!--begin::Item-->
|
||
<div class="d-flex align-items-center mb-7">
|
||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Finance Module</span>
|
||
<i class="ki-outline ki-check-circle fs-1 text-success"></i>
|
||
</div>
|
||
<!--end::Item-->
|
||
<!--begin::Item-->
|
||
<div class="d-flex align-items-center mb-7">
|
||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Accounting Module</span>
|
||
<i class="ki-outline ki-check-circle fs-1 text-success"></i>
|
||
</div>
|
||
<!--end::Item-->
|
||
<!--begin::Item-->
|
||
<div class="d-flex align-items-center mb-7">
|
||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Network Platform</span>
|
||
<i class="ki-outline ki-check-circle fs-1 text-success"></i>
|
||
</div>
|
||
<!--end::Item-->
|
||
<!--begin::Item-->
|
||
<div class="d-flex align-items-center">
|
||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Unlimited Cloud Space</span>
|
||
<i class="ki-outline ki-check-circle fs-1 text-success"></i>
|
||
</div>
|
||
<!--end::Item-->
|
||
</div>
|
||
<!--end::Body-->
|
||
</div>
|
||
<!--end::Tab Pane-->
|
||
<!--begin::Tab Pane-->
|
||
<div class="tab-pane fade" id="kt_upgrade_plan_custom">
|
||
<!--begin::Heading-->
|
||
<div class="pb-5">
|
||
<h2 class="fw-bold text-gray-900">What’s in Startup Plan?</h2>
|
||
<div class="text-muted fw-semibold">Optimal for corporations</div>
|
||
</div>
|
||
<!--end::Heading-->
|
||
<!--begin::Body-->
|
||
<div class="pt-1">
|
||
<!--begin::Item-->
|
||
<div class="d-flex align-items-center mb-7">
|
||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Unlimited Users</span>
|
||
<i class="ki-outline ki-check-circle fs-1 text-success"></i>
|
||
</div>
|
||
<!--end::Item-->
|
||
<!--begin::Item-->
|
||
<div class="d-flex align-items-center mb-7">
|
||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Unlimited Project Integrations</span>
|
||
<i class="ki-outline ki-check-circle fs-1 text-success"></i>
|
||
</div>
|
||
<!--end::Item-->
|
||
<!--begin::Item-->
|
||
<div class="d-flex align-items-center mb-7">
|
||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Analytics Module</span>
|
||
<i class="ki-outline ki-check-circle fs-1 text-success"></i>
|
||
</div>
|
||
<!--end::Item-->
|
||
<!--begin::Item-->
|
||
<div class="d-flex align-items-center mb-7">
|
||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Finance Module</span>
|
||
<i class="ki-outline ki-check-circle fs-1 text-success"></i>
|
||
</div>
|
||
<!--end::Item-->
|
||
<!--begin::Item-->
|
||
<div class="d-flex align-items-center mb-7">
|
||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Accounting Module</span>
|
||
<i class="ki-outline ki-check-circle fs-1 text-success"></i>
|
||
</div>
|
||
<!--end::Item-->
|
||
<!--begin::Item-->
|
||
<div class="d-flex align-items-center mb-7">
|
||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Network Platform</span>
|
||
<i class="ki-outline ki-check-circle fs-1 text-success"></i>
|
||
</div>
|
||
<!--end::Item-->
|
||
<!--begin::Item-->
|
||
<div class="d-flex align-items-center">
|
||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Unlimited Cloud Space</span>
|
||
<i class="ki-outline ki-check-circle fs-1 text-success"></i>
|
||
</div>
|
||
<!--end::Item-->
|
||
</div>
|
||
<!--end::Body-->
|
||
</div>
|
||
<!--end::Tab Pane-->
|
||
</div>
|
||
<!--end::Tab content-->
|
||
</div>
|
||
<!--end::Col-->
|
||
</div>
|
||
<!--end::Row-->
|
||
</div>
|
||
<!--end::Plans-->
|
||
<!--begin::Actions-->
|
||
<div class="d-flex flex-center flex-row-fluid pt-12">
|
||
<button type="reset" class="btn btn-light me-3" data-bs-dismiss="modal">Cancel</button>
|
||
<button type="submit" class="btn btn-primary" id="kt_modal_upgrade_plan_btn">
|
||
<!--begin::Indicator label-->
|
||
<span class="indicator-label">Upgrade Plan</span>
|
||
<!--end::Indicator label-->
|
||
<!--begin::Indicator progress-->
|
||
<span class="indicator-progress">Please wait...
|
||
<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
|
||
<!--end::Indicator progress-->
|
||
</button>
|
||
</div>
|
||
<!--end::Actions-->
|
||
</div>
|
||
<!--end::Modal body-->
|
||
</div>
|
||
<!--end::Modal content-->
|
||
</div>
|
||
<!--end::Modal dialog-->
|
||
</div>
|
||
<!--end::Modal - Upgrade plan-->
|
||
<!--begin::Modal - Users Search-->
|
||
<div class="modal fade" id="kt_modal_users_search" tabindex="-1" aria-hidden="true">
|
||
<!--begin::Modal dialog-->
|
||
<div class="modal-dialog modal-dialog-centered mw-650px">
|
||
<!--begin::Modal content-->
|
||
<div class="modal-content">
|
||
<!--begin::Modal header-->
|
||
<div class="modal-header pb-0 border-0 justify-content-end">
|
||
<!--begin::Close-->
|
||
<div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">
|
||
<i class="ki-outline ki-cross fs-1"></i>
|
||
</div>
|
||
<!--end::Close-->
|
||
</div>
|
||
<!--begin::Modal header-->
|
||
<!--begin::Modal body-->
|
||
<div class="modal-body scroll-y mx-5 mx-xl-18 pt-0 pb-15">
|
||
<!--begin::Content-->
|
||
<div class="text-center mb-13">
|
||
<h1 class="mb-3">Search Users</h1>
|
||
<div class="text-muted fw-semibold fs-5">Invite Collaborators To Your Project</div>
|
||
</div>
|
||
<!--end::Content-->
|
||
<!--begin::Search-->
|
||
<div id="kt_modal_users_search_handler" data-kt-search-keypress="true" data-kt-search-min-length="2" data-kt-search-enter="enter" data-kt-search-layout="inline">
|
||
<!--begin::Form-->
|
||
<form data-kt-search-element="form" class="w-100 position-relative mb-5" autocomplete="off">
|
||
<!--begin::Hidden input(Added to disable form autocomplete)-->
|
||
<input type="hidden" />
|
||
<!--end::Hidden input-->
|
||
<!--begin::Icon-->
|
||
<i class="ki-outline ki-magnifier fs-2 fs-lg-1 text-gray-500 position-absolute top-50 ms-5 translate-middle-y"></i>
|
||
<!--end::Icon-->
|
||
<!--begin::Input-->
|
||
<input type="text" class="form-control form-control-lg form-control-solid px-15" name="search" value="" placeholder="Search by username, full name or email..." data-kt-search-element="input" />
|
||
<!--end::Input-->
|
||
<!--begin::Spinner-->
|
||
<span class="position-absolute top-50 end-0 translate-middle-y lh-0 d-none me-5" data-kt-search-element="spinner">
|
||
<span class="spinner-border h-15px w-15px align-middle text-muted"></span>
|
||
</span>
|
||
<!--end::Spinner-->
|
||
<!--begin::Reset-->
|
||
<span class="btn btn-flush btn-active-color-primary position-absolute top-50 end-0 translate-middle-y lh-0 me-5 d-none" data-kt-search-element="clear">
|
||
<i class="ki-outline ki-cross fs-2 fs-lg-1 me-0"></i>
|
||
</span>
|
||
<!--end::Reset-->
|
||
</form>
|
||
<!--end::Form-->
|
||
<!--begin::Wrapper-->
|
||
<div class="py-5">
|
||
<!--begin::Suggestions-->
|
||
<div data-kt-search-element="suggestions">
|
||
<!--begin::Heading-->
|
||
<h3 class="fw-semibold mb-5">Recently searched:</h3>
|
||
<!--end::Heading-->
|
||
<!--begin::Users-->
|
||
<div class="mh-375px scroll-y me-n7 pe-7">
|
||
<!--begin::User-->
|
||
<a href="#" class="d-flex align-items-center p-3 rounded bg-state-light bg-state-opacity-50 mb-1">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle me-5">
|
||
<img alt="Pic" src="assets/media/avatars/300-6.jpg" />
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Info-->
|
||
<div class="fw-semibold">
|
||
<span class="fs-6 text-gray-800 me-2">Emma Smith</span>
|
||
<span class="badge badge-light">Art Director</span>
|
||
</div>
|
||
<!--end::Info-->
|
||
</a>
|
||
<!--end::User-->
|
||
<!--begin::User-->
|
||
<a href="#" class="d-flex align-items-center p-3 rounded bg-state-light bg-state-opacity-50 mb-1">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle me-5">
|
||
<span class="symbol-label bg-light-danger text-danger fw-semibold">M</span>
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Info-->
|
||
<div class="fw-semibold">
|
||
<span class="fs-6 text-gray-800 me-2">Melody Macy</span>
|
||
<span class="badge badge-light">Marketing Analytic</span>
|
||
</div>
|
||
<!--end::Info-->
|
||
</a>
|
||
<!--end::User-->
|
||
<!--begin::User-->
|
||
<a href="#" class="d-flex align-items-center p-3 rounded bg-state-light bg-state-opacity-50 mb-1">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle me-5">
|
||
<img alt="Pic" src="assets/media/avatars/300-1.jpg" />
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Info-->
|
||
<div class="fw-semibold">
|
||
<span class="fs-6 text-gray-800 me-2">Max Smith</span>
|
||
<span class="badge badge-light">Software Enginer</span>
|
||
</div>
|
||
<!--end::Info-->
|
||
</a>
|
||
<!--end::User-->
|
||
<!--begin::User-->
|
||
<a href="#" class="d-flex align-items-center p-3 rounded bg-state-light bg-state-opacity-50 mb-1">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle me-5">
|
||
<img alt="Pic" src="assets/media/avatars/300-5.jpg" />
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Info-->
|
||
<div class="fw-semibold">
|
||
<span class="fs-6 text-gray-800 me-2">Sean Bean</span>
|
||
<span class="badge badge-light">Web Developer</span>
|
||
</div>
|
||
<!--end::Info-->
|
||
</a>
|
||
<!--end::User-->
|
||
<!--begin::User-->
|
||
<a href="#" class="d-flex align-items-center p-3 rounded bg-state-light bg-state-opacity-50 mb-1">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle me-5">
|
||
<img alt="Pic" src="assets/media/avatars/300-25.jpg" />
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Info-->
|
||
<div class="fw-semibold">
|
||
<span class="fs-6 text-gray-800 me-2">Brian Cox</span>
|
||
<span class="badge badge-light">UI/UX Designer</span>
|
||
</div>
|
||
<!--end::Info-->
|
||
</a>
|
||
<!--end::User-->
|
||
</div>
|
||
<!--end::Users-->
|
||
</div>
|
||
<!--end::Suggestions-->
|
||
<!--begin::Results(add d-none to below element to hide the users list by default)-->
|
||
<div data-kt-search-element="results" class="d-none">
|
||
<!--begin::Users-->
|
||
<div class="mh-375px scroll-y me-n7 pe-7">
|
||
<!--begin::User-->
|
||
<div class="rounded d-flex flex-stack bg-active-lighten p-4" data-user-id="0">
|
||
<!--begin::Details-->
|
||
<div class="d-flex align-items-center">
|
||
<!--begin::Checkbox-->
|
||
<label class="form-check form-check-custom form-check-solid me-5">
|
||
<input class="form-check-input" type="checkbox" name="users" data-kt-check="true" data-kt-check-target="[data-user-id='0']" value="0" />
|
||
</label>
|
||
<!--end::Checkbox-->
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<img alt="Pic" src="assets/media/avatars/300-6.jpg" />
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Details-->
|
||
<div class="ms-5">
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Emma Smith</a>
|
||
<div class="fw-semibold text-muted">smith@kpmg.com</div>
|
||
</div>
|
||
<!--end::Details-->
|
||
</div>
|
||
<!--end::Details-->
|
||
<!--begin::Access menu-->
|
||
<div class="ms-2 w-100px">
|
||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||
<option value="1">Guest</option>
|
||
<option value="2" selected="selected">Owner</option>
|
||
<option value="3">Can Edit</option>
|
||
</select>
|
||
</div>
|
||
<!--end::Access menu-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::Separator-->
|
||
<div class="border-bottom border-gray-300 border-bottom-dashed"></div>
|
||
<!--end::Separator-->
|
||
<!--begin::User-->
|
||
<div class="rounded d-flex flex-stack bg-active-lighten p-4" data-user-id="1">
|
||
<!--begin::Details-->
|
||
<div class="d-flex align-items-center">
|
||
<!--begin::Checkbox-->
|
||
<label class="form-check form-check-custom form-check-solid me-5">
|
||
<input class="form-check-input" type="checkbox" name="users" data-kt-check="true" data-kt-check-target="[data-user-id='1']" value="1" />
|
||
</label>
|
||
<!--end::Checkbox-->
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<span class="symbol-label bg-light-danger text-danger fw-semibold">M</span>
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Details-->
|
||
<div class="ms-5">
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Melody Macy</a>
|
||
<div class="fw-semibold text-muted">melody@altbox.com</div>
|
||
</div>
|
||
<!--end::Details-->
|
||
</div>
|
||
<!--end::Details-->
|
||
<!--begin::Access menu-->
|
||
<div class="ms-2 w-100px">
|
||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||
<option value="1" selected="selected">Guest</option>
|
||
<option value="2">Owner</option>
|
||
<option value="3">Can Edit</option>
|
||
</select>
|
||
</div>
|
||
<!--end::Access menu-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::Separator-->
|
||
<div class="border-bottom border-gray-300 border-bottom-dashed"></div>
|
||
<!--end::Separator-->
|
||
<!--begin::User-->
|
||
<div class="rounded d-flex flex-stack bg-active-lighten p-4" data-user-id="2">
|
||
<!--begin::Details-->
|
||
<div class="d-flex align-items-center">
|
||
<!--begin::Checkbox-->
|
||
<label class="form-check form-check-custom form-check-solid me-5">
|
||
<input class="form-check-input" type="checkbox" name="users" data-kt-check="true" data-kt-check-target="[data-user-id='2']" value="2" />
|
||
</label>
|
||
<!--end::Checkbox-->
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<img alt="Pic" src="assets/media/avatars/300-1.jpg" />
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Details-->
|
||
<div class="ms-5">
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Max Smith</a>
|
||
<div class="fw-semibold text-muted">max@kt.com</div>
|
||
</div>
|
||
<!--end::Details-->
|
||
</div>
|
||
<!--end::Details-->
|
||
<!--begin::Access menu-->
|
||
<div class="ms-2 w-100px">
|
||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||
<option value="1">Guest</option>
|
||
<option value="2">Owner</option>
|
||
<option value="3" selected="selected">Can Edit</option>
|
||
</select>
|
||
</div>
|
||
<!--end::Access menu-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::Separator-->
|
||
<div class="border-bottom border-gray-300 border-bottom-dashed"></div>
|
||
<!--end::Separator-->
|
||
<!--begin::User-->
|
||
<div class="rounded d-flex flex-stack bg-active-lighten p-4" data-user-id="3">
|
||
<!--begin::Details-->
|
||
<div class="d-flex align-items-center">
|
||
<!--begin::Checkbox-->
|
||
<label class="form-check form-check-custom form-check-solid me-5">
|
||
<input class="form-check-input" type="checkbox" name="users" data-kt-check="true" data-kt-check-target="[data-user-id='3']" value="3" />
|
||
</label>
|
||
<!--end::Checkbox-->
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<img alt="Pic" src="assets/media/avatars/300-5.jpg" />
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Details-->
|
||
<div class="ms-5">
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Sean Bean</a>
|
||
<div class="fw-semibold text-muted">sean@dellito.com</div>
|
||
</div>
|
||
<!--end::Details-->
|
||
</div>
|
||
<!--end::Details-->
|
||
<!--begin::Access menu-->
|
||
<div class="ms-2 w-100px">
|
||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||
<option value="1">Guest</option>
|
||
<option value="2" selected="selected">Owner</option>
|
||
<option value="3">Can Edit</option>
|
||
</select>
|
||
</div>
|
||
<!--end::Access menu-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::Separator-->
|
||
<div class="border-bottom border-gray-300 border-bottom-dashed"></div>
|
||
<!--end::Separator-->
|
||
<!--begin::User-->
|
||
<div class="rounded d-flex flex-stack bg-active-lighten p-4" data-user-id="4">
|
||
<!--begin::Details-->
|
||
<div class="d-flex align-items-center">
|
||
<!--begin::Checkbox-->
|
||
<label class="form-check form-check-custom form-check-solid me-5">
|
||
<input class="form-check-input" type="checkbox" name="users" data-kt-check="true" data-kt-check-target="[data-user-id='4']" value="4" />
|
||
</label>
|
||
<!--end::Checkbox-->
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<img alt="Pic" src="assets/media/avatars/300-25.jpg" />
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Details-->
|
||
<div class="ms-5">
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Brian Cox</a>
|
||
<div class="fw-semibold text-muted">brian@exchange.com</div>
|
||
</div>
|
||
<!--end::Details-->
|
||
</div>
|
||
<!--end::Details-->
|
||
<!--begin::Access menu-->
|
||
<div class="ms-2 w-100px">
|
||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||
<option value="1">Guest</option>
|
||
<option value="2">Owner</option>
|
||
<option value="3" selected="selected">Can Edit</option>
|
||
</select>
|
||
</div>
|
||
<!--end::Access menu-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::Separator-->
|
||
<div class="border-bottom border-gray-300 border-bottom-dashed"></div>
|
||
<!--end::Separator-->
|
||
<!--begin::User-->
|
||
<div class="rounded d-flex flex-stack bg-active-lighten p-4" data-user-id="5">
|
||
<!--begin::Details-->
|
||
<div class="d-flex align-items-center">
|
||
<!--begin::Checkbox-->
|
||
<label class="form-check form-check-custom form-check-solid me-5">
|
||
<input class="form-check-input" type="checkbox" name="users" data-kt-check="true" data-kt-check-target="[data-user-id='5']" value="5" />
|
||
</label>
|
||
<!--end::Checkbox-->
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<span class="symbol-label bg-light-warning text-warning fw-semibold">C</span>
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Details-->
|
||
<div class="ms-5">
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Mikaela Collins</a>
|
||
<div class="fw-semibold text-muted">mik@pex.com</div>
|
||
</div>
|
||
<!--end::Details-->
|
||
</div>
|
||
<!--end::Details-->
|
||
<!--begin::Access menu-->
|
||
<div class="ms-2 w-100px">
|
||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||
<option value="1">Guest</option>
|
||
<option value="2" selected="selected">Owner</option>
|
||
<option value="3">Can Edit</option>
|
||
</select>
|
||
</div>
|
||
<!--end::Access menu-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::Separator-->
|
||
<div class="border-bottom border-gray-300 border-bottom-dashed"></div>
|
||
<!--end::Separator-->
|
||
<!--begin::User-->
|
||
<div class="rounded d-flex flex-stack bg-active-lighten p-4" data-user-id="6">
|
||
<!--begin::Details-->
|
||
<div class="d-flex align-items-center">
|
||
<!--begin::Checkbox-->
|
||
<label class="form-check form-check-custom form-check-solid me-5">
|
||
<input class="form-check-input" type="checkbox" name="users" data-kt-check="true" data-kt-check-target="[data-user-id='6']" value="6" />
|
||
</label>
|
||
<!--end::Checkbox-->
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<img alt="Pic" src="assets/media/avatars/300-9.jpg" />
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Details-->
|
||
<div class="ms-5">
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Francis Mitcham</a>
|
||
<div class="fw-semibold text-muted">f.mit@kpmg.com</div>
|
||
</div>
|
||
<!--end::Details-->
|
||
</div>
|
||
<!--end::Details-->
|
||
<!--begin::Access menu-->
|
||
<div class="ms-2 w-100px">
|
||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||
<option value="1">Guest</option>
|
||
<option value="2">Owner</option>
|
||
<option value="3" selected="selected">Can Edit</option>
|
||
</select>
|
||
</div>
|
||
<!--end::Access menu-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::Separator-->
|
||
<div class="border-bottom border-gray-300 border-bottom-dashed"></div>
|
||
<!--end::Separator-->
|
||
<!--begin::User-->
|
||
<div class="rounded d-flex flex-stack bg-active-lighten p-4" data-user-id="7">
|
||
<!--begin::Details-->
|
||
<div class="d-flex align-items-center">
|
||
<!--begin::Checkbox-->
|
||
<label class="form-check form-check-custom form-check-solid me-5">
|
||
<input class="form-check-input" type="checkbox" name="users" data-kt-check="true" data-kt-check-target="[data-user-id='7']" value="7" />
|
||
</label>
|
||
<!--end::Checkbox-->
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<span class="symbol-label bg-light-danger text-danger fw-semibold">O</span>
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Details-->
|
||
<div class="ms-5">
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Olivia Wild</a>
|
||
<div class="fw-semibold text-muted">olivia@corpmail.com</div>
|
||
</div>
|
||
<!--end::Details-->
|
||
</div>
|
||
<!--end::Details-->
|
||
<!--begin::Access menu-->
|
||
<div class="ms-2 w-100px">
|
||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||
<option value="1">Guest</option>
|
||
<option value="2" selected="selected">Owner</option>
|
||
<option value="3">Can Edit</option>
|
||
</select>
|
||
</div>
|
||
<!--end::Access menu-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::Separator-->
|
||
<div class="border-bottom border-gray-300 border-bottom-dashed"></div>
|
||
<!--end::Separator-->
|
||
<!--begin::User-->
|
||
<div class="rounded d-flex flex-stack bg-active-lighten p-4" data-user-id="8">
|
||
<!--begin::Details-->
|
||
<div class="d-flex align-items-center">
|
||
<!--begin::Checkbox-->
|
||
<label class="form-check form-check-custom form-check-solid me-5">
|
||
<input class="form-check-input" type="checkbox" name="users" data-kt-check="true" data-kt-check-target="[data-user-id='8']" value="8" />
|
||
</label>
|
||
<!--end::Checkbox-->
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<span class="symbol-label bg-light-primary text-primary fw-semibold">N</span>
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Details-->
|
||
<div class="ms-5">
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Neil Owen</a>
|
||
<div class="fw-semibold text-muted">owen.neil@gmail.com</div>
|
||
</div>
|
||
<!--end::Details-->
|
||
</div>
|
||
<!--end::Details-->
|
||
<!--begin::Access menu-->
|
||
<div class="ms-2 w-100px">
|
||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||
<option value="1" selected="selected">Guest</option>
|
||
<option value="2">Owner</option>
|
||
<option value="3">Can Edit</option>
|
||
</select>
|
||
</div>
|
||
<!--end::Access menu-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::Separator-->
|
||
<div class="border-bottom border-gray-300 border-bottom-dashed"></div>
|
||
<!--end::Separator-->
|
||
<!--begin::User-->
|
||
<div class="rounded d-flex flex-stack bg-active-lighten p-4" data-user-id="9">
|
||
<!--begin::Details-->
|
||
<div class="d-flex align-items-center">
|
||
<!--begin::Checkbox-->
|
||
<label class="form-check form-check-custom form-check-solid me-5">
|
||
<input class="form-check-input" type="checkbox" name="users" data-kt-check="true" data-kt-check-target="[data-user-id='9']" value="9" />
|
||
</label>
|
||
<!--end::Checkbox-->
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<img alt="Pic" src="assets/media/avatars/300-23.jpg" />
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Details-->
|
||
<div class="ms-5">
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Dan Wilson</a>
|
||
<div class="fw-semibold text-muted">dam@consilting.com</div>
|
||
</div>
|
||
<!--end::Details-->
|
||
</div>
|
||
<!--end::Details-->
|
||
<!--begin::Access menu-->
|
||
<div class="ms-2 w-100px">
|
||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||
<option value="1">Guest</option>
|
||
<option value="2">Owner</option>
|
||
<option value="3" selected="selected">Can Edit</option>
|
||
</select>
|
||
</div>
|
||
<!--end::Access menu-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::Separator-->
|
||
<div class="border-bottom border-gray-300 border-bottom-dashed"></div>
|
||
<!--end::Separator-->
|
||
<!--begin::User-->
|
||
<div class="rounded d-flex flex-stack bg-active-lighten p-4" data-user-id="10">
|
||
<!--begin::Details-->
|
||
<div class="d-flex align-items-center">
|
||
<!--begin::Checkbox-->
|
||
<label class="form-check form-check-custom form-check-solid me-5">
|
||
<input class="form-check-input" type="checkbox" name="users" data-kt-check="true" data-kt-check-target="[data-user-id='10']" value="10" />
|
||
</label>
|
||
<!--end::Checkbox-->
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<span class="symbol-label bg-light-danger text-danger fw-semibold">E</span>
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Details-->
|
||
<div class="ms-5">
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Emma Bold</a>
|
||
<div class="fw-semibold text-muted">emma@intenso.com</div>
|
||
</div>
|
||
<!--end::Details-->
|
||
</div>
|
||
<!--end::Details-->
|
||
<!--begin::Access menu-->
|
||
<div class="ms-2 w-100px">
|
||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||
<option value="1">Guest</option>
|
||
<option value="2" selected="selected">Owner</option>
|
||
<option value="3">Can Edit</option>
|
||
</select>
|
||
</div>
|
||
<!--end::Access menu-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::Separator-->
|
||
<div class="border-bottom border-gray-300 border-bottom-dashed"></div>
|
||
<!--end::Separator-->
|
||
<!--begin::User-->
|
||
<div class="rounded d-flex flex-stack bg-active-lighten p-4" data-user-id="11">
|
||
<!--begin::Details-->
|
||
<div class="d-flex align-items-center">
|
||
<!--begin::Checkbox-->
|
||
<label class="form-check form-check-custom form-check-solid me-5">
|
||
<input class="form-check-input" type="checkbox" name="users" data-kt-check="true" data-kt-check-target="[data-user-id='11']" value="11" />
|
||
</label>
|
||
<!--end::Checkbox-->
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<img alt="Pic" src="assets/media/avatars/300-12.jpg" />
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Details-->
|
||
<div class="ms-5">
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Ana Crown</a>
|
||
<div class="fw-semibold text-muted">ana.cf@limtel.com</div>
|
||
</div>
|
||
<!--end::Details-->
|
||
</div>
|
||
<!--end::Details-->
|
||
<!--begin::Access menu-->
|
||
<div class="ms-2 w-100px">
|
||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||
<option value="1" selected="selected">Guest</option>
|
||
<option value="2">Owner</option>
|
||
<option value="3">Can Edit</option>
|
||
</select>
|
||
</div>
|
||
<!--end::Access menu-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::Separator-->
|
||
<div class="border-bottom border-gray-300 border-bottom-dashed"></div>
|
||
<!--end::Separator-->
|
||
<!--begin::User-->
|
||
<div class="rounded d-flex flex-stack bg-active-lighten p-4" data-user-id="12">
|
||
<!--begin::Details-->
|
||
<div class="d-flex align-items-center">
|
||
<!--begin::Checkbox-->
|
||
<label class="form-check form-check-custom form-check-solid me-5">
|
||
<input class="form-check-input" type="checkbox" name="users" data-kt-check="true" data-kt-check-target="[data-user-id='12']" value="12" />
|
||
</label>
|
||
<!--end::Checkbox-->
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<span class="symbol-label bg-light-info text-info fw-semibold">A</span>
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Details-->
|
||
<div class="ms-5">
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Robert Doe</a>
|
||
<div class="fw-semibold text-muted">robert@benko.com</div>
|
||
</div>
|
||
<!--end::Details-->
|
||
</div>
|
||
<!--end::Details-->
|
||
<!--begin::Access menu-->
|
||
<div class="ms-2 w-100px">
|
||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||
<option value="1">Guest</option>
|
||
<option value="2">Owner</option>
|
||
<option value="3" selected="selected">Can Edit</option>
|
||
</select>
|
||
</div>
|
||
<!--end::Access menu-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::Separator-->
|
||
<div class="border-bottom border-gray-300 border-bottom-dashed"></div>
|
||
<!--end::Separator-->
|
||
<!--begin::User-->
|
||
<div class="rounded d-flex flex-stack bg-active-lighten p-4" data-user-id="13">
|
||
<!--begin::Details-->
|
||
<div class="d-flex align-items-center">
|
||
<!--begin::Checkbox-->
|
||
<label class="form-check form-check-custom form-check-solid me-5">
|
||
<input class="form-check-input" type="checkbox" name="users" data-kt-check="true" data-kt-check-target="[data-user-id='13']" value="13" />
|
||
</label>
|
||
<!--end::Checkbox-->
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<img alt="Pic" src="assets/media/avatars/300-13.jpg" />
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Details-->
|
||
<div class="ms-5">
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">John Miller</a>
|
||
<div class="fw-semibold text-muted">miller@mapple.com</div>
|
||
</div>
|
||
<!--end::Details-->
|
||
</div>
|
||
<!--end::Details-->
|
||
<!--begin::Access menu-->
|
||
<div class="ms-2 w-100px">
|
||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||
<option value="1">Guest</option>
|
||
<option value="2">Owner</option>
|
||
<option value="3" selected="selected">Can Edit</option>
|
||
</select>
|
||
</div>
|
||
<!--end::Access menu-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::Separator-->
|
||
<div class="border-bottom border-gray-300 border-bottom-dashed"></div>
|
||
<!--end::Separator-->
|
||
<!--begin::User-->
|
||
<div class="rounded d-flex flex-stack bg-active-lighten p-4" data-user-id="14">
|
||
<!--begin::Details-->
|
||
<div class="d-flex align-items-center">
|
||
<!--begin::Checkbox-->
|
||
<label class="form-check form-check-custom form-check-solid me-5">
|
||
<input class="form-check-input" type="checkbox" name="users" data-kt-check="true" data-kt-check-target="[data-user-id='14']" value="14" />
|
||
</label>
|
||
<!--end::Checkbox-->
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<span class="symbol-label bg-light-success text-success fw-semibold">L</span>
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Details-->
|
||
<div class="ms-5">
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Lucy Kunic</a>
|
||
<div class="fw-semibold text-muted">lucy.m@fentech.com</div>
|
||
</div>
|
||
<!--end::Details-->
|
||
</div>
|
||
<!--end::Details-->
|
||
<!--begin::Access menu-->
|
||
<div class="ms-2 w-100px">
|
||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||
<option value="1">Guest</option>
|
||
<option value="2" selected="selected">Owner</option>
|
||
<option value="3">Can Edit</option>
|
||
</select>
|
||
</div>
|
||
<!--end::Access menu-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::Separator-->
|
||
<div class="border-bottom border-gray-300 border-bottom-dashed"></div>
|
||
<!--end::Separator-->
|
||
<!--begin::User-->
|
||
<div class="rounded d-flex flex-stack bg-active-lighten p-4" data-user-id="15">
|
||
<!--begin::Details-->
|
||
<div class="d-flex align-items-center">
|
||
<!--begin::Checkbox-->
|
||
<label class="form-check form-check-custom form-check-solid me-5">
|
||
<input class="form-check-input" type="checkbox" name="users" data-kt-check="true" data-kt-check-target="[data-user-id='15']" value="15" />
|
||
</label>
|
||
<!--end::Checkbox-->
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<img alt="Pic" src="assets/media/avatars/300-21.jpg" />
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Details-->
|
||
<div class="ms-5">
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Ethan Wilder</a>
|
||
<div class="fw-semibold text-muted">ethan@loop.com.au</div>
|
||
</div>
|
||
<!--end::Details-->
|
||
</div>
|
||
<!--end::Details-->
|
||
<!--begin::Access menu-->
|
||
<div class="ms-2 w-100px">
|
||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||
<option value="1" selected="selected">Guest</option>
|
||
<option value="2">Owner</option>
|
||
<option value="3">Can Edit</option>
|
||
</select>
|
||
</div>
|
||
<!--end::Access menu-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::Separator-->
|
||
<div class="border-bottom border-gray-300 border-bottom-dashed"></div>
|
||
<!--end::Separator-->
|
||
<!--begin::User-->
|
||
<div class="rounded d-flex flex-stack bg-active-lighten p-4" data-user-id="16">
|
||
<!--begin::Details-->
|
||
<div class="d-flex align-items-center">
|
||
<!--begin::Checkbox-->
|
||
<label class="form-check form-check-custom form-check-solid me-5">
|
||
<input class="form-check-input" type="checkbox" name="users" data-kt-check="true" data-kt-check-target="[data-user-id='16']" value="16" />
|
||
</label>
|
||
<!--end::Checkbox-->
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<img alt="Pic" src="assets/media/avatars/300-13.jpg" />
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Details-->
|
||
<div class="ms-5">
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">John Miller</a>
|
||
<div class="fw-semibold text-muted">miller@mapple.com</div>
|
||
</div>
|
||
<!--end::Details-->
|
||
</div>
|
||
<!--end::Details-->
|
||
<!--begin::Access menu-->
|
||
<div class="ms-2 w-100px">
|
||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||
<option value="1">Guest</option>
|
||
<option value="2">Owner</option>
|
||
<option value="3" selected="selected">Can Edit</option>
|
||
</select>
|
||
</div>
|
||
<!--end::Access menu-->
|
||
</div>
|
||
<!--end::User-->
|
||
</div>
|
||
<!--end::Users-->
|
||
<!--begin::Actions-->
|
||
<div class="d-flex flex-center mt-15">
|
||
<button type="reset" id="kt_modal_users_search_reset" data-bs-dismiss="modal" class="btn btn-active-light me-3">Cancel</button>
|
||
<button type="submit" id="kt_modal_users_search_submit" class="btn btn-primary">Add Selected Users</button>
|
||
</div>
|
||
<!--end::Actions-->
|
||
</div>
|
||
<!--end::Results-->
|
||
<!--begin::Empty-->
|
||
<div data-kt-search-element="empty" class="text-center d-none">
|
||
<!--begin::Message-->
|
||
<div class="fw-semibold py-10">
|
||
<div class="text-gray-600 fs-3 mb-2">No users found</div>
|
||
<div class="text-muted fs-6">Try to search by username, full name or email...</div>
|
||
</div>
|
||
<!--end::Message-->
|
||
<!--begin::Illustration-->
|
||
<div class="text-center px-5">
|
||
<img src="assets/media/illustrations/sketchy-1/1.png" alt="" class="w-100 h-200px h-sm-325px" />
|
||
</div>
|
||
<!--end::Illustration-->
|
||
</div>
|
||
<!--end::Empty-->
|
||
</div>
|
||
<!--end::Wrapper-->
|
||
</div>
|
||
<!--end::Search-->
|
||
</div>
|
||
<!--end::Modal body-->
|
||
</div>
|
||
<!--end::Modal content-->
|
||
</div>
|
||
<!--end::Modal dialog-->
|
||
</div>
|
||
<!--end::Modal - Users Search-->
|
||
<!--begin::Modal - Invite Friends-->
|
||
<div class="modal fade" id="kt_modal_invite_friends" tabindex="-1" aria-hidden="true">
|
||
<!--begin::Modal dialog-->
|
||
<div class="modal-dialog mw-650px">
|
||
<!--begin::Modal content-->
|
||
<div class="modal-content">
|
||
<!--begin::Modal header-->
|
||
<div class="modal-header pb-0 border-0 justify-content-end">
|
||
<!--begin::Close-->
|
||
<div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">
|
||
<i class="ki-outline ki-cross fs-1"></i>
|
||
</div>
|
||
<!--end::Close-->
|
||
</div>
|
||
<!--begin::Modal header-->
|
||
<!--begin::Modal body-->
|
||
<div class="modal-body scroll-y mx-5 mx-xl-18 pt-0 pb-15">
|
||
<!--begin::Heading-->
|
||
<div class="text-center mb-13">
|
||
<!--begin::Title-->
|
||
<h1 class="mb-3">Invite a Friend</h1>
|
||
<!--end::Title-->
|
||
<!--begin::Description-->
|
||
<div class="text-muted fw-semibold fs-5">If you need more info, please check out
|
||
<a href="#" class="link-primary fw-bold">FAQ Page</a>.</div>
|
||
<!--end::Description-->
|
||
</div>
|
||
<!--end::Heading-->
|
||
<!--begin::Google Contacts Invite-->
|
||
<div class="btn btn-light-primary fw-bold w-100 mb-8">
|
||
<img alt="Logo" src="assets/media/svg/brand-logos/google-icon.svg" class="h-20px me-3" />Invite Gmail Contacts</div>
|
||
<!--end::Google Contacts Invite-->
|
||
<!--begin::Separator-->
|
||
<div class="separator d-flex flex-center mb-8">
|
||
<span class="text-uppercase bg-body fs-7 fw-semibold text-muted px-3">or</span>
|
||
</div>
|
||
<!--end::Separator-->
|
||
<!--begin::Textarea-->
|
||
<textarea class="form-control form-control-solid mb-8" rows="3" placeholder="Type or paste emails here"></textarea>
|
||
<!--end::Textarea-->
|
||
<!--begin::Users-->
|
||
<div class="mb-10">
|
||
<!--begin::Heading-->
|
||
<div class="fs-6 fw-semibold mb-2">Your Invitations</div>
|
||
<!--end::Heading-->
|
||
<!--begin::List-->
|
||
<div class="mh-300px scroll-y me-n7 pe-7">
|
||
<!--begin::User-->
|
||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||
<!--begin::Details-->
|
||
<div class="d-flex align-items-center">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<img alt="Pic" src="assets/media/avatars/300-6.jpg" />
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Details-->
|
||
<div class="ms-5">
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Emma Smith</a>
|
||
<div class="fw-semibold text-muted">smith@kpmg.com</div>
|
||
</div>
|
||
<!--end::Details-->
|
||
</div>
|
||
<!--end::Details-->
|
||
<!--begin::Access menu-->
|
||
<div class="ms-2 w-100px">
|
||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-dropdown-parent="#kt_modal_invite_friends" data-hide-search="true">
|
||
<option value="1">Guest</option>
|
||
<option value="2" selected="selected">Owner</option>
|
||
<option value="3">Can Edit</option>
|
||
</select>
|
||
</div>
|
||
<!--end::Access menu-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::User-->
|
||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||
<!--begin::Details-->
|
||
<div class="d-flex align-items-center">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<span class="symbol-label bg-light-danger text-danger fw-semibold">M</span>
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Details-->
|
||
<div class="ms-5">
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Melody Macy</a>
|
||
<div class="fw-semibold text-muted">melody@altbox.com</div>
|
||
</div>
|
||
<!--end::Details-->
|
||
</div>
|
||
<!--end::Details-->
|
||
<!--begin::Access menu-->
|
||
<div class="ms-2 w-100px">
|
||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-dropdown-parent="#kt_modal_invite_friends" data-hide-search="true">
|
||
<option value="1" selected="selected">Guest</option>
|
||
<option value="2">Owner</option>
|
||
<option value="3">Can Edit</option>
|
||
</select>
|
||
</div>
|
||
<!--end::Access menu-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::User-->
|
||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||
<!--begin::Details-->
|
||
<div class="d-flex align-items-center">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<img alt="Pic" src="assets/media/avatars/300-1.jpg" />
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Details-->
|
||
<div class="ms-5">
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Max Smith</a>
|
||
<div class="fw-semibold text-muted">max@kt.com</div>
|
||
</div>
|
||
<!--end::Details-->
|
||
</div>
|
||
<!--end::Details-->
|
||
<!--begin::Access menu-->
|
||
<div class="ms-2 w-100px">
|
||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-dropdown-parent="#kt_modal_invite_friends" data-hide-search="true">
|
||
<option value="1">Guest</option>
|
||
<option value="2">Owner</option>
|
||
<option value="3" selected="selected">Can Edit</option>
|
||
</select>
|
||
</div>
|
||
<!--end::Access menu-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::User-->
|
||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||
<!--begin::Details-->
|
||
<div class="d-flex align-items-center">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<img alt="Pic" src="assets/media/avatars/300-5.jpg" />
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Details-->
|
||
<div class="ms-5">
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Sean Bean</a>
|
||
<div class="fw-semibold text-muted">sean@dellito.com</div>
|
||
</div>
|
||
<!--end::Details-->
|
||
</div>
|
||
<!--end::Details-->
|
||
<!--begin::Access menu-->
|
||
<div class="ms-2 w-100px">
|
||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-dropdown-parent="#kt_modal_invite_friends" data-hide-search="true">
|
||
<option value="1">Guest</option>
|
||
<option value="2" selected="selected">Owner</option>
|
||
<option value="3">Can Edit</option>
|
||
</select>
|
||
</div>
|
||
<!--end::Access menu-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::User-->
|
||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||
<!--begin::Details-->
|
||
<div class="d-flex align-items-center">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<img alt="Pic" src="assets/media/avatars/300-25.jpg" />
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Details-->
|
||
<div class="ms-5">
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Brian Cox</a>
|
||
<div class="fw-semibold text-muted">brian@exchange.com</div>
|
||
</div>
|
||
<!--end::Details-->
|
||
</div>
|
||
<!--end::Details-->
|
||
<!--begin::Access menu-->
|
||
<div class="ms-2 w-100px">
|
||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-dropdown-parent="#kt_modal_invite_friends" data-hide-search="true">
|
||
<option value="1">Guest</option>
|
||
<option value="2">Owner</option>
|
||
<option value="3" selected="selected">Can Edit</option>
|
||
</select>
|
||
</div>
|
||
<!--end::Access menu-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::User-->
|
||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||
<!--begin::Details-->
|
||
<div class="d-flex align-items-center">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<span class="symbol-label bg-light-warning text-warning fw-semibold">C</span>
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Details-->
|
||
<div class="ms-5">
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Mikaela Collins</a>
|
||
<div class="fw-semibold text-muted">mik@pex.com</div>
|
||
</div>
|
||
<!--end::Details-->
|
||
</div>
|
||
<!--end::Details-->
|
||
<!--begin::Access menu-->
|
||
<div class="ms-2 w-100px">
|
||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-dropdown-parent="#kt_modal_invite_friends" data-hide-search="true">
|
||
<option value="1">Guest</option>
|
||
<option value="2" selected="selected">Owner</option>
|
||
<option value="3">Can Edit</option>
|
||
</select>
|
||
</div>
|
||
<!--end::Access menu-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::User-->
|
||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||
<!--begin::Details-->
|
||
<div class="d-flex align-items-center">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<img alt="Pic" src="assets/media/avatars/300-9.jpg" />
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Details-->
|
||
<div class="ms-5">
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Francis Mitcham</a>
|
||
<div class="fw-semibold text-muted">f.mit@kpmg.com</div>
|
||
</div>
|
||
<!--end::Details-->
|
||
</div>
|
||
<!--end::Details-->
|
||
<!--begin::Access menu-->
|
||
<div class="ms-2 w-100px">
|
||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-dropdown-parent="#kt_modal_invite_friends" data-hide-search="true">
|
||
<option value="1">Guest</option>
|
||
<option value="2">Owner</option>
|
||
<option value="3" selected="selected">Can Edit</option>
|
||
</select>
|
||
</div>
|
||
<!--end::Access menu-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::User-->
|
||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||
<!--begin::Details-->
|
||
<div class="d-flex align-items-center">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<span class="symbol-label bg-light-danger text-danger fw-semibold">O</span>
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Details-->
|
||
<div class="ms-5">
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Olivia Wild</a>
|
||
<div class="fw-semibold text-muted">olivia@corpmail.com</div>
|
||
</div>
|
||
<!--end::Details-->
|
||
</div>
|
||
<!--end::Details-->
|
||
<!--begin::Access menu-->
|
||
<div class="ms-2 w-100px">
|
||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-dropdown-parent="#kt_modal_invite_friends" data-hide-search="true">
|
||
<option value="1">Guest</option>
|
||
<option value="2" selected="selected">Owner</option>
|
||
<option value="3">Can Edit</option>
|
||
</select>
|
||
</div>
|
||
<!--end::Access menu-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::User-->
|
||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||
<!--begin::Details-->
|
||
<div class="d-flex align-items-center">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<span class="symbol-label bg-light-primary text-primary fw-semibold">N</span>
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Details-->
|
||
<div class="ms-5">
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Neil Owen</a>
|
||
<div class="fw-semibold text-muted">owen.neil@gmail.com</div>
|
||
</div>
|
||
<!--end::Details-->
|
||
</div>
|
||
<!--end::Details-->
|
||
<!--begin::Access menu-->
|
||
<div class="ms-2 w-100px">
|
||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-dropdown-parent="#kt_modal_invite_friends" data-hide-search="true">
|
||
<option value="1" selected="selected">Guest</option>
|
||
<option value="2">Owner</option>
|
||
<option value="3">Can Edit</option>
|
||
</select>
|
||
</div>
|
||
<!--end::Access menu-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::User-->
|
||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||
<!--begin::Details-->
|
||
<div class="d-flex align-items-center">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<img alt="Pic" src="assets/media/avatars/300-23.jpg" />
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Details-->
|
||
<div class="ms-5">
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Dan Wilson</a>
|
||
<div class="fw-semibold text-muted">dam@consilting.com</div>
|
||
</div>
|
||
<!--end::Details-->
|
||
</div>
|
||
<!--end::Details-->
|
||
<!--begin::Access menu-->
|
||
<div class="ms-2 w-100px">
|
||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-dropdown-parent="#kt_modal_invite_friends" data-hide-search="true">
|
||
<option value="1">Guest</option>
|
||
<option value="2">Owner</option>
|
||
<option value="3" selected="selected">Can Edit</option>
|
||
</select>
|
||
</div>
|
||
<!--end::Access menu-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::User-->
|
||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||
<!--begin::Details-->
|
||
<div class="d-flex align-items-center">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<span class="symbol-label bg-light-danger text-danger fw-semibold">E</span>
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Details-->
|
||
<div class="ms-5">
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Emma Bold</a>
|
||
<div class="fw-semibold text-muted">emma@intenso.com</div>
|
||
</div>
|
||
<!--end::Details-->
|
||
</div>
|
||
<!--end::Details-->
|
||
<!--begin::Access menu-->
|
||
<div class="ms-2 w-100px">
|
||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-dropdown-parent="#kt_modal_invite_friends" data-hide-search="true">
|
||
<option value="1">Guest</option>
|
||
<option value="2" selected="selected">Owner</option>
|
||
<option value="3">Can Edit</option>
|
||
</select>
|
||
</div>
|
||
<!--end::Access menu-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::User-->
|
||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||
<!--begin::Details-->
|
||
<div class="d-flex align-items-center">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<img alt="Pic" src="assets/media/avatars/300-12.jpg" />
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Details-->
|
||
<div class="ms-5">
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Ana Crown</a>
|
||
<div class="fw-semibold text-muted">ana.cf@limtel.com</div>
|
||
</div>
|
||
<!--end::Details-->
|
||
</div>
|
||
<!--end::Details-->
|
||
<!--begin::Access menu-->
|
||
<div class="ms-2 w-100px">
|
||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-dropdown-parent="#kt_modal_invite_friends" data-hide-search="true">
|
||
<option value="1" selected="selected">Guest</option>
|
||
<option value="2">Owner</option>
|
||
<option value="3">Can Edit</option>
|
||
</select>
|
||
</div>
|
||
<!--end::Access menu-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::User-->
|
||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||
<!--begin::Details-->
|
||
<div class="d-flex align-items-center">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<span class="symbol-label bg-light-info text-info fw-semibold">A</span>
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Details-->
|
||
<div class="ms-5">
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Robert Doe</a>
|
||
<div class="fw-semibold text-muted">robert@benko.com</div>
|
||
</div>
|
||
<!--end::Details-->
|
||
</div>
|
||
<!--end::Details-->
|
||
<!--begin::Access menu-->
|
||
<div class="ms-2 w-100px">
|
||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-dropdown-parent="#kt_modal_invite_friends" data-hide-search="true">
|
||
<option value="1">Guest</option>
|
||
<option value="2">Owner</option>
|
||
<option value="3" selected="selected">Can Edit</option>
|
||
</select>
|
||
</div>
|
||
<!--end::Access menu-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::User-->
|
||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||
<!--begin::Details-->
|
||
<div class="d-flex align-items-center">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<img alt="Pic" src="assets/media/avatars/300-13.jpg" />
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Details-->
|
||
<div class="ms-5">
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">John Miller</a>
|
||
<div class="fw-semibold text-muted">miller@mapple.com</div>
|
||
</div>
|
||
<!--end::Details-->
|
||
</div>
|
||
<!--end::Details-->
|
||
<!--begin::Access menu-->
|
||
<div class="ms-2 w-100px">
|
||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-dropdown-parent="#kt_modal_invite_friends" data-hide-search="true">
|
||
<option value="1">Guest</option>
|
||
<option value="2">Owner</option>
|
||
<option value="3" selected="selected">Can Edit</option>
|
||
</select>
|
||
</div>
|
||
<!--end::Access menu-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::User-->
|
||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||
<!--begin::Details-->
|
||
<div class="d-flex align-items-center">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<span class="symbol-label bg-light-success text-success fw-semibold">L</span>
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Details-->
|
||
<div class="ms-5">
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Lucy Kunic</a>
|
||
<div class="fw-semibold text-muted">lucy.m@fentech.com</div>
|
||
</div>
|
||
<!--end::Details-->
|
||
</div>
|
||
<!--end::Details-->
|
||
<!--begin::Access menu-->
|
||
<div class="ms-2 w-100px">
|
||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-dropdown-parent="#kt_modal_invite_friends" data-hide-search="true">
|
||
<option value="1">Guest</option>
|
||
<option value="2" selected="selected">Owner</option>
|
||
<option value="3">Can Edit</option>
|
||
</select>
|
||
</div>
|
||
<!--end::Access menu-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::User-->
|
||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||
<!--begin::Details-->
|
||
<div class="d-flex align-items-center">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<img alt="Pic" src="assets/media/avatars/300-21.jpg" />
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Details-->
|
||
<div class="ms-5">
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Ethan Wilder</a>
|
||
<div class="fw-semibold text-muted">ethan@loop.com.au</div>
|
||
</div>
|
||
<!--end::Details-->
|
||
</div>
|
||
<!--end::Details-->
|
||
<!--begin::Access menu-->
|
||
<div class="ms-2 w-100px">
|
||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-dropdown-parent="#kt_modal_invite_friends" data-hide-search="true">
|
||
<option value="1" selected="selected">Guest</option>
|
||
<option value="2">Owner</option>
|
||
<option value="3">Can Edit</option>
|
||
</select>
|
||
</div>
|
||
<!--end::Access menu-->
|
||
</div>
|
||
<!--end::User-->
|
||
<!--begin::User-->
|
||
<div class="d-flex flex-stack py-4">
|
||
<!--begin::Details-->
|
||
<div class="d-flex align-items-center">
|
||
<!--begin::Avatar-->
|
||
<div class="symbol symbol-35px symbol-circle">
|
||
<span class="symbol-label bg-light-danger text-danger fw-semibold">O</span>
|
||
</div>
|
||
<!--end::Avatar-->
|
||
<!--begin::Details-->
|
||
<div class="ms-5">
|
||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Olivia Wild</a>
|
||
<div class="fw-semibold text-muted">olivia@corpmail.com</div>
|
||
</div>
|
||
<!--end::Details-->
|
||
</div>
|
||
<!--end::Details-->
|
||
<!--begin::Access menu-->
|
||
<div class="ms-2 w-100px">
|
||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-dropdown-parent="#kt_modal_invite_friends" data-hide-search="true">
|
||
<option value="1">Guest</option>
|
||
<option value="2">Owner</option>
|
||
<option value="3" selected="selected">Can Edit</option>
|
||
</select>
|
||
</div>
|
||
<!--end::Access menu-->
|
||
</div>
|
||
<!--end::User-->
|
||
</div>
|
||
<!--end::List-->
|
||
</div>
|
||
<!--end::Users-->
|
||
<!--begin::Notice-->
|
||
<div class="d-flex flex-stack">
|
||
<!--begin::Label-->
|
||
<div class="me-5 fw-semibold">
|
||
<label class="fs-6">Adding Users by Team Members</label>
|
||
<div class="fs-7 text-muted">If you need more info, please check budget planning</div>
|
||
</div>
|
||
<!--end::Label-->
|
||
<!--begin::Switch-->
|
||
<label class="form-check form-switch form-check-custom form-check-solid">
|
||
<input class="form-check-input" type="checkbox" value="1" checked="checked" />
|
||
<span class="form-check-label fw-semibold text-muted">Allowed</span>
|
||
</label>
|
||
<!--end::Switch-->
|
||
</div>
|
||
<!--end::Notice-->
|
||
</div>
|
||
<!--end::Modal body-->
|
||
</div>
|
||
<!--end::Modal content-->
|
||
</div>
|
||
<!--end::Modal dialog-->
|
||
</div>
|
||
<!--end::Modal - Invite Friend-->
|
||
<!--end::Modals-->
|
||
<!--begin::Javascript-->
|
||
<script>var hostUrl = "assets/";</script>
|
||
<!--begin::Global Javascript Bundle(mandatory for all pages)-->
|
||
<script src="assets/plugins/global/plugins.bundle.js"></script>
|
||
<script src="assets/js/scripts.bundle.js"></script>
|
||
<!--end::Global Javascript Bundle-->
|
||
<!--begin::Vendors Javascript(used for this page only)-->
|
||
<script src="assets/plugins/custom/datatables/datatables.bundle.js"></script>
|
||
<script src="assets/plugins/custom/formrepeater/formrepeater.bundle.js"></script>
|
||
<!--end::Vendors Javascript-->
|
||
<!--begin::Custom Javascript(used for this page only)-->
|
||
<script src="assets/plugins/custom/datatables/datatables.bundle.js"></script>
|
||
<script src="assets/js/widgets.bundle.js"></script>
|
||
<script src="assets/js/custom/widgets.js"></script>
|
||
<script src="store/view/view-store.js"></script>
|
||
<script src="assets/js/custom/apps/chat/chat.js"></script>
|
||
<script src="assets/js/custom/utilities/modals/upgrade-plan.js"></script>
|
||
<script src="assets/js/custom/utilities/modals/users-search.js"></script>
|
||
<!--end::Custom Javascript-->
|
||
<!--end::Javascript-->
|
||
</body>
|
||
<!--end::Body-->
|
||
</html> |