<!DOCTYPE html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
<div class="row border border-secondary">
  <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-bottom border-secondary text-center">선명</label>
  <div class="col-sm-10 border-bottom border-secondary">
    <div class="input-group w-auto">
      <input type="text" class="form-control form-control-sm border-0" readonly th:value="${fishingBoat.boatNameKr}">
      <input type="text" class="form-control form-control-sm border-0" readonly th:value="${fishingBoat.boatNameCn}">
    </div>
  </div>
  <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-secondary text-center">위반사항</label>
  <div class="col-sm-10">
    <div class="row">
      <th:block th:each="code:${vtList}">
        <th:block th:each="violation:${fishingBoat.violationList}">
          <div class="col-6" th:if="${code.itemCd eq violation.violation}">
            <input type="text" class="form-control form-control-sm border-0" readonly th:value="${code.itemValue}"/>
          </div>
        </th:block>
      </th:block>
    </div>
  </div>
</div>
<div class="row border border-secondary border-top-0">
  <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-bottom border-secondary text-center">허가번호</label>
  <div class="col-sm-4 border-end border-bottom border-secondary">
    <input type="text" class="form-control form-control-sm border-0" readonly th:value="${fishingBoat.permitNum}">
  </div>
  <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-bottom border-secondary text-center">국적</label>
  <div class="col-sm-4 border-bottom border-secondary">
    <input type="text" class="form-control form-control-sm border-0" readonly th:value="${fishingBoat.nationality}">
  </div>
  <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-secondary text-center">승선원</label>
  <div class="col-sm-4 border-end border-secondary">
    <input type="text" class="form-control form-control-sm border-0" readonly th:value="|${fishingBoat.sailorCnt}인|">
  </div>
  <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-secondary text-center">톤수</label>
  <div class="col-sm-4">
    <input type="text" class="form-control form-control-sm border-0" readonly th:value="|${fishingBoat.tonCnt}t|">
  </div>
</div>
<div class="row border border-secondary border-top-0">
  <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-bottom border-secondary text-center">선종</label>
  <div class="col-sm-4 border-end border-bottom border-secondary">
    <th:block th:each="code:${ftList}">
      <input type="text" class="form-control form-control-sm border-0" readonly th:if="${code.itemCd eq fishingBoat.fisheryType}" th:value="${code.itemValue}">
    </th:block>
  </div>
  <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-bottom border-secondary text-center">선질</label>
  <div class="col-sm-4 border-bottom border-secondary">
    <th:block th:each="code:${bmList}">
      <input type="text" class="form-control form-control-sm border-0" readonly th:if="${code.itemCd eq fishingBoat.boatMaterial}" th:value="${code.itemValue}">
    </th:block>
  </div>
  <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-secondary text-center">선적지</label>
  <div class="col-sm-4 border-end border-secondary">
    <div class="input-group w-auto">
      <input type="text" class="form-control form-control-sm border-0" readonly th:value="${fishingBoat.boatNnySung}">
      <input type="text" class="form-control form-control-sm border-0" readonly th:value="${fishingBoat.boatNnySi}">
    </div>
  </div>
</div>
<div class="row border border-secondary border-top-0">
  <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-bottom border-secondary text-center">범칙물</label>
  <div class="col-sm-6 border-end border-bottom border-secondary">
    <input type="text" class="form-control form-control-sm border-0" readonly
           th:value="|${fishingBoat.offenseType} ${fishingBoat.offenseWeight}kg|">
  </div>
  <div class="col-sm-4 border-bottom border-secondary"></div>
  <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-secondary text-center">범칙물 위판량</label>
  <div class="col-sm-4 border-end border-secondary">
    <input type="text" class="form-control form-control-sm border-0" readonly th:value="|${fishingBoat.offenseQuantity}kg|">
  </div>
  <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-secondary text-center">범칙물 위판금액</label>
  <div class="col-sm-4">
    <input type="text" class="form-control form-control-sm border-0" readonly th:value="|${fishingBoat.offenseAmount}원|">
  </div>
</div>
<div class="row border border-secondary border-top-0">
  <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-bottom border-secondary text-center">범칙물 폐기량</label>
  <div class="col-sm-4 border-end border-bottom border-secondary">
    <input type="text" class="form-control form-control-sm border-0" readonly th:value="|${fishingBoat.offenseIllegalWasteQuantity}kg|">
  </div>
  <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-bottom border-secondary text-center">담보금 미납액</label>
  <div class="col-sm-4 border-bottom border-secondary">
    <input type="text" class="form-control form-control-sm border-0" readonly th:value="|${fishingBoat.damboUnpaidAmount}원|">
  </div>
  <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-secondary text-center">담보금 납부액</label>
  <div class="col-sm-4 border-end border-secondary">
    <input type="text" class="form-control form-control-sm border-0" readonly th:value="|${fishingBoat.damboPayment}원|">
  </div>
  <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-secondary text-center">담보금 납부일시</label>
  <div class="col-sm-4">
    <input type="text" class="form-control form-control-sm border-0" readonly th:value="${#temporals.format(fishingBoat.paymentPaymentDt, 'yyyy-MM-dd HH:mm')}">
  </div>
</div>
<div class="row border border-secondary border-top-0">
  <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-secondary text-center">압수어구</label>
  <div class="col-sm-10">
    <input type="text" class="form-control form-control-sm border-0" readonly
           th:value="|틀: ${fishingBoat.confiscationFrame} 폭: ${fishingBoat.confiscationWidth} 조: ${fishingBoat.confiscationJo} 개: ${fishingBoat.confiscationGae} 기타: ${fishingBoat.confiscationEtc}|">
  </div>
</div>
</html>