<!-- Side Navigation -->
<nav class="sticky-xl-top small" id="toc">
  <ul class="list-unstyled">
    <li class="my-2">
      <button class="btn d-inline-flex align-items-center collapsed" data-bs-toggle="collapse" aria-expanded="false" data-bs-target="#about-collapse" aria-controls="about-collapse">About</button>
      <ul class="list-unstyled ps-3 collapse" id="about-collapse">
        <li>
          <a class="d-inline-flex align-items-center rounded" href="/notice">공지사항</a>
        </li>
        <li>
          <a class="d-inline-flex align-items-center rounded" href="https://www.icurfer.com/about/" target="_blank">
            개인프로젝트 K8S + React + Django DRF
          </a>
        </li>
      </ul>
    </li>
    <li class="my-2">
      <button class="btn d-inline-flex align-items-center collapsed" data-bs-toggle="collapse" aria-expanded="false" data-bs-target="#contents-collapse" aria-controls="contents-collapse">Contents</button>
      <ul class="list-unstyled ps-3 collapse" id="contents-collapse">
        <li>
          <a class="d-inline-flex align-items-center rounded" href="/blog">Post</a>
        </li>
        <li>
          <a class="d-inline-flex align-items-center rounded" href="/ip_mgmt">IP관리대장</a>
        </li>
        {% if request.user.is_authenticated and request.user.is_staff %}
          <li>
            <a class="d-inline-flex align-items-center rounded" href="/mm_msg">mm 발송기능</a>
          </li>
        {% endif %}
      </ul>
    </li>
    <hr>
    <li class="my-2">
      <button class="btn d-inline-flex align-items-center collapsed" data-bs-toggle="collapse" aria-expanded="false" data-bs-target="#nhnc-collapse" aria-controls="nhnc-collapse">NHN Cloud API</button>
      <ul class="list-unstyled ps-3 collapse" id="nhnc-collapse">
        <span>가이드</span>
        {% if request.user.is_authenticated and request.user.is_staff %}
          <li>
            <a class="d-inline-flex align-items-center rounded" href="/nhncloud/test">출력결과 검토</a>
          </li>
        {% endif %}
        <li>
          <a class="d-inline-flex align-items-center rounded" href="/nhncloud/preparations">주의 사항</a>
        </li>
        <hr>
        <span>관리대장</span>
        <li>
          <a class="d-inline-flex align-items-center rounded" href="/nhnc_mgmt/igw">인터넷 게이트웨이</a>
        </li>
        <hr>
        <span>Network</span>
        <li>
          <a class="d-inline-flex align-items-center rounded" href="/nhncloud/infoVpcListRequest">VPC 조회 및 삭제</a>
        </li>
        <li>
          <a class="d-inline-flex align-items-center rounded" href="/nhncloud/createVpcRequest">VPC 생성</a>
        </li>
        <li>
          <a class="d-inline-flex align-items-center rounded" href="/nhncloud/infoClusterListRequest">NKS Cluseter 조회 및 삭제</a>
        </li>
        <li>
          <a class="d-inline-flex align-items-center rounded" href="/nhncloud/createClusterOnlyRequest">NKS Cluseter 생성</a>
        </li>
        <hr>
        <span>k8s Components deploy</span>
        <li>
          <a class="d-inline-flex align-items-center rounded" href="/nhncloud/nksApply">Ingress Deploy</a>
        </li>
        <li>
          <a class="d-inline-flex align-items-center rounded" href="/nhncloud/nksApply">FluentBit Deploy</a>
        </li>
        <li>
          <a class="text-secondary d-inline-flex align-items-center rounded disabled" href="#">Logging Deploy(미구현)</a>
        </li>
        <li>
          <a class="text-secondary d-inline-flex align-items-center rounded disabled" href="#">Monitoring Deploy(미구현)</a>
        </li>
      </ul>
    </li>
    <hr>
    <li class="my-2">
      <button class="btn d-inline-flex align-items-center collapsed" data-bs-toggle="collapse" aria-expanded="false" data-bs-target="#components-collapse" aria-controls="components-collapse">DevOpsTools</button>
      <ul class="list-unstyled ps-3 collapse" id="components-collapse">
        <span>Dev</span>
        <li>
          <a class="d-inline-flex align-items-center rounded" href="https://gitea.icurfer.com/icurfer" target="_blank">Repository - Gitea</a>
        </li>
        <li>
          <a class="d-inline-flex align-items-center rounded" href="https://harbor.icurfer.com/" target="_blank">Registry - Harbor</a>
        </li>
        <li>
          <a class="d-inline-flex align-items-center rounded" href="https://argocd.icurfer.com/" target="_blank">Deploy - ArgoCD</a>
        </li>
        <hr>
        <span>Ops</span>
        {% if request.user.is_authenticated and request.user.is_staff %}
          <li>
            <a class="d-inline-flex align-items-center rounded" href="https://code.icurfer.com/" target="_blank">Web VScode - CodeServer</a>
          </li>
        {% endif %}
        <li>
          <a class="d-inline-flex align-items-center rounded" href="https://rancher.icurfer.com/" target="_blank">Cluster Management - Rancher</a>
        </li>
        <li>
          <a class="d-inline-flex align-items-center rounded" href="https://grafana.icurfer.com/" target="_blank">Monitoring - Grafana</a>
        </li>
        <li>
          <a class="d-inline-flex align-items-center rounded" href="https://prometheus.icurfer.com/" target="_blank">Metrics - Prometheus</a>
        </li>
        <li>
          <a class="d-inline-flex align-items-center rounded" href="https://os.icurfer.com/" target="_blank">Container Log - OpenSearch</a>
        </li>
        <li>
          <a class="d-inline-flex align-items-center rounded" href="https://kiali.icurfer.com/" target="_blank">Main Cluster Traffic - Kiali</a>
        </li>
      </ul>
    </li>
    <li class="my-2">
      <button class="btn d-inline-flex align-items-center collapsed" data-bs-toggle="collapse" aria-expanded="false" data-bs-target="#other-collapse" aria-controls="other-collapse">Other Tools</button>
      <ul class="list-unstyled ps-3 collapse" id="other-collapse">
        <li>
          <a class="d-inline-flex align-items-center rounded" href="https://mm.icurfer.com/" target="_blank">Messenger - Mattermost</a>
        </li>
      </ul>
    </li>
    <hr>
    <li class="my-2">
      <button class="btn d-inline-flex align-items-center collapsed" data-bs-toggle="collapse" aria-expanded="false" data-bs-target="#forms-collapse" aria-controls="forms-collapse">Documents</button>
      <ul class="list-unstyled ps-3 collapse" id="forms-collapse">
        <li>
          <a class="d-inline-flex align-items-center rounded" href="#">사용가이드</a>
        </li>
      </ul>
    </li>
    <hr>
    {% include "components/_sidebar_ansible.html" %}
  </ul>
</nav>
