<div class="sidebar sidebar-dark sidebar-fixed sidebar-self-hiding-xl show" id="sidebar">
    <div class="sidebar-brand d-none d-md-flex">
        <svg class="sidebar-brand-full" width="118" height="46" alt="CoreUI Logo">
            <use xlink:href="assets/brand/coreui.svg#full"></use>
        </svg>
        <svg class="sidebar-brand-narrow" width="46" height="46" alt="CoreUI Logo">
            <use xlink:href="assets/brand/coreui.svg#signet"></use>
        </svg>
    </div>
    <ul class="sidebar-nav" data-coreui="navigation" data-simplebar="init">
        <div class="simplebar-wrapper" style="margin: 0px;">
            <div class="simplebar-height-auto-observer-wrapper">
                <div class="simplebar-height-auto-observer"></div>
            </div>
            <div class="simplebar-mask">
                <div class="simplebar-offset" style="right: 0px; bottom: 0px;">
                    <div class="simplebar-content-wrapper" style="height: 100%; overflow: hidden scroll;">
                        <div class="simplebar-content" style="padding: 0px;">
                            <li class="nav-item"><a class="nav-link" href="index.html">
                                    <svg class="nav-icon">
                                        <use xlink:href="vendor/coreui/icons/svg/free.svg#cil-speedometer"></use>
                                    </svg> Dashboard<span class="badge bg-info-gradient ms-auto">NEW</span></a></li>
                            <li class="nav-title">Theme</li>
                            <li class="nav-item"><a class="nav-link" href="colors.html">
                                    <svg class="nav-icon">
                                        <use xlink:href="vendor/coreui/icons/svg/free.svg#cil-drop"></use>
                                    </svg> Colors</a></li>
                            <li class="nav-item"><a class="nav-link" href="typography.html">
                                    <svg class="nav-icon">
                                        <use xlink:href="vendor/coreui/icons/svg/free.svg#cil-pencil"></use>
                                    </svg> Typography</a></li>
                            <li class="nav-title">Components</li>
                            <li class="nav-group"><a class="nav-link nav-group-toggle" href="#">
                                    <svg class="nav-icon">
                                        <use xlink:href="vendor/coreui/icons/svg/free.svg#cil-puzzle"></use>
                                    </svg> Base</a>
                                <ul class="nav-group-items">
                                    <li class="nav-item"><a class="nav-link" href="base/accordion.html"><span
                                                class="nav-icon"></span> Accordion</a></li>
                                    <li class="nav-item"><a class="nav-link" href="base/breadcrumb.html"><span
                                                class="nav-icon"></span> Breadcrumb</a></li>
                                    <li class="nav-item"><a class="nav-link" href="base/cards.html"><span
                                                class="nav-icon"></span> Cards</a></li>
                                    <li class="nav-item"><a class="nav-link" href="base/carousel.html"><span
                                                class="nav-icon"></span> Carousel</a></li>
                                    <li class="nav-item"><a class="nav-link" href="base/collapse.html"><span
                                                class="nav-icon"></span> Collapse</a></li>
                                    <li class="nav-item"><a class="nav-link" href="base/list-group.html"><span
                                                class="nav-icon"></span> List group</a></li>
                                    <li class="nav-item"><a class="nav-link" href="base/navs.html"><span
                                                class="nav-icon"></span> Navs</a></li>
                                    <li class="nav-item"><a class="nav-link" href="base/pagination.html"><span
                                                class="nav-icon"></span> Pagination</a></li>
                                    <li class="nav-item"><a class="nav-link" href="base/popovers.html"><span
                                                class="nav-icon"></span> Popovers</a></li>
                                    <li class="nav-item"><a class="nav-link" href="base/progress.html"><span
                                                class="nav-icon"></span> Progress</a></li>
                                    <li class="nav-item"><a class="nav-link" href="base/scrollspy.html"><span
                                                class="nav-icon"></span> Scrollspy</a></li>
                                    <li class="nav-item"><a class="nav-link" href="base/spinners.html"><span
                                                class="nav-icon"></span> Spinners</a></li>
                                    <li class="nav-item"><a class="nav-link" href="base/tables.html"><span
                                                class="nav-icon"></span> Tables</a></li>
                                    <li class="nav-item"><a class="nav-link" href="base/tabs.html"><span
                                                class="nav-icon"></span> Tabs</a></li>
                                    <li class="nav-item"><a class="nav-link" href="base/tooltips.html"><span
                                                class="nav-icon"></span> Tooltips</a></li>
                                </ul>
                            </li>
                            <li class="nav-group"><a class="nav-link nav-group-toggle" href="#">
                                    <svg class="nav-icon">
                                        <use xlink:href="vendor/coreui/icons/svg/free.svg#cil-cursor"></use>
                                    </svg> Buttons</a>
                                <ul class="nav-group-items">
                                    <li class="nav-item"><a class="nav-link" href="buttons/buttons.html"><span
                                                class="nav-icon"></span> Buttons</a></li>
                                    <li class="nav-item"><a class="nav-link" href="buttons/button-group.html"><span
                                                class="nav-icon"></span> Buttons Group</a></li>
                                    <li class="nav-item"><a class="nav-link" href="buttons/loading-buttons.html">
                                            Loading Buttons<span class="badge bg-danger-gradient ms-auto">PRO</span></a>
                                    </li>
                                    <li class="nav-item"><a class="nav-link" href="buttons/dropdowns.html"><span
                                                class="nav-icon"></span> Dropdowns</a></li>
                                </ul>
                            </li>
                            <li class="nav-group"><a class="nav-link nav-group-toggle" href="#">
                                    <svg class="nav-icon">
                                        <use xlink:href="vendor/coreui/icons/svg/free.svg#cil-notes"></use>
                                    </svg> Forms</a>
                                <ul class="nav-group-items">
                                    <li class="nav-item"><a class="nav-link" href="forms/form-control.html"> Form
                                            Control</a></li>
                                    <li class="nav-item"><a class="nav-link" href="forms/select.html"> Select</a></li>
                                    <li class="nav-item"><a class="nav-link" href="forms/multi-select.html"><span
                                                class="nav-icon"></span> Multi Select<span
                                                class="badge bg-danger-gradient ms-auto">PRO</span></a></li>
                                    <li class="nav-item"><a class="nav-link" href="forms/checks-radios.html"> Checks and
                                            radios</a></li>
                                    <li class="nav-item"><a class="nav-link" href="forms/range.html"> Range</a></li>
                                    <li class="nav-item"><a class="nav-link" href="forms/input-group.html"> Input
                                            group</a></li>
                                    <li class="nav-item"><a class="nav-link" href="forms/floating-labels.html"> Floating
                                            labels</a></li>
                                    <li class="nav-item"><a class="nav-link" href="forms/layout.html"> Layout</a></li>
                                    <li class="nav-item"><a class="nav-link" href="forms/validation.html">
                                            Validation</a></li>
                                </ul>
                            </li>
                            <li class="nav-group"><a class="nav-link nav-group-toggle" href="#">
                                    <svg class="nav-icon">
                                        <use xlink:href="vendor/coreui/icons/svg/free.svg#cil-star"></use>
                                    </svg> Icons</a>
                                <ul class="nav-group-items">
                                    <li class="nav-item"><a class="nav-link" href="icons/coreui-icons-free.html"> CoreUI
                                            Icons<span class="badge badge-sm bg-success ms-auto">Free</span></a></li>
                                    <li class="nav-item"><a class="nav-link" href="icons/coreui-icons-brand.html">
                                            CoreUI Icons - Brand</a></li>
                                    <li class="nav-item"><a class="nav-link" href="icons/coreui-icons-flag.html"> CoreUI
                                            Icons - Flag</a></li>
                                </ul>
                            </li>
                            <li class="nav-group"><a class="nav-link nav-group-toggle" href="#">
                                    <svg class="nav-icon">
                                        <use xlink:href="vendor/coreui/icons/svg/free.svg#cil-bell"></use>
                                    </svg> Notifications</a>
                                <ul class="nav-group-items">
                                    <li class="nav-item"><a class="nav-link" href="notifications/alerts.html"><span
                                                class="nav-icon"></span> Alerts</a></li>
                                    <li class="nav-item"><a class="nav-link" href="notifications/badge.html"><span
                                                class="nav-icon"></span> Badge</a></li>
                                    <li class="nav-item"><a class="nav-link" href="notifications/modals.html"><span
                                                class="nav-icon"></span> Modals</a></li>
                                    <li class="nav-item"><a class="nav-link" href="notifications/toasts.html"><span
                                                class="nav-icon"></span> Toasts</a></li>
                                </ul>
                            </li>
                            <li class="nav-item"><a class="nav-link" href="widgets.html">
                                    <svg class="nav-icon">
                                        <use xlink:href="vendor/coreui/icons/svg/free.svg#cil-calculator"></use>
                                    </svg> Widgets<span class="badge bg-info-gradient ms-auto">NEW</span></a></li>
                            <li class="nav-divider"></li>
                            <li class="nav-title">Plugins</li>
                            <li class="nav-item"><a class="nav-link" href="calendar.html">
                                    <svg class="nav-icon">
                                        <use xlink:href="vendor/coreui/icons/svg/free.svg#cil-calendar"></use>
                                    </svg> Calendar<span class="badge bg-danger-gradient ms-auto">PRO</span></a></li>
                            <li class="nav-item"><a class="nav-link" href="charts.html">
                                    <svg class="nav-icon">
                                        <use xlink:href="vendor/coreui/icons/svg/free.svg#cil-chart-pie"></use>
                                    </svg> Charts</a></li>
                            <li class="nav-item"><a class="nav-link" href="datatables.html">
                                    <svg class="nav-icon">
                                        <use xlink:href="vendor/coreui/icons/svg/free.svg#cil-spreadsheet"></use>
                                    </svg> DataTables<span class="badge bg-danger-gradient ms-auto">PRO</span></a></li>
                            <li class="nav-item"><a class="nav-link" href="google-maps.html">
                                    <svg class="nav-icon">
                                        <use xlink:href="vendor/coreui/icons/svg/free.svg#cil-map"></use>
                                    </svg> Google Maps<span class="badge bg-danger-gradient ms-auto">PRO</span></a></li>
                            <li class="nav-title">Extras</li>
                            <li class="nav-group"><a class="nav-link nav-group-toggle" href="#">
                                    <svg class="nav-icon">
                                        <use xlink:href="vendor/coreui/icons/svg/free.svg#cil-star"></use>
                                    </svg> Pages</a>
                                <ul class="nav-group-items">
                                    <li class="nav-item"><a class="nav-link" href="login.html" target="_top">
                                            <svg class="nav-icon">
                                                <use xlink:href="vendor/coreui/icons/svg/free.svg#cil-account-logout">
                                                </use>
                                            </svg> Login</a></li>
                                    <li class="nav-item"><a class="nav-link" href="register.html" target="_top">
                                            <svg class="nav-icon">
                                                <use xlink:href="vendor/coreui/icons/svg/free.svg#cil-account-logout">
                                                </use>
                                            </svg> Register</a></li>
                                    <li class="nav-item"><a class="nav-link" href="404.html" target="_top">
                                            <svg class="nav-icon">
                                                <use xlink:href="vendor/coreui/icons/svg/free.svg#cil-bug"></use>
                                            </svg> Error 404</a></li>
                                    <li class="nav-item"><a class="nav-link" href="500.html" target="_top">
                                            <svg class="nav-icon">
                                                <use xlink:href="vendor/coreui/icons/svg/free.svg#cil-bug"></use>
                                            </svg> Error 500</a></li>
                                </ul>
                            </li>
                            <li class="nav-group"><a class="nav-link nav-group-toggle" href="#">
                                    <svg class="nav-icon">
                                        <use xlink:href="vendor/coreui/icons/svg/free.svg#cil-layers"></use>
                                    </svg> Apps</a>
                                <ul class="nav-group-items">
                                    <li class="nav-group"><a class="nav-link nav-group-toggle" href="#">
                                            <svg class="nav-icon">
                                                <use xlink:href="vendor/coreui/icons/svg/free.svg#cil-description">
                                                </use>
                                            </svg> Invoicing</a>
                                        <ul class="nav-group-items">
                                            <li class="nav-item"><a class="nav-link" href="apps/invoicing/invoice.html">
                                                    Invoice<span class="badge bg-danger-gradient ms-auto">PRO</span></a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="nav-group"><a class="nav-link nav-group-toggle" href="#">
                                            <svg class="nav-icon">
                                                <use xlink:href="vendor/coreui/icons/svg/free.svg#cil-envelope-open">
                                                </use>
                                            </svg> Email</a>
                                        <ul class="nav-group-items">
                                            <li class="nav-item"><a class="nav-link" href="apps/email/inbox.html">
                                                    Inbox<span class="badge bg-danger-gradient ms-auto">PRO</span></a>
                                            </li>
                                            <li class="nav-item"><a class="nav-link" href="apps/email/message.html">
                                                    Message<span class="badge bg-danger-gradient ms-auto">PRO</span></a>
                                            </li>
                                            <li class="nav-item"><a class="nav-link" href="apps/email/compose.html">
                                                    Compose<span class="badge bg-danger-gradient ms-auto">PRO</span></a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li class="nav-item mt-auto"><a class="nav-link" href="docs.html">
                                    <svg class="nav-icon">
                                        <use xlink:href="vendor/coreui/icons/svg/free.svg#cil-description"></use>
                                    </svg> Docs</a></li>
                            <li class="nav-title">System Utilization</li>
                            <li class="nav-item px-3 d-narrow-none">
                                <div class="text-uppercase mb-1"><small><b>CPU Usage</b></small></div>
                                <div class="progress progress-thin">
                                    <div class="progress-bar bg-info-gradient" role="progressbar" style="width: 25%"
                                        aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                </div><small class="text-medium-emphasis-inverse">348 Processes. 1/4 Cores.</small>
                            </li>
                            <li class="nav-item px-3 d-narrow-none">
                                <div class="text-uppercase mb-1"><small><b>Memory Usage</b></small></div>
                                <div class="progress progress-thin">
                                    <div class="progress-bar bg-warning-gradient" role="progressbar" style="width: 70%"
                                        aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
                                </div><small class="text-medium-emphasis-inverse">11444GB/16384MB</small>
                            </li>
                            <li class="nav-item px-3 mb-3 d-narrow-none">
                                <div class="text-uppercase mb-1"><small><b>SSD 1 Usage</b></small></div>
                                <div class="progress progress-thin">
                                    <div class="progress-bar bg-danger-gradient" role="progressbar" style="width: 95%"
                                        aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div>
                                </div><small class="text-medium-emphasis-inverse">243GB/256GB</small>
                            </li>
                        </div>
                    </div>
                </div>
            </div>
            <div class="simplebar-placeholder" style="width: 256px; height: 1296px;"></div>
        </div>
        <div class="simplebar-track simplebar-horizontal" style="visibility: hidden;">
            <div class="simplebar-scrollbar" style="width: 0px; display: none;"></div>
        </div>
        <div class="simplebar-track simplebar-vertical" style="visibility: visible;">
            <div class="simplebar-scrollbar"
                style="height: 44px; transform: translate3d(0px, 0px, 0px); display: block;"></div>
        </div>
    </ul>
    <button class="sidebar-toggler" type="button" data-coreui-toggle="unfoldable"></button>
</div><?php /**PATH /data/docker/wjc/portal/resources/views/layouts/sidebar.blade.php ENDPATH**/ ?>