<!DOCTYPE html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
<th:block th:if="${comment.parentComment eq null}">
  <div class="row justify-content-start commentRow">
    <input type="hidden" class="publicKey" th:value="${comment.publicKey}">
    <input type="hidden" class="commentKey" th:value="${comment.commentKey}">
    <th:block th:each="commonCode:${session.commonCode.get('OG')}">
      <div class="col-auto" th:if="${commonCode.itemCd eq comment.wrtOrgan}" th:text="${commonCode.itemValue}"></div>
    </th:block>
    <th:block th:each="commonCode:${session.commonCode.get('OFC')}">
      <div class="col-auto" th:if="${commonCode.itemCd eq comment.wrtPart}" th:text="${commonCode.itemValue}"></div>
    </th:block>
    <th:block th:each="commonCode:${session.commonCode.get('JT')}">
      <div class="col-auto" th:if="${commonCode.itemCd eq comment.wrtUserGrd}" th:text="${commonCode.itemValue}"></div>
    </th:block>
    <div class="col-auto" th:text="${comment.wrtUserNm}"></div>
    <div class="col-auto" th:text="|작성일시: ${#temporals.format(comment.wrtDt, 'yyyy-MM-dd HH:mm')}|"></div>
    <div class="col-auto">
      <button type="button" class="btn btn-sm btn-success childCommentBtn">댓글달기</button>
    </div>
    <div class="col-auto" th:if="${userSeq eq comment.wrtUserSeq}">
      <button type="button" class="btn btn-sm btn-danger deleteCommentBtn">댓글삭제</button>
    </div>
    <div class="col-12" th:utext="${comment.comment}"></div>
    <div class="col-12 childCommentDiv" style="display: none"></div>
    <hr>
  </div>
</th:block>
<th:block th:unless="${comment.parentComment eq null}">
  <div class="row justify-content-start">
    <div class="col-auto">
      <i class="bi bi-arrow-return-right" ></i>
    </div>
    <div class="col-auto">
      <div class="row justify-content-start commentRow">
        <input type="hidden" class="publicKey" th:value="${comment.publicKey}">
        <input type="hidden" class="commentKey" th:value="${comment.commentKey}">
        <th:block th:each="commonCode:${session.commonCode.get('OG')}">
          <div class="col-auto" th:if="${commonCode.itemCd eq comment.wrtOrgan}" th:text="${commonCode.itemValue}"></div>
        </th:block>
        <th:block th:each="commonCode:${session.commonCode.get('OFC')}">
          <div class="col-auto" th:if="${commonCode.itemCd eq comment.wrtPart}" th:text="${commonCode.itemValue}"></div>
        </th:block>
        <th:block th:each="commonCode:${session.commonCode.get('JT')}">
          <div class="col-auto" th:if="${commonCode.itemCd eq comment.wrtUserGrd}" th:text="${commonCode.itemValue}"></div>
        </th:block>
        <div class="col-auto" th:text="${comment.wrtUserNm}"></div>
        <div class="col-auto" th:text="|작성일시: ${#temporals.format(comment.wrtDt, 'yyyy-MM-dd HH:mm')}|"></div>
        <div class="col-auto" th:if="${userSeq eq comment.wrtUserSeq}">
          <button type="button" class="btn btn-sm btn-danger deleteCommentBtn">댓글삭제</button>
        </div>
        <div class="col-12" th:utext="${comment.comment}"></div>
      </div>
    </div>
    <hr>
  </div>
</th:block>