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

<div class="modal-header">
  <h5 class="modal-title" th:text="${siType eq 'KRCN' ? '한-중 국제여객선 등록' : siType eq 'KRJPRU' ? '한-일,러 국제여객선 등록' : null}"></h5>
  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
  <form id="shipInfoSave" method="post">
        <input type="hidden" name="_csrf_header" th:value="${_csrf.headerName}"/>
   		<input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
   		<input type="hidden" name="siType" th:value="${siType}">
   		<h5 class="text-center">항로</h5>
          <div class="mb-2 row">
            <label for="startPoint" class="col-sm-2 col-form-label text-center">출발</label>        
            <div class="col-sm-3">
               <input type="text" class="form-control" id="startPoint" name="startPoint">
            </div>
           <label for="endPoint" class="col-sm-2 col-form-label text-center">도착</label>
            <div class="col-sm-3">
              <input type="text" class="form-control" id="endPoint" name="endPoint">
            </div> 
          </div>
          <div class="mb-2 row">
            <label for="distanceNm" class="col-sm-2 col-form-label text-center">거리(해리)</label>        
            <div class="col-sm-3">
               <input type="text" class="form-control" id="distanceNm" name="distanceNm" placeholder="ex:OOO해리">
            </div>
            <label for="distanceKm" class="col-sm-2 col-form-label text-center">거리(KM)</label>        
            <div class="col-sm-3">
               <input type="text" class="form-control" id="distanceKm" name="distanceKm" placeholder="ex:OOOKm">
            </div>
          </div>
          <br><br>
          <div class="mb-3 row">
            <label for="shipWeight" class="col-sm-2 col-form-label text-center">국제총톤 수</label>
            <div class="col-sm-3">
                  <input type="number" class="form-control" id="shipWeight" name="shipWeight">
            </div>
            <label for="passengerCnt" class="col-sm-2 col-form-label text-center">여객</label>
            <div class="col-sm-3">
                  <input type="number" class="form-control" id="passengerCnt" name="passengerCnt" placeholder="단위:명">
            </div>          
          </div>
          <div class="mb-1 row">
          <label for="freightCnt" class="col-sm-2 col-form-label text-center">화물</label>
            <div class="col-sm-3">
                  <input type="number" class="form-control" id="freightCnt" name="freightCnt" placeholder="단위:TEU">
            </div>
          </div>
          <br><br>
          <div class="mb-3 row">
            <label for="ownerNm" class="col-sm-2 col-form-label text-center">사업자</label>
            <div class="col-sm-3">
                  <input type="text" class="form-control" id="ownerNm" name="ownerNm">
            </div>
            <label for="shipNm" class="col-sm-2 col-form-label text-center">선명</label>
            <div class="col-sm-3">
                  <input type="text" class="form-control" id="shipNm" name="shipNm">
            </div>            
          </div>
          <div class="mb-1 row">
          <label for="operationCnt" class="col-sm-2 col-form-label text-center">운항횟수</label>
            <div class="col-sm-3">
                  <input type="text" class="form-control" id="operationCnt" name="operationCnt" placeholder="ex:주0회(00H)">
            </div>
           </div>
          <div class="mb-1 row">
            <label for="closeYn" class="col-sm-2 col-form-label text-center">휴항</label>
            <div class="col-sm-3">
            <select class="form-select form-select-sm" id="closeYn" name="closeYn">
                  <option value="">선택</option>
                  <option value="O">O</option>
                  <option value="X">X</option>
           </select>
           </div>
          </div>
          <div class="mb-1 row">
            <label for="description" class="col-sm-2 col-form-label text-center">비고</label>
            <div class="col-sm-4">
                  <textarea id="description" name="description" rows="4" cols="65"></textarea>
            </div>
          </div>
      </form>
</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 class="col-auto">
</div>
  <div class="col-auto">
    <button type="button" class="btn btn-primary" id="saveShipInfo">저장</button>
  </div>
</div>
</html>