<!DOCTYPE html>
<html lang="en">
<head>
  <title>{{ page_title() }}</title>

  {{ shidashi::include_view("header.html") }}

</head>
<body class="overflow-hidden {{ paste(body_class(), collapse=' ') }}">
<div class="wrapper">

  <!-- Preloader -->
  {{ local({ l = page_loader(); if(is.null(l)) {""} else {l} }) }}

  <!-- Navbar -->
  <nav class="{{ paste(nav_class(), collapse = ' ') }}">
    <!-- Left navbar links -->
    <ul class="navbar-nav">
      <li class="nav-item">
        <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
      </li>
      <li class="nav-item d-none d-sm-inline-block">
        <a href="https://github.com/dipterix/shidashi-templates/tree/master/AdminLTE3-bare" class="nav-link" target="_blank">
          <i class="fas fa-external-link-alt"></i>
          Source Code
        </a>
      </li>
    </ul>

    <!-- Right navbar links -->
    <ul class="navbar-nav ml-auto">

      <!-- Theme switcher -->
      <li class="nav-item">
        <div class="theme-switch-wrapper nav-link">
          <label class="theme-switch" for="__checkbox__">
            <input type="checkbox" id="__checkbox__">
            <span class="slider round"></span>
          </label>
        </div>
      </li>
      <!--li class="nav-item">
        <a class="nav-link" data-widget="fullscreen" href="#" role="button">
          <i class="fas fa-expand-arrows-alt"></i>
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#" role="button">
          <i class="fas fa-th-large"></i>
        </a>
      </li-->
      <li class="nav-item">
        <a class="nav-link" href="#" data-widget="iframe-fullscreen">
          <i class="fas fa-expand"></i>
        </a>
      </li>
    </ul>
  </nav>
  <!-- /.navbar -->

  <!-- Main Sidebar Container -->
  <aside class="main-sidebar sidebar-dark-primary elevation-4">
    <!-- Brand Logo -->
    <a href="#" class="brand-link">
      <img src="{{ page_logo('normal') }}" alt="Logo" class="brand-image img-circle elevation-3" style="opacity: .8">
      <span class="brand-text font-weight-light">{{ page_title(FALSE) }}</span>
    </a>

    <!-- Sidebar -->
    <div class="sidebar">

      <!-- SidebarSearch Form -->
      <div class="form-inline">
        <div class="input-group" data-widget="sidebar-search">
          <input class="form-control form-control-sidebar" type="search" placeholder="Search" aria-label="Search">
          <div class="input-group-append">
            <button class="btn btn-sidebar">
              <i class="fas fa-search fa-fw"></i>
            </button>
          </div>
        </div>
      </div>

      <!-- Sidebar Menu -->
      <nav class="mt-2">
        <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
          {{ shidashi::adminlte_sidebar(shared_id=.shared_id) }}
        </ul>
      </nav>
      <!-- /.sidebar-menu -->
    </div>
    <!-- /.sidebar -->
  </aside>

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper iframe-mode" data-widget="iframe">
    <div class="nav navbar navbar-nav-iframe navbar-expand {{ ifelse('dark-mode' %in% body_class(), 'navbar-dark', 'navbar-light') }}">
      <div class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
          <i class="fa fa-times" role="presentation" aria-label="times icon"></i>
        </a>
        <div class="dropdown-menu" style="margin-top:-1px">
          <a class="dropdown-item" href="#" data-widget="iframe-close" data-type="all">Close all tabs</a>
          <a class="dropdown-item" href="#" data-widget="iframe-close" data-type="all-other">Close other tabs</a>
        </div>
      </div>

      <a class="nav-link" href="#" data-widget="iframe-scrollleft"><i class="fas fa-angle-double-left"></i></a>
      <ul class="navbar-nav overflow-hidden" role="tablist"></ul>
      <a class="nav-link" href="#" data-widget="iframe-scrollright"><i class="fas fa-angle-double-right"></i></a>
      <a class="nav-link" href="#" data-widget="iframe-fullscreen"><i class="fas fa-expand"></i></a>

    </div>
    <div class="tab-content">
      <div class="tab-empty">
        <h2 class="display-4">Please choose any module to start.</h2>
      </div>
    </div>
  </div>


  <!-- /.content-wrapper -->
  <footer class="main-footer" style="display:none; max-height:0; padding:0;">
    <strong>Copyright &copy; 2021 <a href="#">website</a>.</strong>
    All rights reserved.
    <div class="float-right d-none d-sm-inline-block">
      <b>Version</b> 0.0.1
    </div>
  </footer>

  <!-- Control Sidebar -->
  <aside class="control-sidebar control-sidebar-dark">
    <!-- Control sidebar content goes here -->
  </aside>
  <!-- /.control-sidebar -->
</div>
<!-- ./wrapper -->


{{ shidashi::include_view("footer.html") }}
</body>
</html>
