<aside class="sidebar-left border-right bg-white shadow" id="leftSidebar" data-simplebar>
        <a href="#" class="btn collapseSidebar toggle-btn d-lg-none text-muted ml-2 mt-3" data-toggle="toggle">
          <i class="fe fe-x"><span class="sr-only"></span></i>
        </a>
        <nav class="vertnav navbar navbar-light">
          <!-- nav bar -->
          <div class="w-100 mb-4 d-flex">
            <a class="navbar-brand mx-auto mt-2 flex-fill text-center" href="./index.html">
              <img src="{{ asset('Frontend/assets/img/logo/logo1.png') }}" alt="">
            </a>
          </div>
          <ul class="navbar-nav flex-fill w-100 mb-2">
            <li class="nav-item dropdown">
              <a href="#dashboard" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle nav-link">
                <i class="fe fe-home fe-16"></i>
                <span class="ml-3 item-text">Dashboard</span><span class="sr-only">(current)</span>
              </a>
              <ul class="collapse list-unstyled pl-4 w-100" id="dashboard">
                <li class="nav-item active">
                  <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/index.html') }}"><span class="ml-1 item-text">Default</span></a>
                </li>
                <li class="nav-item">
                  <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/dashboard-analytics.html') }}"><span class="ml-1 item-text">Analytics</span></a>
                </li>
                <li class="nav-item">
                  <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/dashboard-sales.html') }}"><span class="ml-1 item-text">E-commerce</span></a>
                </li>
                <li class="nav-item">
                  <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/dashboard-saas.html') }}"><span class="ml-1 item-text">Saas Dashboard</span></a>
                </li>
                <li class="nav-item">
                  <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/dashboard-system.html') }}"><span class="ml-1 item-text">Systems</span></a>
                </li>
              </ul>
            </li>
          </ul>
          <ul class="navbar-nav flex-fill w-100 mb-2">
            <li class="nav-item dropdown">
              <a href="#ui-elements" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle nav-link">
                <i class="fe fe-box fe-16"></i>
                <span class="ml-3 item-text">Data User</span>
              </a>
              <ul  class="collapse list-unstyled pl-4 w-100" id="ui-elements">
                <li class="nav-item dropdown">
                    <li class="nav-item">
                      <a class="nav-link pl-3" href="/dashboard/peternak"><span class="ml-1 item-text">Data User Peternak</span>
                      </a>
                    </li>
                </li>
              </ul>
              <ul  class="collapse list-unstyled pl-4 w-100" id="ui-elements">
                <li class="nav-item dropdown">
                    <li class="nav-item">
                      <a class="nav-link pl-3" href="/dashboard/admin"><span class="ml-1 item-text">Data User Admin</span>
                      </a>
                    </li>
                </li>
              </ul>
              <ul  class="collapse list-unstyled pl-4 w-100" id="ui-elements">
                <li class="nav-item dropdown">
                    <li class="nav-item">
                      <a class="nav-link pl-3" href="/dashboard/datapetugas"><span class="ml-1 item-text">Data User Petugas</span>
                      </a>
                    </li>
                </li>
              </ul>
            </li>
          </ul>
          <ul class="navbar-nav flex-fill w-100 mb-2">
            <li class="nav-item dropdown">
              <a href="#ui-elements" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle nav-link">
                <i class="fe fe-box fe-16"></i>
                <span class="ml-3 item-text">Data Dokter</span>
              </a>
              <ul  class="collapse list-unstyled pl-4 w-100" id="ui-elements">
                <li class="nav-item dropdown">
                    <li class="nav-item">
                      <a class="nav-link pl-3" href="/dashboard/dtdokter"><span class="ml-1 item-text">Data Dokter</span>
                      </a>
                    </li>
                </li>
              </ul>
              <ul class="navbar-nav flex-fill w-100 mb-2">
                <li class="nav-item dropdown">
                  <a href="#ui-elements" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle nav-link">
                    <i class="fe fe-box fe-16"></i>
                    <span class="ml-3 item-text">Data Artikel</span>
                  </a>
                  <ul  class="collapse list-unstyled pl-4 w-100" id="ui-elements">
                    <li class="nav-item dropdown">
                        <li class="nav-item">
                          <a class="nav-link pl-3" href="/dashboard/data_artikel"><span class="ml-1 item-text">Data Artikel</span>
                          </a>
                        </li>
                    </li>
                  </ul>
              <ul class="navbar-nav flex-fill w-100 mb-2">
            <li class="nav-item dropdown">
              <a href="#ui-elements" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle nav-link">
                <i class="fe fe-box fe-16"></i>
                <span class="ml-3 item-text">Data Tutorial</span>
              </a>
              <ul  class="collapse list-unstyled pl-4 w-100" id="ui-elements">
                <li class="nav-item dropdown">
                    <li class="nav-item">
                      <a class="nav-link pl-3" href="/dashboard/data_tutorial"><span class="ml-1 item-text">Tutorial</span>
                      </a>
                    </li>
                </li>
              </ul>

              <ul class="navbar-nav flex-fill w-100 mb-2">
                <li class="nav-item dropdown">
                  <a href="#ui-elements" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle nav-link">
                    <i class="fe fe-box fe-16"></i>
                    <span class="ml-3 item-text">Data Puskeswan</span>
                  </a>
                  <ul  class="collapse list-unstyled pl-4 w-100" id="ui-elements">
                    <li class="nav-item dropdown">
                        <li class="nav-item">
                          <a class="nav-link pl-3" href="/dashboard/data_puskeswan"><span class="ml-1 item-text">Data Puskeswan</span>
                          </a>
                        </li>
                    </li>
                  </ul>
                  <ul class="navbar-nav flex-fill w-100 mb-2">
            <li class="nav-item dropdown">
              <a href="#ui-elements" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle nav-link">
                <i class="fe fe-box fe-16"></i>
                <span class="ml-3 item-text">Data Banner</span>
              </a>
              <ul  class="collapse list-unstyled pl-4 w-100" id="ui-elements">
                <li class="nav-item dropdown">
                    <li class="nav-item">
                      <a class="nav-link pl-3" href="/dashboard/data_banner"><span class="ml-1 item-text">Banner</span>
                      </a>
                    </li>
                </li>
              </ul>
                  <ul class="navbar-nav flex-fill w-100 mb-2">
                    <li class="nav-item dropdown">
                      <a href="#ui-elements" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle nav-link">
                        <i class="fe fe-box fe-16"></i>
                        <span class="ml-3 item-text">Data Kritik dan Saran</span>
                      </a>
                      <ul  class="collapse list-unstyled pl-4 w-100" id="ui-elements">
                        <li class="nav-item dropdown">
                            <li class="nav-item">
                              <a class="nav-link pl-3" href="/dashboard/data_ks"><span class="ml-1 item-text">Data Kritik dan Saran</span>
                              </a>
                            </li>
                        </li>
                      </ul>
          {{-- <p class="text-muted nav-heading mt-4 mb-1">
            <span>Components</span>
          </p>
          <ul class="navbar-nav flex-fill w-100 mb-2">
            <li class="nav-item dropdown">
              <a href="#ui-elements" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle nav-link">
                <i class="fe fe-box fe-16"></i>
                <span class="ml-3 item-text">UI elements</span>
              </a>
              <ul class="collapse list-unstyled pl-4 w-100" id="ui-elements">
                <li class="nav-item">
                  <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/ui-color.html') }}"><span class="ml-1 item-text">Colors</span>
                  </a>
                </li>
                <li class="nav-item">
                  <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/ui-typograpy.html') }}"><span class="ml-1 item-text">Typograpy</span></a>
                </li>
                <li class="nav-item">
                  <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/ui-icons.html') }}"><span class="ml-1 item-text">Icons</span></a>
                </li>
                <li class="nav-item">
                  <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/ui-buttons.html') }}"><span class="ml-1 item-text">Buttons</span></a>
                </li>
                <li class="nav-item">
                  <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/ui-notification.html') }}"><span class="ml-1 item-text">Notifications</span></a>
                </li>
                <li class="nav-item">
                  <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/ui-modals.html') }}"><span class="ml-1 item-text">Modals</span></a>
                </li>
                <li class="nav-item">
                  <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/ui-tabs-accordion.html') }}"><span class="ml-1 item-text">Tabs & Accordion</span></a>
                </li>
                <li class="nav-item">
                  <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/ui-progress.html') }}"><span class="ml-1 item-text">Progress</span></a>
                </li>
              </ul>
            </li>
            <li class="nav-item w-100">
              <a class="nav-link" href="widgets.html">
                <i class="fe fe-layers fe-16"></i>
                <span class="ml-3 item-text">Widgets</span>
                <span class="badge badge-pill badge-primary">New</span>
              </a>
            </li>
            <li class="nav-item dropdown">
              <a href="#forms" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle nav-link">
                <i class="fe fe-credit-card fe-16"></i>
                <span class="ml-3 item-text">Forms</span>
              </a>
              <ul class="collapse list-unstyled pl-4 w-100" id="forms">
                <li class="nav-item">
                  <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/form_elements.html') }}"><span class="ml-1 item-text">Basic Elements</span></a>
                </li>
                <li class="nav-item">
                  <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/form_advanced.html') }}"><span class="ml-1 item-text">Advanced Elements</span></a>
                </li>
                <li class="nav-item">
                  <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/form_validation.html') }}"><span class="ml-1 item-text">Validation</span></a>
                </li>
                <li class="nav-item">
                  <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/form_wizard.html') }}"><span class="ml-1 item-text">Wizard</span></a>
                </li>
                <li class="nav-item">
                  <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/form_layouts.html') }}"><span class="ml-1 item-text">Layouts</span></a>
                </li>
                <li class="nav-item">
                  <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/form_upload.html') }}"><span class="ml-1 item-text">File upload</span></a>
                </li>
              </ul>
            </li>
            <li class="nav-item dropdown">
              <a href="#tables" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle nav-link">
                <i class="fe fe-grid fe-16"></i>
                <span class="ml-3 item-text">Tables</span>
              </a>
              <ul class="collapse list-unstyled pl-4 w-100" id="tables">
                <li class="nav-item">
                  <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/table_basic.html') }}"><span class="ml-1 item-text">Basic Tables</span></a>
                </li>
                <li class="nav-item">
                  <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/table_advanced.html') }}"><span class="ml-1 item-text">Advanced Tables</span></a>
                </li>
                <li class="nav-item">
                  <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/table_datatables.html') }}"><span class="ml-1 item-text">Data Tables</span></a>
                </li>
              </ul>
            </li>
            <li class="nav-item dropdown">
              <a href="#charts" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle nav-link">
                <i class="fe fe-pie-chart fe-16"></i>
                <span class="ml-3 item-text">Charts</span>
              </a>
              <ul class="collapse list-unstyled pl-4 w-100" id="charts">
                <li class="nav-item">
                  <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/chart-inline.html') }}"><span class="ml-1 item-text">Inline Chart</span></a>
                </li>
                <li class="nav-item">
                  <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/chart-chartjs.html') }}"><span class="ml-1 item-text">Chartjs</span></a>
                </li>
                <li class="nav-item">
                  <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/chart-apexcharts.html') }}"><span class="ml-1 item-text">ApexCharts</span></a>
                </li>
                <li class="nav-item">
                  <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/datamaps.html') }}"><span class="ml-1 item-text">Datamaps</span></a>
                </li>
              </ul>
            </li>
          </ul>
          <p class="text-muted nav-heading mt-4 mb-1">
            <span>Apps</span>
          </p>
          <ul class="navbar-nav flex-fill w-100 mb-2">
            <li class="nav-item w-100">
              <a class="nav-link" href="calendar.html">
                <i class="fe fe-calendar fe-16"></i>
                <span class="ml-3 item-text">Calendar</span>
              </a>
            </li>
            <li class="nav-item dropdown">
              <a href="#contact" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle nav-link">
                <i class="fe fe-book fe-16"></i>
                <span class="ml-3 item-text">Contacts</span>
              </a>
              <ul class="collapse list-unstyled pl-4 w-100" id="contact">
                <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/contacts-list.html') }}"><span class="ml-1">Contact List</span></a>
                <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/contacts-grid.html') }}"><span class="ml-1">Contact Grid</span></a>
                <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/contacts-new.html') }}"><span class="ml-1">New Contact</span></a>
              </ul>
            </li>
            <li class="nav-item dropdown">
              <a href="#profile" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle nav-link">
                <i class="fe fe-user fe-16"></i>
                <span class="ml-3 item-text">Profile</span>
              </a>
              <ul class="collapse list-unstyled pl-4 w-100" id="profile">
                <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/profile.html') }}"><span class="ml-1">Overview</span></a>
                <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/profile-settings.html') }}"><span class="ml-1">Settings</span></a>
                <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/profile-security.html') }}"><span class="ml-1">Security</span></a>
                <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/profile-notification.html') }}"><span class="ml-1">Notifications</span></a>
              </ul>
            </li>
            <li class="nav-item dropdown">
              <a href="#fileman" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle nav-link">
                <i class="fe fe-folder fe-16"></i>
                <span class="ml-3 item-text">File Manager</span>
              </a>
              <ul class="collapse list-unstyled pl-4 w-100" id="fileman">
                <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/files-list.html') }}"><span class="ml-1">Files List</span></a>
                <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/files-grid.html') }}"><span class="ml-1">Files Grid</span></a>
              </ul>
            </li>
            <li class="nav-item dropdown">
              <a href="#support" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle nav-link">
                <i class="fe fe-compass fe-16"></i>
                <span class="ml-3 item-text">Help Desk</span>
              </a>
              <ul class="collapse list-unstyled pl-4 w-100" id="support">
                <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/support-center.html') }}"><span class="ml-1">Home</span></a>
                <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/support-tickets.html') }}"><span class="ml-1">Tickets</span></a>
                <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/support-ticket-detail.html') }}"><span class="ml-1">Ticket Detail</span></a>
                <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/support-faqs.html') }}"><span class="ml-1">FAQs</span></a>
              </ul>
            </li>
          </ul>
          <p class="text-muted nav-heading mt-4 mb-1">
            <span>Extra</span>
          </p>
          <ul class="navbar-nav flex-fill w-100 mb-2">
            <li class="nav-item dropdown">
              <a href="#pages" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle nav-link">
                <i class="fe fe-file fe-16"></i>
                <span class="ml-3 item-text">Pages</span>
              </a>
              <ul class="collapse list-unstyled pl-4 w-100 w-100" id="pages">
                <li class="nav-item">
                  <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/page-orders.html') }}">
                    <span class="ml-1 item-text">Orders</span>
                  </a>
                </li>
                <li class="nav-item">
                  <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/page-timeline.html') }}">
                    <span class="ml-1 item-text">Timeline</span>
                  </a>
                </li>
                <li class="nav-item">
                  <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/page-invoice.html') }}">
                    <span class="ml-1 item-text">Invoice</span>
                  </a>
                </li>
                <li class="nav-item">
                  <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/page-404.html') }}">
                    <span class="ml-1 item-text">Page 404</span>
                  </a>
                </li>
                <li class="nav-item">
                  <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/page-500.html') }}">
                    <span class="ml-1 item-text">Page 500</span>
                  </a>
                </li>
                <li class="nav-item">
                  <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/page-blank.html') }}">
                    <span class="ml-1 item-text">Blank</span>
                  </a>
                </li>
              </ul>
            </li>
            <li class="nav-item dropdown">
              <a href="#auth" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle nav-link">
                <i class="fe fe-shield fe-16"></i>
                <span class="ml-3 item-text">Authentication</span>
              </a>
              <ul class="collapse list-unstyled pl-4 w-100" id="auth">
                <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/auth-login.html') }}"><span class="ml-1">Login 1</span></a>
                <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/auth-login-half.html') }}"><span class="ml-1">Login 2</span></a>
                <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/auth-register.html') }}"><span class="ml-1">Register</span></a>
                <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/auth-resetpw.html') }}"><span class="ml-1">Reset Password</span></a>
                <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/auth-confirm.html') }}"><span class="ml-1">Confirm Password</span></a>
              </ul>
            </li>
            <li class="nav-item dropdown">
              <a href="#layouts" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle nav-link">
                <i class="fe fe-layout fe-16"></i>
                <span class="ml-3 item-text">Layout</span>
              </a>
              <ul class="collapse list-unstyled pl-4 w-100" id="layouts">
                <li class="nav-item">
                  <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/index.html') }}"><span class="ml-1 item-text">Default</span></a>
                </li>
                <li class="nav-item">
                  <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/index-horizontal.html') }}"><span class="ml-1 item-text">Top Navigation</span></a>
                </li>
                <li class="nav-item">
                  <a class="nav-link pl-3" href="{{ asset('backend/tinydash-master/light/index-boxed.html') }}"><span class="ml-1 item-text">Boxed</span></a>
                </li>
              </ul>
            </li>
          </ul>
          <p class="text-muted nav-heading mt-4 mb-1">
            <span>Documentation</span>
          </p>
          <ul class="navbar-nav flex-fill w-100 mb-2">
            <li class="nav-item w-100">
              <a class="nav-link" href="../docs/index.html">
                <i class="fe fe-help-circle fe-16"></i>
                <span class="ml-3 item-text">Getting Start</span>
              </a>
            </li>
          </ul>
          <div class="btn-box w-100 mt-4 mb-1">
            <a href="https://themeforest.net/item/tinydash-bootstrap-html-admin-dashboard-template/27511269" target="_blank" class="btn mb-2 btn-primary btn-lg btn-block">
              <i class="fe fe-shopping-cart fe-12 mx-2"></i><span class="small">Buy now</span>
            </a>
          </div> --}}
        </nav>
      </aside>