<!-- 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>
      </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="#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>
        <li>
          <a class="d-inline-flex align-items-center rounded" href="/game/" target="_blank">game(kimchirun)</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>
      <hr>
      {% include "components/_sidebar_tm_dashboard.html" %}      
    </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">
        {% 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>
          <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>
        {% else %}
          <p>로그인이 필요합니다.</p>
          <a class="d-inline-flex align-items-center rounded" href="/notice/2/" target="_blank">사용가이드</a>
        {% 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="#components-collapse" aria-controls="components-collapse">DevOpsTools ▽</button>
      <ul class="list-unstyled ps-3 collapse" id="components-collapse">
        {% if request.user.is_authenticated and request.user.is_staff %}
          <span>Dev</span>
          <li>
            <a class="d-inline-flex align-items-center rounded" href="{{request.user.url_gitea}}" target="_blank">Repository - Gitea</a>
          </li>
          <li>
            <a class="d-inline-flex align-items-center rounded" href="{{request.user.url_harbor}}" target="_blank">Registry - Harbor</a>
          </li>
          <li>
            <a class="d-inline-flex align-items-center rounded" href="{{request.user.url_argocd}}" target="_blank">Deploy - ArgoCD</a>
          </li>
          <hr>
          <span>Ops</span>
          <li>
            <a class="d-inline-flex align-items-center rounded" href="{{request.user.url_web_ide}}" target="_blank">Web VScode - CodeServer</a>
          </li>

          <li>
            <a class="d-inline-flex align-items-center rounded" href="{{request.user.url_rancher}}" target="_blank">Cluster Management - Rancher</a>
          </li>
          <li>
            <a class="d-inline-flex align-items-center rounded" href="{{request.user.url_grafana}}" target="_blank">Monitoring - Grafana</a>
          </li>
          <li>
            <a class="d-inline-flex align-items-center rounded" href="{{request.user.url_prometheus}}" target="_blank">Metrics - Prometheus</a>
          </li>
          <li>
            <a class="d-inline-flex align-items-center rounded" href="{{request.user.url_opensearch}}" target="_blank">Container Log - OpenSearch</a>
          </li>
          <li>
            <a class="d-inline-flex align-items-center rounded" href="{{request.user.url_kiali}}" target="_blank">Main Cluster Traffic - Kiali</a>
          </li>
        {% else %}
          <p>로그인이 필요합니다.</p>
          <a class="d-inline-flex align-items-center rounded" href="/notice/2/" target="_blank">사용가이드</a>
        {% 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="#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="{{request.user.url_mattermost}}" target="_blank">Messenger - Mattermost</a>
        </li>
        <li>
          <a class="d-inline-flex align-items-center rounded" href="{{request.user.url_nexus}}" target="_blank">Nexus</a>
        </li>
      </ul>
    </li>
    <hr>
    {% include "components/_sidebar_ansible.html" %}
  </ul>
</nav>
