<!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>PoC 운영 그룹을 만들고 그룹에 사용자와 역할을 부여합니다. 사용자는 직접 부여된 역할과 그룹 역할을 함께 사용합니다.</p>
    </details>
  </div>

  <div class="alert alert-success" th:if="${message}" th:text="${message}"></div>
  <div class="alert alert-danger" th:if="${error}" th:text="${error}"></div>

  <section class="content-band">
    <h2>그룹 추가</h2>
    <form method="post" action="/groups" class="form-grid">
      <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}">
      <label>
        그룹 코드
        <input class="form-control" name="groupCode" placeholder="SALES_TEAM" required>
      </label>
      <label>
        그룹명
        <input class="form-control" name="groupName" placeholder="영업팀" required>
      </label>
      <label class="span-2">
        설명
        <input class="form-control" name="description" maxlength="200">
      </label>
      <button class="btn rw-btn-primary" type="submit">추가</button>
    </form>
  </section>

  <section class="content-band">
    <h2>그룹 목록</h2>
    <div class="table-responsive">
      <table class="table table-sm align-middle">
        <thead>
        <tr>
          <th>ID</th>
          <th>코드</th>
          <th>그룹명</th>
          <th>설명</th>
          <th>비활성 영향</th>
          <th>상태</th>
          <th></th>
        </tr>
        </thead>
        <tbody>
        <tr th:each="group : ${groups}" th:with="impact=${groupImpactByGroupId[group.groupId()]}">
          <td th:text="${group.groupId()}">1</td>
          <td><code th:text="${group.groupCode()}">SALES_TEAM</code></td>
          <td th:text="${group.groupName()}">영업팀</td>
          <td th:text="${group.description()}">설명</td>
          <td class="delete-impact">
            <div>
              <span>사용자</span>
              <strong th:text="${impact == null || #lists.isEmpty(impact.users()) ? '0명' : #lists.size(impact.users()) + '명'}">0명</strong>
            </div>
            <div>
              <span>역할</span>
              <strong th:text="${impact == null || #lists.isEmpty(impact.roles()) ? '0개' : #lists.size(impact.roles()) + '개'}">0개</strong>
            </div>
            <small th:text="${impact == null || #lists.isEmpty(impact.objectNames()) ? '상속 권한 없음' : #strings.listJoin(impact.objectNames(), ', ')}">상속 권한 없음</small>
          </td>
          <td><span class="badge" th:classappend="${group.active()} ? ' text-bg-success' : ' text-bg-secondary'" th:text="${group.activeYn()}">Y</span></td>
          <td>
            <form method="post" action="/groups/active" class="inline-form">
              <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}">
              <input type="hidden" name="groupId" th:value="${group.groupId()}">
              <input type="hidden" name="active" th:value="${!group.active()}">
              <label class="delete-confirm" th:if="${group.active()}">
                <input type="checkbox" name="confirmImpact" value="true" required>
                영향 확인
              </label>
              <button class="btn btn-sm btn-outline-secondary" type="submit" th:text="${group.active()} ? '비활성화' : '활성화'">변경</button>
            </form>
          </td>
        </tr>
        <tr th:if="${#lists.isEmpty(groups)}">
          <td colspan="7" class="text-muted">등록된 그룹이 없습니다.</td>
        </tr>
        </tbody>
      </table>
    </div>
  </section>

  <section class="content-band">
    <h2>그룹 사용자</h2>
    <form method="post" action="/groups/users" class="form-grid">
      <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}">
      <label>
        그룹
        <select class="form-select group-master-select" id="groupUserMaster" name="groupId" required>
          <option th:each="group : ${groups}" th:value="${group.groupId()}" th:text="${group.groupCode() + ' / ' + group.groupName()}"></option>
        </select>
      </label>
      <label>
        추가할 사용자
        <select class="form-select" name="userId" required>
          <option th:each="user : ${users}" th:value="${user.userId()}" th:text="${user.username()}"></option>
        </select>
      </label>
      <button class="btn rw-btn-primary" type="submit">추가</button>
    </form>

    <h2 class="mt-4">선택 그룹 사용자</h2>
    <div class="table-responsive">
      <table class="table table-sm align-middle" data-group-detail-table="groupUserMaster" data-empty-message="선택한 그룹에 사용자가 없습니다.">
        <thead>
        <tr>
          <th>그룹</th>
          <th>사용자</th>
          <th>해제 영향</th>
          <th></th>
        </tr>
        </thead>
        <tbody>
        <tr th:each="mapping : ${groupUsers}" th:attr="data-group-id=${mapping.groupId()}" th:with="impact=${groupImpactByGroupId[mapping.groupId()]}">
          <td><code th:text="${mapping.groupCode()}">SALES_TEAM</code></td>
          <td th:text="${mapping.username()}">agent_sales</td>
          <td class="delete-impact">
            <span>이 사용자는 그룹 역할을 더 이상 상속하지 않습니다.</span>
            <strong th:text="${impact == null || #lists.isEmpty(impact.roles()) ? '그룹 역할 없음' : #strings.listJoin(impact.roles(), ', ')}">그룹 역할 없음</strong>
          </td>
          <td>
            <form method="post" action="/groups/users/delete" class="inline-form">
              <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}">
              <input type="hidden" name="groupId" th:value="${mapping.groupId()}">
              <input type="hidden" name="userId" th:value="${mapping.userId()}">
              <label class="delete-confirm">
                <input type="checkbox" name="confirmImpact" value="true" required>
                영향 확인
              </label>
              <button class="btn btn-sm btn-outline-danger" type="submit">해제</button>
            </form>
          </td>
        </tr>
        <tr th:if="${#lists.isEmpty(groupUsers)}">
          <td colspan="4" class="text-muted">등록된 그룹 사용자가 없습니다.</td>
        </tr>
        </tbody>
      </table>
    </div>
  </section>

  <section class="content-band">
    <h2>그룹 역할</h2>
    <form method="post" action="/groups/roles" class="form-grid">
      <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}">
      <label>
        그룹
        <select class="form-select group-master-select" id="groupRoleMaster" name="groupId" required>
          <option th:each="group : ${groups}" th:value="${group.groupId()}" th:text="${group.groupCode() + ' / ' + group.groupName()}"></option>
        </select>
      </label>
      <label>
        부여할 역할
        <select class="form-select" name="roleId" required>
          <option th:each="role : ${roles}" th:value="${role.roleId()}" th:text="${role.roleName()}"></option>
        </select>
      </label>
      <button class="btn rw-btn-primary" type="submit">부여</button>
    </form>

    <h2 class="mt-4">선택 그룹 역할</h2>
    <div class="table-responsive">
      <table class="table table-sm align-middle" data-group-detail-table="groupRoleMaster" data-empty-message="선택한 그룹에 부여된 역할이 없습니다.">
        <thead>
        <tr>
          <th>그룹</th>
          <th>역할</th>
          <th>해제 영향</th>
          <th></th>
        </tr>
        </thead>
        <tbody>
        <tr th:each="mapping : ${groupRoles}" th:attr="data-group-id=${mapping.groupId()}"
            th:with="groupImpact=${groupImpactByGroupId[mapping.groupId()]},roleImpact=${roleImpactByRoleId[mapping.roleId()]}">
          <td><code th:text="${mapping.groupCode()}">SALES_TEAM</code></td>
          <td th:text="${mapping.roleName()}">SALES_ROLE</td>
          <td class="delete-impact">
            <span>그룹 사용자가 이 역할 권한을 잃습니다.</span>
            <strong th:text="${groupImpact == null || #lists.isEmpty(groupImpact.users()) ? '영향 사용자 없음' : #strings.listJoin(groupImpact.users(), ', ')}">영향 사용자 없음</strong>
            <small th:text="${roleImpact == null || #lists.isEmpty(roleImpact.objectNames()) ? '권한 객체 없음' : #strings.listJoin(roleImpact.objectNames(), ', ')}">권한 객체 없음</small>
          </td>
          <td>
            <form method="post" action="/groups/roles/delete" class="inline-form">
              <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}">
              <input type="hidden" name="groupId" th:value="${mapping.groupId()}">
              <input type="hidden" name="roleId" th:value="${mapping.roleId()}">
              <label class="delete-confirm">
                <input type="checkbox" name="confirmImpact" value="true" required>
                영향 확인
              </label>
              <button class="btn btn-sm btn-outline-danger" type="submit">해제</button>
            </form>
          </td>
        </tr>
        <tr th:if="${#lists.isEmpty(groupRoles)}">
          <td colspan="4" class="text-muted">등록된 그룹 역할이 없습니다.</td>
        </tr>
        </tbody>
      </table>
    </div>
  </section>
</main>
</body>
</html>
