<!DOCTYPE html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
    <input type="hidden" name="_csrf_header" th:value="${_csrf.headerName}"/>
    <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
    <div class="modal-header">
	  <h5 class="modal-title">수정이력</h5>
	  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
	</div>
	<div class="modal-body">
    <div class="row mx-0">
      <div class="col-100 card text-center">
        <div class="card-body">
          <div class="row">
          </div>
          <div class="row justify-content-start">
            <div class="col-6">
              <div class="card">
                <div class="card-body">
                  <div class="row">
                    <table class="table table-striped" id="categoryTable">
                      <thead>
                      <tr class="table-secondary">
                        <th></th>
                        <th>작성자</th>
                        <th>등록일</th>
                      </tr>
                      </thead>
                      <tbody class="overflow-scroll">
                      <tr class="historyTr" th:each="list:${infoList}" th:data-useNo="${list.useNo}" th:data-verNo="${list.versionNo}" th:data-mgtOrgan="${list.mgtOrgan}" th:data-useType="${list.useType}">                    
	                      <td>
	                      	<input type="checkbox" class="hisChk">
	                      </td>
	                      <td th:text="|${list.wrtTitle} ${list.wrtNm}|"></td>
	                      <td th:text="${#temporals.format(list.wrtDt, 'yyyy-MM-dd HH:mm')}"></td>
                      </tr>
                      </tbody>
                    </table>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-6" id="valueDiv">
            <div class="row mb-3">
		      <label for="cat1Cd" class="col-sm-3 col-form-label col-form-label-sm text-center">사용관서</label>
		      <div class="col-sm-8">
		        <input type="text" class="form-control" id="vSosok" disabled>
		      </div>
		    </div>
           <div class="row mb-3">
		      <label for="cat1Cd" class="col-sm-3 col-form-label col-form-label-sm text-center">사용일시</label>
		      <div class="col-sm-8">
		        <input type="text" class="form-control" id="vUseDt" disabled>
		      </div>
		    </div>
		    <div class="row mb-3">
		      <label for="cat2Cd" class="col-sm-3 col-form-label col-form-label-sm text-center">사용사유</label>
		      <div class="col-sm-8">
		        <input type="text" class="form-control" id="vDetailType" disabled>
		        <input type="text" class="form-control" id="vDetailSelf" disabled>
		      </div>	
		    </div>
		    <div class="row mb-3">
		      <label for="cat3Cd" class="col-sm-3 col-form-label col-form-label-sm text-center">사용인원</label>
		      <div class="col-sm-8">
		        <input type="text" class="form-control" id="vCnt" disabled>
		      </div>
		    </div>

		    <div class="row mb-3">
		      <label for="cat3Cd" class="col-sm-3 col-form-label col-form-label-sm text-center">비고</label>
		      <div class="col-sm-8">
		        <input type="text" class="form-control" id="vDescription" disabled>
		      </div>
		    </div>
            </div> 
          </div>
        </div>
       	</div>
        <div class="modal-footer justify-content-between">
		  <div class="col-auto">
		    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
		  </div>
		</div>
      </div>
    </div>
</html>