<!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="row mx-0">
      <div class="col-12 card">
        <div class="card-body">
          <div class="row justify-content-start">
			<div class="mb-3 row">
            <label class="col-sm-2 col-form-label text-center">통역인이름</label>
	            <div class="col-sm-2">
	              <input type="text" class="form-control text-center" th:value="${trName}">
	            </div>
            </div>
              <div class="card">
                <div class="card-body">
                  <div class="row">
                  <h5>해양경찰청 이력</h5>
                  <input type="hidden" id="tcmKey" th:value="${trKey}">
                    <table class="table table-hover table-bordered" id="categoryTable">                   
                      <thead>
                      <tr>
                         <th>연번</th>
                         <th>날짜</th>
                         <th>내용</th>
                         <th>비고</th>
                         <th></th>
                      </tr>
                      </thead>
                      <tbody class="overflow-scroll table-group-divider text-center">
                      <tr class="" th:each="crrInfo,i:${policeCrr}">                    
	                      <td th:text="${policeCrr.size()-i.index}"></td>
	                      <td th:text="${crrInfo.tcDt}"></td>
	                      <td th:text="${crrInfo.contents}"></td>
	                      <td th:text="${crrInfo.remark}"></td>
	                      <td><button type="button" class="btn btn-danger m-0" id="deleteCareerBtn" th:onclick="|javascript:deleteCareerBtn('${crrInfo.careerSeq}','${crrInfo.translatorKey}')|" th:if="${accessAuth eq 'ACC003'} or ${wrtUserSeq eq userSeq}">삭제</button></td>
                      </tr>
                      </tbody>
                    </table>
                  </div>
                  <div class="row">
                  <h5>타기관 이력</h5>
                    <table class="table table-hover table-bordered text-center" id="categoryTable">
                      <thead>
                      <tr>
                        <th>연번</th>
                        <th>날짜</th>
                        <th>내용</th>
                        <th>비고</th>
                        <th></th>
                      </tr>
                      </thead>
                      <tbody class="overflow-scroll table-group-divider">
                      <tr class="" th:each="crrInfo,i:${anotherCrr}">                    
                      	  <td th:text="${anotherCrr.size()-i.index}"></td>
	                      <td th:text="${crrInfo.tcDt}"></td>
	                      <td th:text="${crrInfo.contents}"></td>
	                      <td th:text="${crrInfo.remark}"></td>
	                      <td><button type="button" class="btn btn-danger m-0" id="deleteCareerBtn" th:onclick="|javascript:deleteCareerBtn('${crrInfo.careerSeq}','${crrInfo.translatorKey}')|" th:if="${accessAuth eq 'ACC003'} or ${wrtUserSeq eq userSeq}">삭제</button></td>
                      </tr>
                      </tbody>
                    </table>
                  </div>
                </div>
              </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-primary" id="crrInsertBtn" th:if="${accessAuth eq 'ACC003'} or ${wrtUserSeq eq userSeq}">이력등록</button>
          </div>
        </div>
      </div>
    </div>
</html>