<!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-12 card">
        <div class="card-body">
          <div class="row justify-content-start">
			<h6>통역인이름</h6>
              <div class="card">
                <div class="card-body">
                  <div class="row">
                  <h5>해양경찰청 이력</h5>
                  <input type="hidden" id="tcmKey" th:value="${trKey}">
                    <table class="table table-striped" id="categoryTable">                   
                      <thead>
                      <tr>
                         <th>연번</th>
                         <th>날짜</th>
                         <th>내용</th>
                         <th>비고</th>
                         <th></th>
                      </tr>
                      </thead>
                      <tbody class="overflow-scroll">
                      <tr class="" th:each="crrInfo:${policeCrr}">                    
	                      <td th:text="${crrInfo.careerSeq}"></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 ${wrtId eq userId}">삭제</button></td>
                      </tr>
                      </tbody>
                    </table>
                  </div>
                  <div class="row">
                  <h5>타기관 이력</h5>
                    <table class="table table-striped" id="categoryTable">
                      <thead>
                      <tr>
                        <th>연번</th>
                        <th>날짜</th>
                        <th>내용</th>
                        <th>비고</th>
                        <th></th>
                      </tr>
                      </thead>
                      <tbody class="overflow-scroll">
                      <tr class="" th:each="crrInfo:${anotherCrr}">                    
                      	  <td th:text="${crrInfo.careerSeq}"></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 ${wrtId eq userId}">삭제</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 ${wrtId eq userId}">이력등록</button>
          </div>
        </div>
      </div>
    </div>
  </main>
</html>