<!doctype html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
<head th:replace="~{fragments/layout :: head('사용자별 접근 확인')}"></head>
<body>
<nav th:replace="~{fragments/layout :: nav}"></nav>
<main class="container py-4">
  <div class="page-title">
    <h1>사용자별 접근 확인</h1>
    <details class="explanation-details">
      <summary>도움말</summary>
      <p>직접 역할과 그룹 상속 역할을 합쳐 최종 권한을 계산합니다. 여기의 결과는 토큰을 발급해 ORDS 행 접근 조회를 검증하기 전 확인하는 설계 근거입니다.</p>
    </details>
  </div>

  <div class="alert alert-warning" th:if="${runtimeError}">
    <strong th:text="${runtimeError.title()}">DB 연결 설정이 필요합니다.</strong>
    <span th:text="${runtimeError.message()}">message</span>
    <div th:if="${runtimeError.showSupportCommand()}"><code>./run.sh backoffice-support</code></div>
  </div>

  <section class="content-band effective-overview">
    <div class="section-heading">
      <div>
        <span class="architecture-kicker">권한 근거</span>
        <h2>누가 어떤 경로로 접근하는지 먼저 확인하세요.</h2>
        <p class="section-subtitle">사용자 기준으로 시작하고, 필요할 때 그룹과 역할 기준으로 전환합니다.</p>
      </div>
      <a class="btn btn-sm rw-btn-primary" href="/probe">이어서 실제 결과 확인</a>
    </div>
    <div class="matrix-summary">
      <div><span>사용자</span><strong th:text="${#lists.size(matrix.users())}">0</strong></div>
      <div><span>그룹</span><strong th:text="${#lists.size(matrix.groups())}">0</strong></div>
      <div><span>역할</span><strong th:text="${#lists.size(matrix.roles())}">0</strong></div>
      <div><span>권한</span><strong th:text="${matrix.permissionCount()}">0</strong></div>
    </div>
  </section>

  <section class="effective-workbench" aria-label="유효 권한 탐색">
    <div class="effective-tabs" role="tablist" aria-label="유효 권한 기준">
      <button class="effective-tab is-active" type="button" role="tab" aria-selected="true" data-effective-tab="user">사용자 기준</button>
      <button class="effective-tab" type="button" role="tab" aria-selected="false" data-effective-tab="group">그룹 기준</button>
      <button class="effective-tab" type="button" role="tab" aria-selected="false" data-effective-tab="role">역할 기준</button>
    </div>

    <section class="effective-pane" data-effective-pane="user" role="tabpanel">
      <div class="section-heading">
        <div>
          <h2>선택한 사용자의 최종 권한</h2>
          <p class="section-subtitle">직접 부여와 그룹 상속을 구분해, 실제 검증 전 권한 경로를 확인합니다.</p>
        </div>
        <label class="matrix-filter">
          검증할 사용자
          <select class="form-select form-select-sm" id="user-effective-select" data-effective-filter="user-effective-table" data-effective-user-select>
            <option th:each="row, rowStat : ${matrix.users()}"
                    th:value="${row.userId()}"
                    th:selected="${rowStat.index == 0}"
                    th:text="${row.username() + ' · ' + row.empNo()}">사용자</option>
            <option th:if="${#lists.isEmpty(matrix.users())}" value="">등록된 사용자가 없습니다</option>
          </select>
        </label>
      </div>

      <div class="effective-user-focus" data-effective-user-focus>
        <div class="effective-user-focus-heading">
          <span class="architecture-kicker">선택 사용자</span>
          <strong data-effective-user-field="username">사용자 선택</strong>
          <small data-effective-user-field="profile">사번 / 부서</small>
        </div>
        <dl>
          <div><dt>직접 역할</dt><dd data-effective-user-field="directRoles">-</dd></div>
          <div><dt>그룹 상속</dt><dd data-effective-user-field="inheritance">-</dd></div>
          <div><dt>최종 역할</dt><dd data-effective-user-field="effectiveRoles">-</dd></div>
          <div><dt>보호 객체</dt><dd data-effective-user-field="objects">-</dd></div>
        </dl>
        <div class="effective-user-focus-footer">
          <span><strong data-effective-user-field="permissionCount">0</strong>개 권한이 적용됩니다.</span>
          <a href="/probe">토큰으로 실제 결과 확인 <span aria-hidden="true">→</span></a>
        </div>
      </div>

      <div class="table-responsive effective-table-detail">
        <table class="table table-sm align-middle" id="user-effective-table" data-empty-message="선택한 사용자에 대한 유효 권한이 없습니다. 사용자 등록, 그룹 배정, 역할 부여 순서로 확인하세요.">
          <thead>
          <tr><th>사용자</th><th>직접 역할</th><th>그룹/상속 역할</th><th>최종 역할</th><th>권한</th><th>보호 객체</th></tr>
          </thead>
          <tbody>
          <tr th:each="row : ${matrix.users()}"
              th:attr="data-effective-id=${row.userId()},data-username=${row.username()},data-profile=${row.empNo() + ' / ' + row.deptCode()},data-direct-roles=${#lists.isEmpty(row.directRoles()) ? '직접 역할 없음' : #strings.listJoin(row.directRoles(), ', ')},data-inheritance=${(#lists.isEmpty(row.groups()) ? '그룹 없음' : #strings.listJoin(row.groups(), ', ')) + ' / ' + (#lists.isEmpty(row.inheritedRoles()) ? '상속 역할 없음' : #strings.listJoin(row.inheritedRoles(), ', '))},data-effective-roles=${#lists.isEmpty(row.effectiveRoles()) ? '최종 역할 없음' : #strings.listJoin(row.effectiveRoles(), ', ')},data-objects=${#lists.isEmpty(row.objectNames()) ? '권한 객체 없음' : #strings.listJoin(row.objectNames(), ', ')},data-permission-count=${row.permissionCount()}">
            <td><strong th:text="${row.username()}">이에이치알</strong><div class="text-muted small" th:text="${row.empNo() + ' / ' + row.deptCode()}">E100 / HR</div></td>
            <td th:text="${#lists.isEmpty(row.directRoles()) ? '-' : #strings.listJoin(row.directRoles(), ', ')}">-</td>
            <td><span th:text="${#lists.isEmpty(row.groups()) ? '그룹 없음' : #strings.listJoin(row.groups(), ', ')}">그룹 없음</span><small class="d-block text-muted" th:text="${#lists.isEmpty(row.inheritedRoles()) ? '상속 역할 없음' : #strings.listJoin(row.inheritedRoles(), ', ')}">상속 역할 없음</small></td>
            <td><strong th:text="${#lists.isEmpty(row.effectiveRoles()) ? '-' : #strings.listJoin(row.effectiveRoles(), ', ')}">-</strong></td>
            <td><span class="badge text-bg-secondary" th:text="${row.permissionCount()}">0</span></td>
            <td class="matrix-list" th:text="${#lists.isEmpty(row.objectNames()) ? '권한 객체 없음' : #strings.listJoin(row.objectNames(), ', ')}">objects</td>
          </tr>
          <tr th:if="${#lists.isEmpty(matrix.users())}"><td colspan="6" class="text-muted">등록된 사용자가 없습니다. 사용자 관리에서 application user를 먼저 등록하세요.</td></tr>
          </tbody>
        </table>
      </div>
    </section>

    <section class="effective-pane" data-effective-pane="group" role="tabpanel" hidden>
      <div class="section-heading">
        <div><h2>그룹을 통한 상속 권한</h2><p class="section-subtitle">그룹에 속한 사용자와 그룹 역할이 만드는 접근 범위를 봅니다.</p></div>
        <label class="matrix-filter">그룹<select class="form-select form-select-sm" data-effective-filter="group-effective-table"><option value="">전체 그룹</option><option th:each="row : ${matrix.groups()}" th:value="${row.groupId()}" th:text="${row.groupCode() + ' / ' + row.groupName()}"></option></select></label>
      </div>
      <div class="table-responsive"><table class="table table-sm align-middle" id="group-effective-table" data-empty-message="선택한 그룹의 사용자/역할 매핑이 없습니다. 그룹 사용자와 그룹 역할을 먼저 등록하세요."><thead><tr><th>그룹</th><th>포함 사용자</th><th>부여 역할</th><th>권한</th><th>보호 객체</th></tr></thead><tbody>
        <tr th:each="row : ${matrix.groups()}" th:attr="data-effective-id=${row.groupId()}"><td><code th:text="${row.groupCode()}">GROUP</code><div th:text="${row.groupName()}">그룹명</div></td><td th:text="${#lists.isEmpty(row.users()) ? '사용자 없음' : #strings.listJoin(row.users(), ', ')}">users</td><td th:text="${#lists.isEmpty(row.roles()) ? '역할 없음' : #strings.listJoin(row.roles(), ', ')}">roles</td><td><span class="badge text-bg-secondary" th:text="${row.permissionCount()}">0</span></td><td class="matrix-list" th:text="${#lists.isEmpty(row.objectNames()) ? '권한 객체 없음' : #strings.listJoin(row.objectNames(), ', ')}">objects</td></tr>
        <tr th:if="${#lists.isEmpty(matrix.groups())}"><td colspan="5" class="text-muted">등록된 그룹이 없습니다. 그룹 관리에서 그룹을 먼저 생성하세요.</td></tr>
      </tbody></table></div>
    </section>

    <section class="effective-pane" data-effective-pane="role" role="tabpanel" hidden>
      <div class="section-heading">
        <div><h2>역할의 영향 범위</h2><p class="section-subtitle">직접 사용자와 그룹 상속 사용자가 받는 권한을 봅니다.</p></div>
        <label class="matrix-filter">역할<select class="form-select form-select-sm" data-effective-filter="role-effective-table"><option value="">전체 역할</option><option th:each="row : ${matrix.roles()}" th:value="${row.roleId()}" th:text="${row.roleName()}"></option></select></label>
      </div>
      <div class="table-responsive"><table class="table table-sm align-middle" id="role-effective-table" data-empty-message="선택한 역할의 사용자/그룹/권한 연결이 없습니다. 사용자 역할, 그룹 역할, 권한 등록을 확인하세요."><thead><tr><th>역할</th><th>직접 사용자</th><th>연결 그룹</th><th>그룹 상속 사용자</th><th>영향 사용자</th><th>권한</th><th>보호 객체</th></tr></thead><tbody>
        <tr th:each="row : ${matrix.roles()}" th:attr="data-effective-id=${row.roleId()}"><td><strong th:text="${row.roleName()}">ROLE</strong><div class="text-muted small">민감도 <span th:text="${row.maxSensitivityLevel()}">PUBLIC</span></div></td><td th:text="${#lists.isEmpty(row.directUsers()) ? '직접 사용자 없음' : #strings.listJoin(row.directUsers(), ', ')}">users</td><td th:text="${#lists.isEmpty(row.groups()) ? '그룹 없음' : #strings.listJoin(row.groups(), ', ')}">groups</td><td th:text="${#lists.isEmpty(row.inheritedUsers()) ? '상속 사용자 없음' : #strings.listJoin(row.inheritedUsers(), ', ')}">group users</td><td><strong th:text="${#lists.isEmpty(row.affectedUsers()) ? '-' : #strings.listJoin(row.affectedUsers(), ', ')}">affected</strong></td><td><span class="badge text-bg-secondary" th:text="${row.permissionCount()}">0</span></td><td class="matrix-list" th:text="${#lists.isEmpty(row.objectNames()) ? '권한 객체 없음' : #strings.listJoin(row.objectNames(), ', ')}">objects</td></tr>
        <tr th:if="${#lists.isEmpty(matrix.roles())}"><td colspan="7" class="text-muted">등록된 역할이 없습니다. 역할 관리에서 역할을 먼저 생성하세요.</td></tr>
      </tbody></table></div>
    </section>
  </section>
</main>
</body>
</html>
