<!DOCTYPE html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
  <main class="pt-3">
    <input type="hidden" name="_csrf_header" th:value="${_csrf.headerName}"/>
    <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
    <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-4">
              <div class="card">
                <div class="card-body">
                  <div class="row">
                    <table class="table table-striped" id="categoryTable">
                      <thead>
                      <tr>
                        <th></th>
                        <th>작성자</th>
                        <th>등록일</th>
                      </tr>
                      </thead>
                      <tbody class="overflow-scroll">
                      <tr class="historyInfoTr" th:each="trInfo:${HistoryList}">                    
                      <td><input type="checkbox" class="hisChk">
                      <input type="hidden" class="trKey" th:value="${trInfo.translatorKey}">
                      <input type="hidden" class="verNo" th:value="${trInfo.versionNo}">
                      </td>
                      <td th:text="${trInfo.wrtNm}"></td>
                      <td th:text="${#temporals.format(trInfo.wrtDt, 'yyyy-MM-dd')}"></td>
                      </tr>
                      </tbody>
                    </table>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-8" id="valueDiv">
           <div class="mb-5 row">
            <label for="ogCd" class="col-sm-1 col-form-label text-center">관서</label>
            <div class="col-sm-3">
               <input type="text" class="form-control" id="ogdp1V" readonly>
            </div>
             <label for="ofcCd" class="col-sm-1 col-form-label text-center">언어</label>
            <div class="col-sm-3">
              <input type="text" class="form-control" id="trLangV" readonly>
            </div>
           <label for="ofcCd" class="col-sm-1 col-form-label text-center">경력</label>
            <div class="col-sm-3">
              <input type="text" class="form-control" id="trCareerV" readonly>
            </div> 
          </div>
          <div class="mb-3 row">
            <label for="ogCd" class="col-sm-1 col-form-label text-center">성명</label>
            <div class="col-sm-3">
              <input type="text" class="form-control" id="trNameV" readonly>
            </div>
            <label for="ofcCd" class="col-sm-1 col-form-label text-center">성별</label>
            <div class="col-sm-2">
              <input type="text" class="form-control" id="trSexV"readonly>
            </div>
           <label for="ofcCd" class="col-sm-1 col-form-label text-center">연락처</label>
            <div class="col-sm-4">
              <input type="text" class="form-control" id="trPhoneV" readonly>
            </div> 
          </div>
          <div class="mb-3 row">
            <label for="ogCd" class="col-sm-1 col-form-label text-center">국적</label>
            <div class="col-sm-4">
               <input type="text" class="form-control" id="trNnyV" readonly>
            </div>
            <label for="ofcCd" class="col-sm-1 col-form-label text-center">나이</label>
            <div class="col-sm-2">
              <input type="text" class="form-control" id="trAgeV" readonly>
            </div>
           <label for="ofcCd" class="col-sm-1 col-form-label text-center">학력</label>
            <div class="col-sm-3">
              <input type="text" class="form-control" id="trEduV" readonly>
            </div> 
          </div>
          <div class="mb-3 row">
            <label for="ogCd" class="col-sm-1 col-form-label text-center">자격증</label>
            <div class="col-sm-3">
              <input type="text" class="form-control" id="trCftV"readonly>
            </div>
            <label for="ofcCd" class="col-sm-1 col-form-label text-center">비자</label>
            <div class="col-sm-2">
              <input type="text" class="form-control" id="trVisaV" readonly>
            </div>
           <label for="ofcCd" class="col-sm-1 col-form-label text-center">위촉일</label>
            <div class="col-sm-4">
               <input type="text" class="form-control" id="aptDtV" name="aptDt">
            </div> 
          </div>
          <div class="mb-3 row">
          <label for="ogCd" class="col-sm-1 col-form-label text-center">해촉</label>
            <div class="col-sm-3">
               <input type="text" class="form-control" id="dmlYnV" readonly>
            </div>
           </div>
            <div class="mb-3 row">
              <label for="tel" class="col-sm-1 col-form-label text-center">비고</label>
              <div class="col-sm-11">
                <textarea  class="form-control" id="remarkV" readonly></textarea>
              </div>              
            </div>
            </div> 
          </div>
        </div>
      </div>
    </div>
  </main>
</html>