<!-- begin:: Header Mobile -->
<div id="kt_header_mobile" class="kt-header-mobile  kt-header-mobile--fixed ">
    <div class="kt-header-mobile__toolbar">
        <button class="kt-header-mobile__toolbar-toggler kt-header-mobile__toolbar-toggler--right" style="margin: 0 1.5rem 0 0" id="kt_aside_mobile_toggler">
			<span></span>
		</button>
    </div>
    <div class="kt-header-mobile__logo">
        <a href="index.html">
			<img alt="Logo" style="width: 150px; height: 30px;" src="../../assets/images/atomic/logo-white.png"/>
		</a>
    </div>
    <div class="kt-header-mobile__toolbar">
        <button class="kt-header-mobile__toolbar-topbar-toggler" id="kt_header_mobile_topbar_toggler">
			<i class="flaticon-more"></i>
		</button>
    </div>
</div>
<!-- end:: Header Mobile -->

<!-- begin:: Root -->
<div class="kt-grid kt-grid--hor kt-grid--root">

    <!-- begin:: Page -->
    <div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--ver kt-page">

        <!-- begin:: Aside -->
        <button class="kt-aside-close " id="kt_aside_close_btn">
	<i class="la la-close"></i>
</button>
        <div class="kt-aside  kt-aside--fixed  kt-grid__item kt-grid kt-grid--desktop kt-grid--hor-desktop" id="kt_aside">

            <!-- begin::Aside Brand -->
            <div class="kt-aside__brand kt-grid__item " id="kt_aside_brand">
                <div class="kt-aside__brand-logo">
                    <a href="index.html">
				<img style="width: 150px; height: 30px;" alt="Logo" src="../../assets/images/atomic/logo-white.png"/>
			</a>
                </div>
                <div class="kt-aside__brand-tools">
                    <button class="kt-aside__brand-aside-toggler kt-aside__brand-aside-toggler--left" id="kt_aside_toggler">
				<span></span>
			</button>
                </div>
            </div>

            <!-- end:: Aside Brand -->

            <!-- begin:: Aside Menu -->
            <div class="kt-aside-menu-wrapper kt-grid__item kt-grid__item--fluid" id="kt_aside_menu_wrapper">
                <div id="kt_aside_menu" class="kt-aside-menu " data-ktmenu-vertical="1" data-ktmenu-scroll="1" data-ktmenu-dropdown-timeout="500">
                    <ul class="kt-menu__nav">

                        <li class="kt-menu__section ">
                            <h4 class="kt-menu__section-text">Atomic WP</h4>
                            <i class="kt-menu__section-icon flaticon-more-v2"></i>
                        </li>
                        <li class="kt-menu__item  kt-menu__item--submenu kt-menu__item--here" aria-haspopup="true" data-ktmenu-submenu-toggle="hover">
                            <a href="../preview/dashboard.html" class="kt-menu__link kt-menu__toggle">
						<i class="kt-menu__link-icon flaticon2-graphic"></i>
						<span class="kt-menu__link-text">Dashboard</span>
						<i class="kt-menu__ver-arrow la la-angle-right"></i>
					</a>
                        </li>
                        <li class="kt-menu__item  kt-menu__item--submenu" aria-haspopup="true" data-ktmenu-submenu-toggle="hover">
                            <a href="../preview/waf-hids.html" class="kt-menu__link kt-menu__toggle">
						<i class="kt-menu__link-icon flaticon2-telegram-logo"></i>
						<span class="kt-menu__link-text">WAF & HIDS Rules</span>
						<i class="kt-menu__ver-arrow la la-angle-right"></i>
					</a>
                        </li>
                        <li class="kt-menu__item  kt-menu__item--submenu" aria-haspopup="true" data-ktmenu-submenu-toggle="hover">
                            <a href="../preview/file-integrity.html" class="kt-menu__link kt-menu__toggle">
						<i class="kt-menu__link-icon flaticon2-telegram-logo"></i>
						<span class="kt-menu__link-text">File Integrity</span>
						<i class="kt-menu__ver-arrow la la-angle-right"></i>
					</a>
                        </li>
                        <li class="kt-menu__item  kt-menu__item--submenu" aria-haspopup="true" data-ktmenu-submenu-toggle="hover">
                            <a href="../preview/agent-management.html" class="kt-menu__link kt-menu__toggle">
						<i class="kt-menu__link-icon flaticon2-telegram-logo"></i>
						<span class="kt-menu__link-text">Agent Management</span>
						<i class="kt-menu__ver-arrow la la-angle-right"></i>
					</a>
                        </li>

                        <li class="kt-menu__item  kt-menu__item--submenu" aria-haspopup="true" data-ktmenu-submenu-toggle="hover">
                            <a href="../preview/twaf-configuration.html" class="kt-menu__link kt-menu__toggle">
						<i class="kt-menu__link-icon flaticon2-telegram-logo"></i>
						<span class="kt-menu__link-text">TWAF Configuration</span>
						<i class="kt-menu__ver-arrow la la-angle-right"></i>
					</a>
                        </li>
                        <li class="kt-menu__item  kt-menu__item--submenu" aria-haspopup="true" data-ktmenu-submenu-toggle="hover">
                            <a href="/components/preview/awp-configuration.html" class="kt-menu__link kt-menu__toggle">
						<i class="kt-menu__link-icon flaticon2-telegram-logo"></i>
						<span class="kt-menu__link-text">AWP Configuration</span>
						<i class="kt-menu__ver-arrow la la-angle-right"></i>
					</a>
                        </li>

                        <li class="kt-menu__section ">
                            <h4 class="kt-menu__section-text">Access Control</h4>
                            <i class="kt-menu__section-icon flaticon-more-v2"></i>
                        </li>
                        <li class="kt-menu__item  kt-menu__item--submenu" aria-haspopup="true" data-ktmenu-submenu-toggle="hover">
                            <a href="/components/preview/ip-controls.html" class="kt-menu__link kt-menu__toggle">
						<i class="kt-menu__link-icon flaticon2-telegram-logo"></i>
						<span class="kt-menu__link-text">IP Controls</span>
						<i class="kt-menu__ver-arrow la la-angle-right"></i>
					</a>
                        </li>
                        <li class="kt-menu__item  kt-menu__item--submenu" aria-haspopup="true" data-ktmenu-submenu-toggle="hover">
                            <a href="/components/preview/firewall-rules.html" class="kt-menu__link kt-menu__toggle">
						<i class="kt-menu__link-icon flaticon2-telegram-logo"></i>
						<span class="kt-menu__link-text">Firewall Rules</span>
						<i class="kt-menu__ver-arrow la la-angle-right"></i>
					</a>
                        </li>
                        <li class="kt-menu__item  kt-menu__item--submenu" aria-haspopup="true" data-ktmenu-submenu-toggle="hover">
                            <a href="/components/preview/connections.html" class="kt-menu__link kt-menu__toggle">
						<i class="kt-menu__link-icon flaticon2-telegram-logo"></i>
						<span class="kt-menu__link-text">Connections</span>
						<i class="kt-menu__ver-arrow la la-angle-right"></i>
					</a>
                        </li>

                        <li class="kt-menu__section ">
                            <h4 class="kt-menu__section-text">Reporting</h4>
                            <i class="kt-menu__section-icon flaticon-more-v2"></i>
                        </li>
                        <li class="kt-menu__item  kt-menu__item--submenu" aria-haspopup="true" data-ktmenu-submenu-toggle="hover">
                            <a href="/components/preview/event-search.html" class="kt-menu__link kt-menu__toggle">
						<i class="kt-menu__link-icon flaticon2-telegram-logo"></i>
						<span class="kt-menu__link-text">Event Search</span>
						<i class="kt-menu__ver-arrow la la-angle-right"></i>
					</a>
                        </li>
                        <li class="kt-menu__item  kt-menu__item--submenu" aria-haspopup="true" data-ktmenu-submenu-toggle="hover">
                            <a href="/components/preview/system-vulnerabilities.html" class="kt-menu__link kt-menu__toggle">
						<i class="kt-menu__link-icon flaticon2-telegram-logo"></i>
						<span class="kt-menu__link-text">System Vulnerabilities</span>
						<i class="kt-menu__ver-arrow la la-angle-right"></i>
					</a>
                        </li>
                        <li class="kt-menu__item  kt-menu__item--submenu" aria-haspopup="true" data-ktmenu-submenu-toggle="hover">
                            <a href="/components/preview/system-scans.html" class="kt-menu__link kt-menu__toggle">
						<i class="kt-menu__link-icon flaticon2-telegram-logo"></i>
						<span class="kt-menu__link-text">System Scans</span>
						<i class="kt-menu__ver-arrow la la-angle-right"></i>
					</a>
                        </li>

                        <li class="kt-menu__section ">
                            <h4 class="kt-menu__section-text">Integrations</h4>
                            <i class="kt-menu__section-icon flaticon-more-v2"></i>
                        </li>
                        <li class="kt-menu__item  kt-menu__item--submenu" aria-haspopup="true" data-ktmenu-submenu-toggle="hover">
                            <a href="/components/preview/remote-syslog.html" class="kt-menu__link kt-menu__toggle">
						<i class="kt-menu__link-icon flaticon2-telegram-logo"></i>
						<span class="kt-menu__link-text">Remote Syslog</span>
						<i class="kt-menu__ver-arrow la la-angle-right"></i>
					</a>
                        </li>
                        <li class="kt-menu__item  kt-menu__item--submenu" aria-haspopup="true" data-ktmenu-submenu-toggle="hover">
                            <a href="/components/preview/remote-archiving.html" class="kt-menu__link kt-menu__toggle">
						<i class="kt-menu__link-icon flaticon2-telegram-logo"></i>
						<span class="kt-menu__link-text">Remote Archiving</span>
						<i class="kt-menu__ver-arrow la la-angle-right"></i>
					</a>
                        </li>
                        <li class="kt-menu__item  kt-menu__item--submenu" aria-haspopup="true" data-ktmenu-submenu-toggle="hover">
                            <a href="/components/preview/cloudflare-client-api.html" class="kt-menu__link kt-menu__toggle">
						<i class="kt-menu__link-icon flaticon2-telegram-logo"></i>
						<span class="kt-menu__link-text">Cloudflare Client API</span>
						<i class="kt-menu__ver-arrow la la-angle-right"></i>
					</a>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- end:: Aside Menu -->
        </div>

        <!-- end:: Aside -->

        <!-- begin:: Wrapper -->
        <div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor kt-wrapper" id="kt_wrapper">

            <!-- begin:: Header -->
            <div id="kt_header" class="kt-header kt-grid__item  kt-header--fixed ">

                <!-- begin:: Header Menu -->
                <button class="kt-header-menu-wrapper-close" id="kt_header_menu_mobile_close_btn">
	<i class="la la-close"></i>
</button>
                <div class="kt-header-menu-wrapper" id="kt_header_menu_wrapper">
                    <div id="kt_header_menu" class="kt-header-menu kt-header-menu-mobile  kt-header-menu--layout- "></div>
                </div>
                <!-- end:: Header Menu -->

                <!-- begin:: Header Topbar -->
                <div class="kt-header__topbar">

                    <!--begin: User Bar -->
                    <div class="kt-header__topbar-item kt-header__topbar-item--user">
                        <div class="kt-header__topbar-wrapper" data-toggle="dropdown" data-offset="0px,0px">

                            <!--use "kt-rounded" class for rounded avatar style-->
                            <div class="kt-header__topbar-user kt-rounded-">
                                <span class="kt-header__topbar-welcome kt-hidden-mobile">Hi,</span>
                                <span class="kt-header__topbar-username kt-hidden-mobile">User Name</span>
                            </div>
                        </div>
                        <div class="dropdown-menu dropdown-menu-fit dropdown-menu-right dropdown-menu-anim dropdown-menu-top-unround dropdown-menu-sm">
                            <div class="kt-user-card kt-margin-b-40 kt-margin-b-30-tablet-and-mobile" style="background-image: url(assets/media/misc/head_bg_sm.jpg)">
                                <div class="kt-user-card__wrapper">
                                    <div class="kt-user-card__pic">

                                        <!--use "kt-rounded" class for rounded avatar style-->
                                        <img alt="Pic" src="../../assets/images/keen/users/300_21.jpg" class="kt-rounded-" />
                                    </div>
                                    <div class="kt-user-card__details">
                                        <div class="kt-user-card__name">Alex Stone</div>
                                        <div class="kt-user-card__position">CTO, Loop Inc.</div>
                                    </div>
                                </div>
                            </div>
                            <ul class="kt-nav kt-margin-b-10">
                                <li class="kt-nav__item">
                                    <a href="custom/profile/personal-information.html" class="kt-nav__link">
										<span class="kt-nav__link-icon">
											<i class="flaticon2-calendar-3"></i>
										</span>
										<span class="kt-nav__link-text">My Profile</span>
									</a>
                                </li>
                                <li class="kt-nav__item">
                                    <a href="custom/profile/overview-1.html" class="kt-nav__link">
										<span class="kt-nav__link-icon">
											<i class="flaticon2-browser-2"></i>
										</span>
										<span class="kt-nav__link-text">My Tasks</span>
									</a>
                                </li>
                                <li class="kt-nav__item">
                                    <a href="custom/profile/overview-2.html" class="kt-nav__link">
										<span class="kt-nav__link-icon">
											<i class="flaticon2-mail"></i>
										</span>
										<span class="kt-nav__link-text">Messages</span>
									</a>
                                </li>
                                <li class="kt-nav__item">
                                    <a href="custom/profile/account-settings.html" class="kt-nav__link">
										<span class="kt-nav__link-icon">
											<i class="flaticon2-gear"></i>
										</span>
										<span class="kt-nav__link-text">Settings</span>
									</a>
                                </li>
                                <li class="kt-nav__separator kt-nav__separator--fit"></li>
                                <li class="kt-nav__custom kt-space-between">
                                    <a href="custom/login/login-v1.html" target="_blank" class="btn btn-label-brand btn-upper btn-sm btn-bold">Sign Out</a>
                                    <i class="flaticon2-information kt-label-font-color-2" data-toggle="kt-tooltip" data-placement="right" title="" data-original-title="Click to learn more..."></i>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!--end: User Bar -->

                    <!--begin: Quick Actions -->
                    <div class="kt-header__topbar-item">
                        <div class="kt-header__topbar-wrapper" id="kt_offcanvas_toolbar_quick_actions_toggler_btn">
                            <span class="kt-header__topbar-icon">
								<i class="flaticon2-gear"></i>
							</span>
                        </div>
                    </div>
                    <!--end: Quick Actions -->
                </div>

                <!-- end:: Header Topbar -->
            </div>

            <!-- end:: Header -->
            <div class="kt-content kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor" id="kt_content">

                <!-- begin:: Subheader -->
                <div class="kt-subheader kt-grid__item" id="kt_subheader" style="margin-bottom: 40px;">
                    <div class="kt-container kt-container--fluid ">
                        <div class="kt-subheader__main">
                            <h3 class="kt-subheader__title">Atomic WP</h3>
                            <span class="kt-subheader__separator kt-hidden"></span>
                            <div class="kt-subheader__breadcrumbs">
                                <span class="kt-subheader__breadcrumbs-separator"></span>
                                <a href="" class="kt-subheader__breadcrumbs-link">
									Dashboard
								</a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- end:: Subheader -->

                <!-- begin:: Content -->
                <div class="kt-container  kt-container--fluid  kt-grid__item kt-grid__item--fluid">

                    <div class="row">
                        <div class="col">
                            <div class="alert alert-light alert-elevate fade show" role="alert">
                                <div class="alert-icon">
                                    <i class="flaticon-warning kt-font-brand"></i>
                                </div>
                                <div class="alert-text">
                                    <strong>Foo Alert Lorem ipsum
					</strong>
                                    <br/>dolor sit amet, consectetur adipiscing elit. Phasellus justo magna, iaculis eu urna accumsan, ultricies facilisis sapien.
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-lg-6 col-xl-4 order-lg-1 order-xl-1">
                            <div class="kt-portlet kt-portlet--height-fluid">
                                <div class="kt-portlet__head">
                                    <div class="kt-portlet__head-label">
                                        <h3 class="kt-portlet__head-title">
                                            Top Events
                                        </h3>
                                    </div>
                                    <div class="kt-portlet__head-toolbar">
                                        <div class="kt-portlet__head-toolbar-wrapper">
                                            <div class="dropdown dropdown-inline">
                                                <button type="button" class="btn btn-default btn-sm btn-bold btn-upper">View all Events</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="kt-portlet__body">
                                    <div class="kt-widget-1">
                                        <div href="#" class="kt-widget-1__item">
                                            <div class="kt-widget-1__item-info">
                                                <div href="#" class="kt-widget-1__item-title">
                                                    <span class="kt-font-boldest" style="font-size: 12px; font-weight: 500; color: #74788d;">Event</span>
                                                </div>
                                            </div>
                                            <div class="kt-widget-1__item-stats">
                                                <div class="kt-widget-1__item-value">
                                                    <span class="kt-font-boldest" style="font-size: 12px; font-weight: 500; color: #74788d;">Level</span>
                                                </div>
                                                <div class="kt-widget-1__item-progress">
                                                    <span class="kt-font-boldest" style="font-size: 12px; font-weight: 500; color: #74788d;">Level</span>
                                                </div>
                                            </div>
                                        </div>

                                        <a href="#" class="kt-widget-1__item ">
                                            <div class="kt-widget-1__item-info">
                                                <div href="#" class="kt-widget-1__item-title">
                                                    ID: 303801
                                                </div>
                                                <div class="kt-widget-1__item-desc">
                                                    <small>
								Atomicorp.com WAF Rules: Fake msnbot/bingbot webcrawler 
							</small>
                                                </div>
                                            </div>
                                            <div class="kt-widget-1__item-stats">
                                                <div class="kt-widget-1__item-value">118</div>
                                                <div class="kt-widget-1__item-progress">
                                                    <span class="badge badge-danger">14</span>
                                                </div>
                                            </div>
                                        </a>

                                        <a href="#" class="kt-widget-1__item has-issue">
                                            <div class="kt-widget-1__item-info">
                                                <div href="#" class="kt-widget-1__item-title">
                                                    ID: 303937
                                                </div>
                                                <div class="kt-widget-1__item-desc">
                                                    <small>
								Atomicorp.com WAF Rules: Fake Baidu webcrawler
							</small>
                                                </div>
                                            </div>
                                            <div class="kt-widget-1__item-stats">
                                                <div class="kt-widget-1__item-value">16</div>
                                                <div class="kt-widget-1__item-progress">
                                                    <span class="badge badge-danger">14</span>
                                                </div>
                                            </div>
                                        </a>

                                        <a href="#" class="kt-widget-1__item ">
                                            <div class="kt-widget-1__item-info">
                                                <div href="#" class="kt-widget-1__item-title">
                                                    ID: 303800
                                                </div>
                                                <div class="kt-widget-1__item-desc">
                                                    <small>
								Atomicorp.com WAF Rules: Fake Googlebot webcrawler
							</small>
                                                </div>
                                            </div>
                                            <div class="kt-widget-1__item-stats">
                                                <div class="kt-widget-1__item-value">6</div>
                                                <div class="kt-widget-1__item-progress">
                                                    <span class="badge badge-danger">14</span>
                                                </div>
                                            </div>
                                        </a>

                                        <a href="#" class="kt-widget-1__item ">
                                            <div class="kt-widget-1__item-info">
                                                <div href="#" class="kt-widget-1__item-title">
                                                    ID: 23508
                                                </div>
                                                <div class="kt-widget-1__item-desc">
                                                    <small>
								$(vulnerability.title)
							</small>
                                                </div>
                                            </div>
                                            <div class="kt-widget-1__item-stats">
                                                <div class="kt-widget-1__item-value">24</div>
                                                <div class="kt-widget-1__item-progress">
                                                    <span class="badge badge-danger">13</span>
                                                </div>
                                            </div>
                                        </a>

                                        <a href="#" class="kt-widget-1__item ">
                                            <div class="kt-widget-1__item-info">
                                                <div href="#" class="kt-widget-1__item-title">
                                                    ID: 40112
                                                </div>
                                                <div class="kt-widget-1__item-desc">
                                                    <small>
								Multiple authentication failures followed by a success.
							</small>
                                                </div>
                                            </div>
                                            <div class="kt-widget-1__item-stats">
                                                <div class="kt-widget-1__item-value">32</div>
                                                <div class="kt-widget-1__item-progress">
                                                    <span class="badge badge-danger">12</span>
                                                </div>
                                            </div>
                                        </a>

                                        <a href="#" class="kt-widget-1__item ">
                                            <div class="kt-widget-1__item-info">
                                                <div href="#" class="kt-widget-1__item-title">
                                                    ID: 554
                                                </div>
                                                <div class="kt-widget-1__item-desc">
                                                    <small>
								File added to the system.
							</small>
                                                </div>
                                            </div>
                                            <div class="kt-widget-1__item-stats">
                                                <div class="kt-widget-1__item-value">18958</div>
                                                <div class="kt-widget-1__item-progress">
                                                    <span class="badge badge-warning">5</span>
                                                </div>
                                            </div>
                                        </a>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-12 col-xl-8 order-lg-2 order-xl-1">
                            <!--begin::Portlet-->
                            <div class="kt-portlet kt-portlet--height-fluid">
                                <div class="kt-portlet__head">
                                    <div class="kt-portlet__head-label">
                                        <h3 class="kt-portlet__head-title">Recent Events
                                            <small>working on</small>
                                        </h3>
                                    </div>
                                    <div class="kt-portlet__head-toolbar">
                                        <div class="kt-portlet__head-wrapper">
                                            <div class="dropdown dropdown-inline">
                                                <button type="button" class="btn btn-label-brand btn-sm btn-bold dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Export
  </button>
                                                <div class="dropdown-menu dropdown-menu-right">
                                                    <ul class="kt-nav">
                                                        <li class="kt-nav__section kt-nav__section--first">
                                                            <span class="kt-nav__section-text">Export Tools</span>
                                                        </li>
                                                        <li class="kt-nav__item">
                                                            <a href="#" class="kt-nav__link">
          <i class="kt-nav__link-icon la la-print"></i>
          <span class="kt-nav__link-text">Print</span>
        </a>
                                                        </li>
                                                        <li class="kt-nav__item">
                                                            <a href="#" class="kt-nav__link">
          <i class="kt-nav__link-icon la la-copy"></i>
          <span class="kt-nav__link-text">Copy</span>
        </a>
                                                        </li>
                                                        <li class="kt-nav__item">
                                                            <a href="#" class="kt-nav__link">
          <i class="kt-nav__link-icon la la-file-excel-o"></i>
          <span class="kt-nav__link-text">Excel</span>
        </a>
                                                        </li>
                                                        <li class="kt-nav__item">
                                                            <a href="#" class="kt-nav__link">
          <i class="kt-nav__link-icon la la-file-text-o"></i>
          <span class="kt-nav__link-text">CSV</span>
        </a>
                                                        </li>
                                                        <li class="kt-nav__item">
                                                            <a href="#" class="kt-nav__link">
          <i class="kt-nav__link-icon la la-file-pdf-o"></i>
          <span class="kt-nav__link-text">PDF</span>
        </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="kt-portlet__body kt-portlet__body--fluid">
                                    <div class="kt-widget-9">
                                        <div class="kt-widget-9__panel">
                                            <div class="kt-widget-9__legends">
                                                <div class="kt-widget-9__legend">
                                                    <div class="kt-widget-9__legend-bullet kt-bg-brand"></div>
                                                    <div class="kt-widget-9__legend-label">Events</div>
                                                </div>
                                                <div class="kt-widget-9__legend">
                                                    <div class="kt-widget-9__legend-bullet kt-label-bg-color-1"></div>
                                                    <div class="kt-widget-9__legend-label">Level</div>
                                                </div>
                                            </div>
                                            <div class="kt-widget-9__toolbar">
                                                <div class="dropdown dropdown-inline">
                                                    <button type="button" class="btn btn-default dropdown-toggle btn-font-sm btn-bold btn-upper" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
										Last 24 hours
									</button>
                                                    <div class="dropdown-menu dropdown-menu-right">
                                                        <ul class="kt-nav">
                                                            <li class="kt-nav__section kt-nav__section--first">
                                                                <span class="kt-nav__section-text">Range</span>
                                                            </li>
                                                            <li class="kt-nav__item">
                                                                <a href="#" class="kt-nav__link">
													<span class="kt-nav__link-text">Last 24 hours</span>
												</a>
                                                            </li>
                                                            <li class="kt-nav__item">
                                                                <a href="#" class="kt-nav__link">
													<span class="kt-nav__link-text">10 days</span>
												</a>
                                                            </li>
                                                            <li class="kt-nav__item">
                                                                <a href="#" class="kt-nav__link">
													<span class="kt-nav__link-text">last month</span>
												</a>
                                                            </li>
                                                            <li class="kt-nav__item">
                                                                <a href="#" class="kt-nav__link">
													<span class="kt-nav__link-text">last quarter</span>
												</a>
                                                            </li>
                                                            <li class="kt-nav__item">
                                                                <a href="#" class="kt-nav__link">
													<span class="kt-nav__link-text">last year</span>
												</a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="kt-widget-9__chart">
                                            <div class="chartjs-size-monitor">
                                                <div class="chartjs-size-monitor-expand">
                                                    <div class=""></div>
                                                </div>
                                                <div class="chartjs-size-monitor-shrink">
                                                    <div class=""></div>
                                                </div>
                                            </div>
                                            <!--Doc: For the chart initialization refer to "widgetSalesStatisticsChart" function in "src\theme\app\scripts\custom\dashboard.js" -->
                                            <canvas id="kt_chart_sales_statistics" height="600" width="1580" class="chartjs-render-monitor" style="display: block; height: 300px; width: 790px;"></canvas>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--end::Portlet-->
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-lg-6 col-xl-4 order-lg-1 order-xl-1">
                            <!--begin::Portlet-->
                            <div class="kt-portlet kt-portlet--height-fluid">
                                <div class="kt-portlet__head kt-portlet__head--noborder">
                                    <div class="kt-portlet__head-label">
                                        <h3 class="kt-portlet__head-title">Top Sources
                                            <small>working on better donut</small>
                                        </h3>
                                    </div>
                                </div>
                                <div class="kt-portlet__body kt-portlet__body--fluid">
                                    <div class="kt-widget-21">
                                        <div class="kt-widget-21__title">
                                            <div class="kt-widget-21__label"></div>
                                        </div>
                                        <div class="kt-widget-21__data">
                                            <div class="kt-widget-21__legends">
                                                <div class="kt-widget-21__legend">
                                                    <i class="kt-bg-brand"></i>
                                                    <span>127.0.0.1</span>
                                                </div>
                                                <div class="kt-widget-21__legend">
                                                    <i class="kt-shape-bg-color-4"></i>
                                                    <span>127.0.0.5</span>
                                                </div>
                                                <div class="kt-widget-21__legend">
                                                    <i class="kt-shape-bg-color-3"></i>
                                                    <span>127.0.0.7</span>
                                                </div>
                                                <div class="kt-widget-21__legend">
                                                    <i class="kt-shape-bg-color-3"></i>
                                                    <span>127.0.10.7</span>
                                                </div>
                                                <div class="kt-widget-21__legend">
                                                    <i class="kt-shape-bg-color-3"></i>
                                                    <span>127.0.20.7</span>
                                                </div>
                                            </div>
                                            <div class="kt-widget-21__chart">
                                                <div class="chartjs-size-monitor">
                                                    <div class="chartjs-size-monitor-expand">
                                                        <div class=""></div>
                                                    </div>
                                                    <div class="chartjs-size-monitor-shrink">
                                                        <div class=""></div>
                                                    </div>
                                                </div>
                                                <canvas id="kt_widget_technologies_chart" style="height: 100px; width: 100px; display: block;" width="200" height="200" class="chartjs-render-monitor"></canvas>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--end::Portlet-->
                        </div>

                        <div class="col-lg-6 col-xl-4 order-lg-1 order-xl-1">
                            <!--begin::Portlet-->
                            <div class="kt-portlet kt-portlet--height-fluid">
                                <div class="kt-portlet__head kt-portlet__head--noborder">
                                    <div class="kt-portlet__head-label">
                                        <h3 class="kt-portlet__head-title">High Level Metrics</h3>
                                    </div>
                                </div>
                                <div class="kt-portlet__body kt-portlet__body--fluid">
                                    <div class="kt-widget-13" style="width: 100%">
                                        <div class="kt-widget-13__body">
                                            <div class="kt-widget-13__progress">
                                                <div class="kt-widget-13__progress-info">
                                                    <div class="kt-widget-13__progress-status">
                                                        Vulnerabilities
                                                    </div>

                                                </div>
                                                <div class="progress">
                                                    <div class="progress-bar bg-brand" role="progressbar" style="width: 8%" aria-valuenow="8" aria-valuemin="0" aria-valuemax="100"></div>
                                                    <div class="progress-bar bg-success" role="progressbar" style="width: 30%" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>
                                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 32%" aria-valuenow="32" aria-valuemin="0" aria-valuemax="100"></div>
                                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 30%" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="kt-widget-13__foot">
                                            <div class="kt-widget-13__progress">
                                                <div class="kt-widget-13__progress-info">
                                                    <div class="kt-widget-13__progress-status">
                                                        Disk Space / Boot
                                                    </div>
                                                    <div class="kt-widget-13__progress-value">19%</div>
                                                </div>
                                                <div class="progress">
                                                    <div class="progress-bar kt-bg-brand" role="progressbar" style="width: 19%" aria-valuenow="19" aria-valuemin="0" aria-valuemax="100"></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="kt-widget-13__foot">
                                            <div class="kt-widget-13__progress">
                                                <div class="kt-widget-13__progress-info">
                                                    <div class="kt-widget-13__progress-status">
                                                        Disk Space / Var
                                                    </div>
                                                    <div class="kt-widget-13__progress-value">19%</div>
                                                </div>
                                                <div class="progress">
                                                    <div class="progress-bar kt-bg-brand" role="progressbar" style="width: 19%" aria-valuenow="19" aria-valuemin="0" aria-valuemax="100"></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="kt-widget-13__foot">
                                            <div class="kt-widget-13__progress">
                                                <div class="kt-widget-13__progress-info">
                                                    <div class="kt-widget-13__progress-status">
                                                        Physical Memory
                                                    </div>
                                                    <div class="kt-widget-13__progress-value">8%</div>
                                                </div>
                                                <div class="progress">
                                                    <div class="progress-bar kt-bg-brand" role="progressbar" style="width: 8%" aria-valuenow="8" aria-valuemin="0" aria-valuemax="100"></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="kt-widget-13__foot">
                                            <div class="kt-widget-13__progress">
                                                <div class="kt-widget-13__progress-info">
                                                    <div class="kt-widget-13__progress-status">
                                                        Swap Memory
                                                    </div>
                                                    <div class="kt-widget-13__progress-value">4%</div>
                                                </div>
                                                <div class="progress">
                                                    <div class="progress-bar kt-bg-brand" role="progressbar" style="width: 4%" aria-valuenow="4" aria-valuemin="0" aria-valuemax="100"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--end::Portlet-->
                        </div>

                        <div class="col-lg-6 col-xl-4 order-lg-1 order-xl-1">
                            <!--begin::Portlet-->
                            <div class="kt-portlet kt-portlet--height-fluid kt-widget-10">
                                <div class="kt-portlet__body">
                                    <div class="kt-widget-10__wrapper">
                                        <div class="kt-widget-10__details">
                                            <div class="kt-widget-10__title">System Load</div>

                                            <div class="kt-widget-10__desc">[Label]</div>
                                        </div>
                                        <div class="kt-widget-10__num">
                                            Avg. 4.75
                                        </div>
                                    </div>
                                </div>
                                <div class="kt-portlet__body kt-portlet__body--fit">
                                    <div class="kt-widget-10__chart">
                                        <div class="chartjs-size-monitor">
                                            <div class="chartjs-size-monitor-expand">
                                                <div class=""></div>
                                            </div>
                                            <div class="chartjs-size-monitor-shrink">
                                                <div class=""></div>
                                            </div>
                                        </div>
                                        <canvas id="kt_widget_mini_chart_3" height="200" width="794" class="chartjs-render-monitor" style="display: block; height: 100px; width: 397px;"></canvas>
                                    </div>
                                </div>
                            </div>
                            <!--end::Portlet-->
                        </div>

                    </div>

                </div>
                <!-- end:: Content -->
            </div>

            <!-- begin:: Footer -->
            <div class="kt-footer kt-grid__item kt-grid kt-grid--desktop kt-grid--ver-desktop">
                <div class="kt-container  kt-container--fluid ">
                    <div class="kt-footer__copyright">
                        2020&nbsp;&copy;&nbsp;
                        <a href="." target="_blank" class="kt-link">Atomicorp</a>&nbsp;<a href="" title="release notes">6.1.1</a>
                    </div>
                    <div class="kt-footer__menu">
                        <div class="kt-footer__menu">
                            <a class="kt-footer__menu-link kt-link" href="https://www.atomicorp.com/wiki/index.php/ASL_FAQ" target="_blank">
					FAQ
				</a>
                            <a class="kt-footer__menu-link kt-link" href="https://atomicorp.com/forums/" target="_blank">
					Forums
				</a>
                            <a class="kt-footer__menu-link kt-link" href="https://www.atomicorp.com/support/support-portal.html" target="_blank">
					Support
				</a>
                            <a class="kt-footer__menu-link kt-link" href="https://www.atomicorp.com/wiki/index.php" target="_blank">
					Documentation
				</a>
                            <a class="kt-footer__menu-link kt-link" href="https://www.atomicorp.com/support/license-manager.html" target="_blank">
					License Manager
				</a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- end:: Footer -->

        </div>

        <!-- end:: Wrapper -->
    </div>

    <!-- end:: Page -->
</div>
{% extends '@page' %}

{% block main %}

	<div class="row">
		<div class="col">
			<div class="alert alert-light alert-elevate fade show" role="alert">
				<div class="alert-icon">
					<i class="flaticon-warning kt-font-brand"></i>
				</div>
				<div class="alert-text">
					<strong>Foo Alert Lorem ipsum
					</strong>
					<br/>dolor sit amet, consectetur adipiscing elit. Phasellus justo magna, iaculis eu urna accumsan, ultricies facilisis sapien.
				</div>
			</div>
		</div>
	</div>

	<div class="row">
		<div class="col-lg-6 col-xl-4 order-lg-1 order-xl-1">
			{% render "@top-events" %}
		</div>
		<div class="col-lg-12 col-xl-8 order-lg-2 order-xl-1">
			{% render "@recent-events" %}
		</div>
	</div>


	<div class="row">
		<div class="col-lg-6 col-xl-4 order-lg-1 order-xl-1">
			{% render "@top-sources" %}
		</div>

		<div
			class="col-lg-6 col-xl-4 order-lg-1 order-xl-1">
			<!--begin::Portlet-->
			<div class="kt-portlet kt-portlet--height-fluid">
				<div class="kt-portlet__head kt-portlet__head--noborder">
					<div class="kt-portlet__head-label">
						<h3 class="kt-portlet__head-title">High Level Metrics</h3>
					</div>
				</div>
				<div class="kt-portlet__body kt-portlet__body--fluid">
					<div class="kt-widget-13" style="width: 100%">
						<div class="kt-widget-13__body">
							<div class="kt-widget-13__progress">
								<div class="kt-widget-13__progress-info">
									<div class="kt-widget-13__progress-status">
										Vulnerabilities
									</div>
									{# <div class="kt-widget-13__progress-value">19%</div> #}
								</div>
								<div class="progress">
									<div class="progress-bar bg-brand" role="progressbar" style="width: 8%" aria-valuenow="8" aria-valuemin="0" aria-valuemax="100"></div>
									<div class="progress-bar bg-success" role="progressbar" style="width: 30%" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>
									<div class="progress-bar bg-warning" role="progressbar" style="width: 32%" aria-valuenow="32" aria-valuemin="0" aria-valuemax="100"></div>
									<div class="progress-bar bg-danger" role="progressbar" style="width: 30%" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>
								</div>
							</div>
						</div>
						<div class="kt-widget-13__foot">
							<div class="kt-widget-13__progress">
								<div class="kt-widget-13__progress-info">
									<div class="kt-widget-13__progress-status">
										Disk Space / Boot
									</div>
									<div class="kt-widget-13__progress-value">19%</div>
								</div>
								<div class="progress">
									<div class="progress-bar kt-bg-brand" role="progressbar" style="width: 19%" aria-valuenow="19" aria-valuemin="0" aria-valuemax="100"></div>
								</div>
							</div>
						</div>
						<div class="kt-widget-13__foot">
							<div class="kt-widget-13__progress">
								<div class="kt-widget-13__progress-info">
									<div class="kt-widget-13__progress-status">
										Disk Space / Var
									</div>
									<div class="kt-widget-13__progress-value">19%</div>
								</div>
								<div class="progress">
									<div class="progress-bar kt-bg-brand" role="progressbar" style="width: 19%" aria-valuenow="19" aria-valuemin="0" aria-valuemax="100"></div>
								</div>
							</div>
						</div>
						<div class="kt-widget-13__foot">
							<div class="kt-widget-13__progress">
								<div class="kt-widget-13__progress-info">
									<div class="kt-widget-13__progress-status">
										Physical Memory
									</div>
									<div class="kt-widget-13__progress-value">8%</div>
								</div>
								<div class="progress">
									<div class="progress-bar kt-bg-brand" role="progressbar" style="width: 8%" aria-valuenow="8" aria-valuemin="0" aria-valuemax="100"></div>
								</div>
							</div>
						</div>
						<div class="kt-widget-13__foot">
							<div class="kt-widget-13__progress">
								<div class="kt-widget-13__progress-info">
									<div class="kt-widget-13__progress-status">
										Swap Memory
									</div>
									<div class="kt-widget-13__progress-value">4%</div>
								</div>
								<div class="progress">
									<div class="progress-bar kt-bg-brand" role="progressbar" style="width: 4%" aria-valuenow="4" aria-valuemin="0" aria-valuemax="100"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--end::Portlet-->
		</div>

		<div
			class="col-lg-6 col-xl-4 order-lg-1 order-xl-1">
			<!--begin::Portlet-->
			<div class="kt-portlet kt-portlet--height-fluid kt-widget-10">
				<div class="kt-portlet__body">
					<div class="kt-widget-10__wrapper">
						<div class="kt-widget-10__details">
							<div class="kt-widget-10__title">System Load</div>
							{# health of system here (excellent, warning, error) #}
							<div class="kt-widget-10__desc">[Label]</div>
						</div>
						<div class="kt-widget-10__num">
							Avg. 4.75
						</div>
					</div>
				</div>
				<div class="kt-portlet__body kt-portlet__body--fit">
					<div class="kt-widget-10__chart">
						<div class="chartjs-size-monitor">
							<div class="chartjs-size-monitor-expand">
								<div class=""></div>
							</div>
							<div class="chartjs-size-monitor-shrink">
								<div class=""></div>
							</div>
						</div>
						<canvas id="kt_widget_mini_chart_3" height="200" width="794" class="chartjs-render-monitor" style="display: block; height: 100px; width: 397px;"></canvas>
					</div>
				</div>
			</div>
			<!--end::Portlet-->
		</div>

	</div>

{% endblock %}
{
  "footer": true
}

There are no notes for this item.