{{ define "page-aside-right" }}

      <aside class="aside-menu">

      {{ with .Metadata }}

        <div class="tab-pane p-3">
          <h6>TLS Server Settings</h6>
          <div class="aside-options">
            <div class="clearfix mt-3">
              <small>
                <b>TLS service debug</b>
              </small>
              <label class="switch switch-label switch-pill switch-success switch-sm float-right">
                <input id="debug_service_tls" class="switch-input" type="checkbox" onclick="changeDebug('debug_service', 'tls');" {{ if .TLSDebug }} checked {{ end }}>
                <span class="switch-slider" data-checked="On" data-unchecked="Off"></span>
              </label>
            </div>
            <div>
              <small class="text-muted">Verbose service logging for TLS</small>
            </div>
            <div class="clearfix mt-4">
              <small>
                <button class="btn btn-block btn-sm btn-secondary" type="button" onclick="window.location = '/environments';">
                  <b>Manage Environments</b>
                </button>
              </small>
            </div>
            <div>
              <small class="text-muted">TLS endpoint environments</small>
            </div>
            <div class="clearfix mt-4">
              <small>
                <button class="btn btn-block btn-sm btn-info" type="button" onclick="window.location = '/settings/tls';">
                  <b>TLS Settings</b>
                </button>
              </small>
            </div>
            <div>
              <small class="text-muted">Settings for the TLS service</small>
            </div>
          </div>
          <hr>
          <h6>Admin Server Settings</h6>
          <div class="aside-options">
            <div class="clearfix mt-3">
              <small>
                <b>Admin service debug</b>
              </small>
              <label class="switch switch-label switch-pill switch-success switch-sm float-right">
                <input id="debug_service_admin" class="switch-input" type="checkbox" onclick="changeDebug('debug_service', 'admin');" {{ if .AdminDebug }} checked {{ end }}>
                <span class="switch-slider" data-checked="On" data-unchecked="Off"></span>
              </label>
            </div>
            <div>
              <small class="text-muted">Verbose service logging for Admin</small>
            </div>
            <div class="clearfix mt-3">
              <small>
                <b>Admin UI HTTP debug</b>
              </small>
              <label class="switch switch-label switch-pill switch-success switch-sm float-right">
                <input id="debug_http_admin" class="switch-input" type="checkbox" onclick="changeDebug('debug_http', 'admin');" {{ if .AdminDebugHTTP }} checked {{ end }}>
                <span class="switch-slider" data-checked="On" data-unchecked="Off"></span>
              </label>
            </div>
            <div>
              <small class="text-muted">Verbose HTTP logging for Admin</small>
            </div>
            <div class="clearfix mt-4">
              <small>
                <button class="btn btn-block btn-sm btn-info" type="button" onclick="window.location = '/settings/admin';">
                  <b>Admin Settings</b>
                </button>
              </small>
            </div>
            <div>
              <small class="text-muted">Settings for the Admin service</small>
            </div>
            <div class="clearfix mt-4">
              <small>
                <button class="btn btn-block btn-sm btn-primary" type="button" onclick="window.location = '/users';">
                  <b>Manage Users</b>
                </button>
              </small>
            </div>
            <div>
              <small class="text-muted">Admin service users</small>
            </div>
          </div>
          <hr>
          <h6>API Server Settings</h6>
          <div class="aside-options">
            <div class="clearfix mt-3">
              <small>
                <b>API service debug</b>
              </small>
              <label class="switch switch-label switch-pill switch-success switch-sm float-right">
                <input id="debug_service_api" class="switch-input" type="checkbox" onclick="changeDebug('debug_service', 'api');" {{ if .APIDebug }} checked {{ end }}>
                <span class="switch-slider" data-checked="On" data-unchecked="Off"></span>
              </label>
            </div>
            <div>
              <small class="text-muted">Verbose service logging for API</small>
            </div>
            <div class="clearfix mt-3">
              <small>
                <b>API HTTP debug</b>
              </small>
              <label class="switch switch-label switch-pill switch-success switch-sm float-right">
                <input id="debug_http_api" class="switch-input" type="checkbox" onclick="changeDebug('debug_http', 'api');" {{ if .APIDebugHTTP }} checked {{ end }}>
                <span class="switch-slider" data-checked="On" data-unchecked="Off"></span>
              </label>
            </div>
            <div>
              <small class="text-muted">Verbose HTTP logging for API</small>
            </div>
            <div class="clearfix mt-4">
              <small>
                <button class="btn btn-block btn-sm btn-info" type="button" onclick="window.location = '/settings/api';">
                  <b>API Settings</b>
                </button>
              </small>
            </div>
            <div>
              <small class="text-muted">Settings for the API service</small>
            </div>
          </div>
          <div class="server-version">
            <small class="text-muted">{{ .Service }} {{ .Version }}</small>
          </div>
          <!--
          <h6>System Utilization</h6>
          <div class="text-uppercase mb-1 mt-4">
            <small>
              <b>CPU Usage</b>
            </small>
          </div>
          <div class="progress progress-xs">
            <div class="progress-bar bg-info" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
          </div>
          <small class="text-muted">348 Processes. 1/4 Cores.</small>
          <div class="text-uppercase mb-1 mt-2">
            <small>
              <b>Memory Usage</b>
            </small>
          </div>
          <div class="progress progress-xs">
            <div class="progress-bar bg-warning" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
          </div>
          <small class="text-muted">11444GB/16384MB</small>
          <div class="text-uppercase mb-1 mt-2">
            <small>
              <b>SSD 1 Usage</b>
            </small>
          </div>
          <div class="progress progress-xs">
            <div class="progress-bar bg-danger" role="progressbar" style="width: 95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div>
          </div>
          <small class="text-muted">243GB/256GB</small>
          <div class="text-uppercase mb-1 mt-2">
            <small>
              <b>SSD 2 Usage</b>
            </small>
          </div>
          <div class="progress progress-xs">
            <div class="progress-bar bg-success" role="progressbar" style="width: 10%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"></div>
          </div>
          <small class="text-muted">25GB/256GB</small>
          -->

        </div>

      {{ end }}

      </aside>

{{ end }}