<!DOCTYPE html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org">

<div class="modal-header">
	<h5 class="modal-title" th:text="${shipInfo.siType eq 'KRCN' ? '한-중 국제여객선 수정이력' : shipInfo.siType eq 'KRJPRU' ? '한-일,러 국제여객선 수정이력' : null}"></h5>
	<button type="button" class="btn-close" data-bs-dismiss="modal"
		aria-label="Close"></button>
</div>
<div class="modal-body">
	<ul class="nav nav-tabs" id="userTab" role="tablist">
        <li class="nav-item" role="presentation">
          <button class="nav-link" id="viewTab" th:data-siseq="${shipInfoList[0].siSeq}" th:data-sitype="${shipInfoList[0].siType}" data-bs-toggle="tab" data-bs-target="#accessTabPanel" type="button" role="tab" aria-controls="accessTabPanel" aria-selected="true">현황상세</button>
        </li>
        <li class="nav-item" role="presentation">
          <button class="nav-link active" id="historyTab" th:data-siseq="${shipInfoList[0].siSeq}" th:data-sitype="${shipInfoList[0].siType}" data-bs-toggle="tab" data-bs-target="#approvalTabPanel" type="button" role="tab" aria-controls="approvalTabPanel" aria-selected="false">수정이력</button>
        </li>
   </ul>
	<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="si:${shipInfoList}">
									<td><input type="checkbox" class="hisChk">
										<input type="hidden" class="siSeq" th:value="${si.siSeq}">
										<input type="hidden" class="siType" th:value="${si.siType}">
										<input type="hidden" class="verNo" th:value="${si.versionNo}"></td>
									<td th:text="|${si.wrtTitle} ${si.wrtNm}|"></td>
									<td th:text="${#temporals.format(si.wrtDt, 'yyyy-MM-dd')}"></td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
		<div class="col-8" id="valueDiv">
			<div class="row mb-3">
		      <label for="cat1Cd" class="col-sm-4 col-form-label col-form-label-sm text-center">항로</label>
		      <div class="col-sm-7">
		        <input type="text" class="form-control" id="hHangro" readonly>
		      </div>
		    </div>
           <div class="row mb-3">
		      <label for="cat1Cd" class="col-sm-4 col-form-label col-form-label-sm text-center">사업자</label>
		      <div class="col-sm-7">
		        <input type="text" class="form-control" id="hOwnerNm" readonly>
		      </div>
		    </div>
		    <div class="row mb-3">
		      <label for="cat2Cd" class="col-sm-4 col-form-label col-form-label-sm text-center">선명</label>
		      <div class="col-sm-7">
		        <input type="text" class="form-control" id="hShipNm" readonly>
		      </div>
		    </div>
		    <div class="row mb-3">
		      <label for="cat3Cd" class="col-sm-4 col-form-label col-form-label-sm text-center">국제총톤수</label>
		      <div class="col-sm-7">
		        <input type="text" class="form-control" id="hShipWeight" readonly>
		      </div>
		    </div>
		    <div class="row mb-3">
		      <label for="cat3Cd" class="col-sm-4 col-form-label col-form-label-sm text-center">수송능력</label>
		      <div class="col-sm-7">
		        <textarea class="form-control" id="hSusong" readonly></textarea>
		      </div>
		    </div>
		     <div class="row mb-3">
		      <label for="cat2Cd" class="col-sm-4 col-form-label col-form-label-sm text-center">운항횟수</label>
		      <div class="col-sm-7">
		          <input type="text" class="form-control" id="hOperationCnt" readonly>
		      </div>
		    </div>
		    <div class="row mb-3">
		      <label for="cat3Cd" class="col-sm-4 col-form-label col-form-label-sm text-center">휴항</label>
		      <div class="col-sm-7">
		        <input type="text" class="form-control" id="hCloseYn" readonly>
		      </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>
</html>