<!DOCTYPE html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
<div class="modal-header">
  <h5 class="modal-title" id="fishingBoatEditModalLabel" th:text="${crackdownStatus.cdsKey eq null?'외국어선정보 작성':'외국어선정보 수정'}"></h5>
  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
  <form action="#" method="post" id="fishingBoatEditForm">
    <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="cdsKey" id="cdsKey" th:value="${crackdownStatus.cdsKey}">
    <input type="hidden" name="fishingBoat.fbKey" th:value="${crackdownStatus.fishingBoat.fbKey}">
    <input type="hidden" name="fishingBoat.saveYn" id="saveYn" th:value="${crackdownStatus.fishingBoat.saveYn}">
    <input type="hidden" name="fishingBoat.wrtOrgan" th:value="${crackdownStatus.fishingBoat.wrtOrgan}">
    <input type="hidden" name="fishingBoat.wrtPart" th:value="${crackdownStatus.fishingBoat.wrtPart}">
    <input type="hidden" name="fishingBoat.wrtUserSeq" th:value="${crackdownStatus.fishingBoat.wrtUserSeq}">
    <input type="hidden" name="fishingBoat.wrtUserNm" th:value="${crackdownStatus.fishingBoat.wrtUserNm}">
    <input type="hidden" name="fishingBoat.wrtUserGrd" th:value="${crackdownStatus.fishingBoat.wrtUserGrd}">
    <ul class="nav nav-tabs" id="userTab" role="tablist">
      <li class="nav-item" role="presentation">
        <button class="nav-link active" id="baseInfoTab" data-bs-toggle="tab" data-bs-target="#baseInfoTabPanel" type="button" role="tab" aria-controls="baseInfoTabPanel" aria-selected="true">기본정보</button>
      </li>
      <li class="nav-item" role="presentation">
        <button class="nav-link" id="sailorTab" data-bs-toggle="tab" data-bs-target="#sailorTabPanel" type="button" role="tab" aria-controls="sailorTabPanel" aria-selected="false">선장/선주정보</button>
      </li>
      <li class="nav-item" role="presentation">
        <button class="nav-link" id="fishingBoatTab" data-bs-toggle="tab" data-bs-target="#fishingBoatTabPanel" type="button" role="tab" aria-controls="fishingBoatTabPanel" aria-selected="false">어선정보</button>
      </li>
      <li class="nav-item" role="presentation">
        <button class="nav-link" id="processResultTab" data-bs-toggle="tab" data-bs-target="#processResultTabPanel" type="button" role="tab" aria-controls="processResultTabPanel" aria-selected="false">처리결과</button>
      </li>
    </ul>
    <div class="tab-content border border-top-0">
      <div class="tab-pane fade p-2 show active" id="baseInfoTabPanel" role="tabpanel" aria-labelledby="baseInfoTab" tabindex="0">
        <div class="mb-3 row">
          <label for="boatNameKr" class="col-sm-1 col-form-label col-form-label-sm text-center">선명</label>
          <div class="col-sm-2">
            <input type="text" class="form-control form-control-sm fishingBoatInfo boatNameKr" id="boatNameKr" name="fishingBoat.boatNameKr" placeholder="한글" th:value="${crackdownStatus.fishingBoat.boatNameKr}">
          </div>
          <label for="caseNum" class="col-sm-1 col-form-label col-form-label-sm text-center">사건번호</label>
          <div class="col-sm-2">
            <div class="input-group">
              <input type="text" class="form-control form-control-sm crackdownStatusInfo" id="caseNum" name="caseNum" th:value="${crackdownStatus.caseNum}">
              <input type="button" class="btn btn-sm btn-outline-primary crackdownStatusInfo w-auto" id="caseNumBtn" value="불러오기">
            </div>
          </div>
        </div>
        <div class="mb-3 row">
          <label for="caseAgency" class="col-sm-1 col-form-label col-form-label-sm text-center">사건담당기관</label>
          <div class="col-sm-2">
            <select class="form-select form-select-sm crackdownStatusInfo" id="caseAgency" name="caseAgency">
              <option value="">선택</option>
              <th:block th:each="code:${ataList}">
                <option th:value="${code.itemCd}" th:text="${code.itemValue}" th:selected="${code.itemCd eq crackdownStatus.caseAgency}"></option>
              </th:block>
            </select>
          </div>
          <label for="casePoliceOfficer" class="col-sm-1 col-form-label col-form-label-sm text-center fs-13">사건담당경찰관</label>
          <div class="col-sm-2">
            <input type="text" class="form-control form-control-sm crackdownStatusInfo" id="casePoliceOfficer" name="casePoliceOfficer" th:value="${crackdownStatus.casePoliceOfficer}">
          </div>
          <label for="crackdownPolice" class="col-sm-1 col-form-label col-form-label-sm text-center">단속경찰서</label>
          <div class="col-sm-2">
            <select class="form-select form-select-sm crackdownStatusInfo" name="crackdownPolice" id="crackdownPolice">
              <option value="">선택</option>
              <th:block th:each="code:${cpoList}">
                <option th:value="${code.itemCd}" th:text="${code.itemValue}" th:selected="${code.itemCd eq crackdownStatus.crackdownPolice}"></option>
              </th:block>
            </select>
          </div>
          <label for="crackdownBoat" class="col-sm-1 col-form-label col-form-label-sm text-center">단속함정</label>
          <div class="col-sm-2">
            <select class="form-select form-select-sm crackdownStatusInfo" name="crackdownBoat" id="crackdownBoat" th:data-boatcode="${crackdownStatus.crackdownBoat}" disabled>
              <option value="">단속경찰서를 선택해주세요.</option>
            </select>
          </div>
        </div>
        <div class="mb-3 row">
          <label for="napoDt" class="col-sm-1 col-form-label col-form-label-sm text-center">나포일시</label>
          <div class="col-sm-2">
            <input type="text" class="form-control form-control-sm crackdownStatusInfo dateTimeSelector" id="napoDt" name="napoDt" placeholder="0000-00-00 00:00" th:value="${#temporals.format(crackdownStatus.napoDt, 'yyyy-MM-dd')}" autocomplete="off">
          </div>
          <label for="napoSeaPointLon" class="col-sm-1 col-form-label col-form-label-sm text-center">나포장소</label>
          <div class="col-sm-5">
            <div class="input-group w-auto">
              <input type="text" class="form-control form-control-sm w-25 crackdownStatusInfo" id="napoSeaPointLon" name="napoSeaPointLon" placeholder="00 . 00 . 00N" th:value="${crackdownStatus.napoSeaPointLon}">
              <input type="text" class="form-control form-control-sm w-25 crackdownStatusInfo" id="napoSeaPointLat" name="napoSeaPointLat" placeholder="000-00.00E" th:value="${crackdownStatus.napoSeaPointLat}">
              <input type="text" class="form-control form-control-sm w-50 crackdownStatusInfo" id="napoSeaPointDetail" name="napoSeaPointDetail" placeholder="00도 00방 00해리, 어업협정선 내측 00해리" th:value="${crackdownStatus.napoSeaPointDetail}">
            </div>
          </div>
          <label for="fieldIvsgt" class="col-sm-1 col-form-label col-form-label-sm text-center">압송/현장조사</label>
          <div class="col-sm-2">
            <select class="form-select form-select-sm crackdownStatusInfo" name="fieldIvsgt" id="fieldIvsgt">
              <option value="">선택</option>
              <option value="C" th:selected="${crackdownStatus.fieldIvsgt eq 'C'}">압송</option>
              <option value="F" th:selected="${crackdownStatus.fieldIvsgt eq 'F'}">현장조사</option>
            </select>
          </div>
        </div>
      </div>
      <div class="tab-pane fade p-2" id="sailorTabPanel" role="tabpanel" aria-labelledby="sailorTab" tabindex="0">
        <div class="row">
          <th:block th:if="${#lists.isEmpty(crackdownStatus.sailorList)}">
            <div class="col-6" id="captainDiv">
              <div class="mb-3 row">
                <label for="captainDiv" class="col-sm-2 col-form-label col-form-label-sm text-center">&nbsp;</label>
              </div>
              <div class="mb-3 row">
                <label for="sailorNameKr" class="col-sm-2 col-form-label col-form-label-sm text-center">선장명</label>
                <div class="col-sm-10">
                  <div class="input-group w-auto">
                    <input type="text" class="form-control form-control-sm sailorInfo" id="sailorNameKr" placeholder="한글">
                    <input type="text" class="form-control form-control-sm sailorInfo" id="sailorNameCn" placeholder="중문">
                    <input type="text" class="form-control form-control-sm sailorInfo" id="sailorNamePinyin" placeholder="병음">
                  </div>
                </div>
              </div>
              <div class="mb-3 row">
                <label for="birthdate" class="col-sm-2 col-form-label col-form-label-sm text-center">생년월일</label>
                <div class="col-sm-4">
                  <input type="text" class="form-control form-control-sm sailorInfo dateSelector" id="birthdate" placeholder="0000-00-00" autocomplete="off">
                </div>
                <label for="sailorContact" class="col-sm-2 col-form-label col-form-label-sm text-center">연락처</label>
                <div class="col-sm-4">
                  <input type="text" class="form-control form-control-sm sailorInfo" id="sailorContact">
                </div>
              </div>
              <div class="mb-3 row">
                <label for="residence" class="col-sm-2 col-form-label col-form-label-sm text-center">주소</label>
                <div class="col-sm-4">
                  <input type="text" class="form-control form-control-sm sailorInfo" id="residence" placeholder="성 기준">
                </div>
                <label for="arrestHistory" class="col-sm-2 col-form-label col-form-label-sm text-center">재범횟수</label>
                <div class="col-sm-4">
                  <input type="text" class="form-control form-control-sm sailorInfo" id="arrestHistory">
                </div>
              </div>
              <div class="mb-3 row">
                <label for="note" class="col-sm-2 col-form-label col-form-label-sm text-center">비고</label>
                <div class="col-sm-10">
                  <input type="text" class="form-control form-control-sm sailorInfo" id="note">
                </div>
              </div>
              <div class="row mb-3">
                <label for="fileInputer" class="col-sm-2 col-form-label col-form-label-sm text-center">사진</label>
                <div class="col-sm-10" style="min-height: 70px;">
                  <div class="w-100 h-100 border border-info rounded text-center" id="uploadDiv">
                    <br>사진을 업로드 해주세요.
                    <!--
                    <th:block th:if="${#arrays.isEmpty(affair.fileList)}">
                      <br>파일을 업로드 해주세요.
                    </th:block>
                    <th:block th:unless="${#arrays.isEmpty(affair.fileList)}">
                      <div class='row-col-6' th:each="affairFile:${affair.fileList}">
                        <span th:data-fileseq="${affairFile.fileSeq}" th:text="|${affairFile.origNm}.${affairFile.fileExtn} ${affairFile.fileSize}|"></span>
                        <a href='#' class='uploadedFileDelete text-danger text-decoration-none'>삭제</a>
                      </div>
                    </th:block>
                    -->
                  </div>
                </div>
                <input type="file" class="d-none sailorInfo" id="fileInputer" multiple>
              </div>
            </div>
            <div class="col-6 border-start" id="shipOwnerDiv">
              <div class="mb-3 row">
                <div class="col-sm-4 ms-3 input-group w-auto">
                  <input type="checkbox" class="sailorInfo" id="equalCaptain">
                  <label for="equalCaptain" class="col-form-label col-form-label-sm ps-2">좌측동일</label>
                </div>
              </div>
              <div class="mb-3 row">
                <label for="sailorNameKr2" class="col-sm-2 col-form-label col-form-label-sm text-center">선장명</label>
                <div class="col-sm-10">
                  <div class="input-group w-auto">
                    <input type="text" class="form-control form-control-sm sailorInfo" id="sailorNameKr2" placeholder="한글">
                    <input type="text" class="form-control form-control-sm sailorInfo" id="sailorNameCn2" placeholder="중문">
                    <input type="text" class="form-control form-control-sm sailorInfo" id="sailorNamePinyin2" placeholder="병음">
                  </div>
                </div>
              </div>
              <div class="mb-3 row">
                <label for="birthdate2" class="col-sm-2 col-form-label col-form-label-sm text-center">생년월일</label>
                <div class="col-sm-4">
                  <input type="text" class="form-control form-control-sm sailorInfo dateSelector" id="birthdate2" placeholder="0000-00-00" autocomplete="off">
                </div>
                <label for="sailorContact2" class="col-sm-2 col-form-label col-form-label-sm text-center">연락처</label>
                <div class="col-sm-4">
                  <input type="text" class="form-control form-control-sm sailorInfo" id="sailorContact2">
                </div>
              </div>
              <div class="mb-3 row">
                <label for="residence2" class="col-sm-2 col-form-label col-form-label-sm text-center">주소</label>
                <div class="col-sm-4">
                  <input type="text" class="form-control form-control-sm sailorInfo" id="residence2" placeholder="성 기준">
                </div>
              </div>
              <div class="mb-3 row">
                <label for="note2" class="col-sm-2 col-form-label col-form-label-sm text-center">비고</label>
                <div class="col-sm-10">
                  <input type="text" class="form-control form-control-sm sailorInfo" id="note2">
                </div>
              </div>
            </div>
          </th:block>
          <th:block th:unless="${#lists.isEmpty(crackdownStatus.sailorList)}">
            <th:block th:each="sailor:${crackdownStatus.sailorList}">
              <th:block th:if="${sailor.position eq 'POS001'}">
                <div class="col-6" id="captainDiv">
                  <div class="mb-3 row">
                    <label for="captainDiv" class="col-sm-2 col-form-label col-form-label-sm text-center">&nbsp;</label>
                  </div>
                  <div class="mb-3 row">
                    <label for="sailorNameKr" class="col-sm-2 col-form-label col-form-label-sm text-center">선장명</label>
                    <div class="col-sm-10">
                      <div class="input-group w-auto">
                        <input type="text" class="form-control form-control-sm sailorInfo" id="sailorNameKr" placeholder="한글" th:value="${sailor.sailorNameKr}">
                        <input type="text" class="form-control form-control-sm sailorInfo" id="sailorNameCn" placeholder="중문" th:value="${sailor.sailorNameCn}">
                        <input type="text" class="form-control form-control-sm sailorInfo" id="sailorNamePinyin" placeholder="병음" th:value="${sailor.sailorNamePinyin}">
                      </div>
                    </div>
                  </div>
                  <div class="mb-3 row">
                    <label for="birthdate" class="col-sm-2 col-form-label col-form-label-sm text-center">생년월일</label>
                    <div class="col-sm-4">
                      <input type="text" class="form-control form-control-sm sailorInfo dateSelector" id="birthdate" placeholder="0000-00-00" th:value="${sailor.birthdate}" autocomplete="off">
                    </div>
                    <label for="sailorContact" class="col-sm-2 col-form-label col-form-label-sm text-center">연락처</label>
                    <div class="col-sm-4">
                      <input type="text" class="form-control form-control-sm sailorInfo" id="sailorContact" th:value="${sailor.sailorContact}">
                    </div>
                  </div>
                  <div class="mb-3 row">
                    <label for="residence" class="col-sm-2 col-form-label col-form-label-sm text-center">주소</label>
                    <div class="col-sm-4">
                      <input type="text" class="form-control form-control-sm sailorInfo" id="residence" placeholder="성 기준" th:value="${sailor.residence}">
                    </div>
                    <label for="arrestHistory" class="col-sm-2 col-form-label col-form-label-sm text-center">재범횟수</label>
                    <div class="col-sm-4">
                      <input type="text" class="form-control form-control-sm sailorInfo" id="arrestHistory" th:value="${sailor.arrestHistory}">
                    </div>
                  </div>
                  <div class="mb-3 row">
                    <label for="note" class="col-sm-2 col-form-label col-form-label-sm text-center">비고</label>
                    <div class="col-sm-10">
                      <input type="text" class="form-control form-control-sm sailorInfo" id="note" th:value="${sailor.note}">
                    </div>
                  </div>
                  <th:block th:if="${crackdownStatus.cdsKey eq null}">
                    <div class="row mb-3">
                      <label for="fileInputer" class="col-sm-2 col-form-label col-form-label-sm text-center">사진</label>
                      <div class="col-sm-10" style="min-height: 70px;">
                        <div class="w-100 h-100 border border-info rounded text-center" id="uploadDiv">
                          <th:block th:if="${#arrays.isEmpty(sailor.fileList)}">
                            <br>사진을 업로드 해주세요.
                          </th:block>
                          <th:block th:unless="${#arrays.isEmpty(sailor.fileList)}">
                            <div class='row-col-6' th:each="file:${sailor.fileList}">
                              <span th:data-fileseq="${file.fileSeq}" th:text="|${file.origNm}.${file.fileExtn} ${file.fileSize}|"></span>
                              <a href='#' class='uploadedFileDelete text-danger text-decoration-none'>삭제</a>
                            </div>
                          </th:block>
                        </div>
                      </div>
                      <input type="file" class="d-none sailorInfo" id="fileInputer" multiple>
                    </div>
                  </th:block>
                </div>
              </th:block>
              <th:block th:if="${sailor.position eq 'POS004'}">
                <div class="col-6 border-start" id="shipOwnerDiv">
                  <div class="mb-3 row">
                    <div class="col-sm-4 ms-3 input-group w-auto">
                      <input type="checkbox" class="sailorInfo" id="equalCaptain">
                      <label for="equalCaptain" class="col-form-label col-form-label-sm ps-2">좌측동일</label>
                    </div>
                  </div>
                  <div class="mb-3 row">
                    <label for="sailorNameKr2" class="col-sm-2 col-form-label col-form-label-sm text-center">선장명</label>
                    <div class="col-sm-10">
                      <div class="input-group w-auto">
                        <input type="text" class="form-control form-control-sm sailorInfo" id="sailorNameKr2" placeholder="한글" th:value="${sailor.sailorNameKr}">
                        <input type="text" class="form-control form-control-sm sailorInfo" id="sailorNameCn2" placeholder="중문" th:value="${sailor.sailorNameCn}">
                        <input type="text" class="form-control form-control-sm sailorInfo" id="sailorNamePinyin2" placeholder="병음" th:value="${sailor.sailorNamePinyin}">
                      </div>
                    </div>
                  </div>
                  <div class="mb-3 row">
                    <label for="birthdate2" class="col-sm-2 col-form-label col-form-label-sm text-center">생년월일</label>
                    <div class="col-sm-4">
                      <input type="text" class="form-control form-control-sm sailorInfo dateSelector" id="birthdate2" placeholder="0000-00-00" th:value="${sailor.birthdate}" autocomplete="off">
                    </div>
                    <label for="sailorContact2" class="col-sm-2 col-form-label col-form-label-sm text-center">연락처</label>
                    <div class="col-sm-4">
                      <input type="text" class="form-control form-control-sm sailorInfo" id="sailorContact2" th:value="${sailor.sailorContact}">
                    </div>
                  </div>
                  <div class="mb-3 row">
                    <label for="residence2" class="col-sm-2 col-form-label col-form-label-sm text-center">주소</label>
                    <div class="col-sm-4">
                      <input type="text" class="form-control form-control-sm sailorInfo" id="residence2" placeholder="성 기준" th:value="${sailor.residence}">
                    </div>
                  </div>
                  <div class="mb-3 row">
                    <label for="note2" class="col-sm-2 col-form-label col-form-label-sm text-center">비고</label>
                    <div class="col-sm-10">
                      <input type="text" class="form-control form-control-sm sailorInfo" id="note2" th:value="${sailor.note}">
                    </div>
                  </div>
                </div>
              </th:block>
            </th:block>
          </th:block>
        </div>
      </div>
      <div class="tab-pane fade p-2" id="fishingBoatTabPanel" role="tabpanel" aria-labelledby="fishingBoatTab" tabindex="0">
        <div class="mb-3 row">
          <label for="boatNameCn" class="col-sm-1 col-form-label col-form-label-sm text-center">선명</label>
          <div class="col-sm-4">
            <div class="input-group w-auto">
              <input type="text" class="form-control form-control-sm fishingBoatInfo boatNameKr" placeholder="한글" th:value="${crackdownStatus.fishingBoat.boatNameKr}">
              <input type="text" class="form-control form-control-sm fishingBoatInfo" id="boatNameCn" name="fishingBoat.boatNameCn" placeholder="중문" th:value="${crackdownStatus.fishingBoat.boatNameCn}">
            </div>
          </div>
          <div class="col-sm-1"></div>
          <label for="violationSelector" class="col-sm-1 col-form-label col-form-label-sm text-center">위반사항</label>
          <div class="col-sm-1">
            <select class="form-select form-select-sm" id="violationSelector">
              <option value="">선택</option>
              <th:block th:each="code:${vtList}">
                <option th:value="${code.itemCd}" th:text="${code.itemValue}"></option>
              </th:block>
            </select>
          </div>
          <div class="col-sm-4">
            <div class="row" id="violationDiv">
              <th:block th:each="violation:${crackdownStatus.violationList}">
                <div class="col-6 violation">
                  <input type="hidden" class="form-control form-control-sm fishingBoatInfo violationCd" th:value="${violation.violation}">
                  <div class="input-group w-auto">
                    <th:block th:each="code:${vtList}">
                      <input type="text" class="form-control form-control-sm" th:if="${code.itemCd eq violation.violation}" th:value="${code.itemValue}">
                    </th:block>
                    <button type="button" class="btn btn-sm btn-outline-secondary opacity-75 violationRemoveBtn">
                      <i class="bi bi-dash-square text-danger"></i>
                    </button>
                  </div>
                </div>
              </th:block>
            </div>
          </div>
        </div>
        <div class="mb-3 row">
          <label for="permitNum" class="col-sm-1 col-form-label col-form-label-sm text-center">허가번호</label>
          <div class="col-sm-2">
            <input type="text" class="form-control form-control-sm fishingBoatInfo" id="permitNum" name="fishingBoat.permitNum" th:value="${crackdownStatus.fishingBoat.permitNum}">
          </div>
          <label for="nationality" class="col-sm-1 col-form-label col-form-label-sm text-center">국적</label>
          <div class="col-sm-2">
            <input type="text" class="form-control form-control-sm fishingBoatInfo" id="nationality" name="fishingBoat.nationality" th:value="${crackdownStatus.fishingBoat.nationality}">
          </div>
          <label for="sailorCnt" class="col-sm-1 col-form-label col-form-label-sm text-center">승선원</label>
          <div class="col-sm-2">
            <input type="text" class="form-control form-control-sm fishingBoatInfo" id="sailorCnt" name="fishingBoat.sailorCnt" placeholder="0인" th:value="${crackdownStatus.fishingBoat.sailorCnt}">
          </div>
          <label for="tonCnt" class="col-sm-1 col-form-label col-form-label-sm text-center">톤수</label>
          <div class="col-sm-2">
            <input type="text" class="form-control form-control-sm fishingBoatInfo" id="tonCnt" name="fishingBoat.tonCnt" placeholder="000.00t" th:value="${crackdownStatus.fishingBoat.tonCnt}">
          </div>
        </div>
        <div class="mb-3 row">
          <label for="fisheryType" class="col-sm-1 col-form-label col-form-label-sm text-center">선종</label>
          <div class="col-sm-2">
            <select class="form-select form-select-sm fishingBoatInfo" id="fisheryType" name="fishingBoat.fisheryType">
              <option value="">선택</option>
              <th:block th:each="code:${ftList}">
                <option th:value="${code.itemCd}" th:text="${code.itemValue}" th:selected="${code.itemCd eq crackdownStatus.fishingBoat.fisheryType}"></option>
              </th:block>
            </select>
          </div>
          <label for="boatMaterial" class="col-sm-1 col-form-label col-form-label-sm text-center">선질</label>
          <div class="col-sm-2">
            <select class="form-select form-select-sm fishingBoatInfo" id="boatMaterial" name="fishingBoat.boatMaterial">
              <option value="">선택</option>
              <th:block th:each="code:${bmList}">
                <option th:value="${code.itemCd}" th:text="${code.itemValue}" th:selected="${code.itemCd eq crackdownStatus.fishingBoat.boatMaterial}"></option>
              </th:block>
            </select>
          </div>
          <label for="boatNnySung" class="col-sm-1 col-form-label col-form-label-sm text-center">선적지</label>
          <div class="col-sm-2">
            <div class="input-group w-auto">
              <input type="text" class="form-control form-control-sm fishingBoatInfo" id="boatNnySung" name="fishingBoat.boatNnySung" placeholder="성" th:value="${crackdownStatus.fishingBoat.boatNnySung}">
              <input type="text" class="form-control form-control-sm fishingBoatInfo" id="boatNnySi" name="fishingBoat.boatNnySi" placeholder="시" th:value="${crackdownStatus.fishingBoat.boatNnySi}">
            </div>
          </div>
        </div>
        <div class="mb-3 row">
          <label for="offenseType" class="col-sm-1 col-form-label col-form-label-sm text-center">범칙물</label>
          <div class="col-sm-3">
            <div class="input-group w-auto">
              <input type="text" class="form-control form-control-sm fishingBoatInfo" id="offenseType" name="fishingBoat.offenseType" placeholder="직접입력" th:value="${crackdownStatus.fishingBoat.offenseType}">
              <input type="text" class="form-control form-control-sm fishingBoatInfo" id="offenseWeight" name="fishingBoat.offenseWeight" placeholder="000kg" th:value="${crackdownStatus.fishingBoat.offenseWeight}">
            </div>
          </div>
          <div class="col-sm-2"></div>
          <label for="offenseQuantity" class="col-sm-1 col-form-label col-form-label-sm text-center">범칙물 위판량</label>
          <div class="col-sm-2">
            <input type="text" class="form-control form-control-sm fishingBoatInfo" id="offenseQuantity" name="fishingBoat.offenseQuantity" placeholder="000kg" th:value="${crackdownStatus.fishingBoat.offenseQuantity}">
          </div>
          <label for="offenseAmount" class="col-sm-1 col-form-label col-form-label-sm text-center fs-11">범칙물 위판금액</label>
          <div class="col-sm-2">
            <input type="text" class="form-control form-control-sm fishingBoatInfo" id="offenseAmount" name="fishingBoat.offenseAmount" placeholder="최대 999,999,999원" th:value="${crackdownStatus.fishingBoat.offenseAmount}">
          </div>
        </div>
        <div class="mb-3 row">
          <label for="offenseIllegalWasteQuantity" class="col-sm-1 col-form-label col-form-label-sm text-center">범칙물 폐기량</label>
          <div class="col-sm-2">
            <input type="text" class="form-control form-control-sm fishingBoatInfo" id="offenseIllegalWasteQuantity" name="fishingBoat.offenseIllegalWasteQuantity" placeholder="000kg" th:value="${crackdownStatus.fishingBoat.offenseIllegalWasteQuantity}">
          </div>
          <label for="damboUnpaidAmount" class="col-sm-1 col-form-label col-form-label-sm text-center">담보금 미납액</label>
          <div class="col-sm-2">
            <input type="text" class="form-control form-control-sm fishingBoatInfo" id="damboUnpaidAmount" name="fishingBoat.damboUnpaidAmount" placeholder="최대 999,999,999원" th:value="${crackdownStatus.fishingBoat.damboUnpaidAmount}">
          </div>
          <label for="damboPayment" class="col-sm-1 col-form-label col-form-label-sm text-center">담보금 납부액</label>
          <div class="col-sm-2">
            <input type="text" class="form-control form-control-sm fishingBoatInfo" id="damboPayment" name="fishingBoat.damboPayment" placeholder="최대 999,999,999원" th:value="${crackdownStatus.fishingBoat.damboPayment}">
          </div>
          <label for="paymentPaymentDt" class="col-sm-1 col-form-label col-form-label-sm text-center fs-11">담보금 납부일시</label>
          <div class="col-sm-2">
            <input type="text" class="form-control form-control-sm fishingBoatInfo dateTimeSelector" id="paymentPaymentDt" name="fishingBoat.paymentPaymentDt" placeholder="0000-00-00 00:00" th:value="${crackdownStatus.fishingBoat.paymentPaymentDt}" autocomplete="off">
          </div>
        </div>
        <div class="mb-3 row">
          <label for="confiscationFrame" class="col-sm-1 col-form-label col-form-label-sm text-center">압수어구</label>
          <div class="col-sm-4">
            <div class="input-group w-auto">
              <input type="text" class="form-control form-control-sm fishingBoatInfo" id="confiscationFrame" name="fishingBoat.confiscationFrame" placeholder="틀" th:value="${crackdownStatus.fishingBoat.confiscationFrame}">
              <input type="text" class="form-control form-control-sm fishingBoatInfo" id="confiscationWidth" name="fishingBoat.confiscationWidth" placeholder="폭" th:value="${crackdownStatus.fishingBoat.confiscationWidth}">
              <input type="text" class="form-control form-control-sm fishingBoatInfo" id="confiscationJo" name="fishingBoat.confiscationJo" placeholder="조" th:value="${crackdownStatus.fishingBoat.confiscationJo}">
              <input type="text" class="form-control form-control-sm fishingBoatInfo" id="confiscationGae" name="fishingBoat.confiscationGae" placeholder="개" th:value="${crackdownStatus.fishingBoat.confiscationGae}">
            </div>
          </div>
          <div class="col-sm-3">
            <input type="text" class="form-control form-control-sm fishingBoatInfo" id="confiscationEtc" name="fishingBoat.confiscationEtc" placeholder="기타" th:value="${crackdownStatus.fishingBoat.confiscationEtc}">
          </div>
        </div>
      </div>
      <div class="tab-pane fade p-2" id="processResultTabPanel" role="tabpanel" aria-labelledby="processResultTab" tabindex="0">
        <div class="mb-3 row">
          <label for="processStatus" class="col-sm-1 col-form-label col-form-label-sm text-center">처리현황</label>
          <div class="col-sm-2">
            <select class="form-select form-select-sm processResultInfo" id="processStatus" name="processResult.processStatus">
              <option value="">선택</option>
              <th:block th:each="code:${prList}">
                <option th:value="${code.itemCd}" th:text="${code.itemValue}" th:selected="${code.itemCd eq crackdownStatus.processResult.processStatus}"></option>
              </th:block>
            </select>
          </div>
          <label for="pressurizedTimeTakenDate" class="col-sm-1 col-form-label col-form-label-sm text-center">압송소요시간</label>
          <div class="col-sm-2">
            <th:block th:with="ptt=${crackdownStatus.processResult.pressurizedTimeTaken}">
              <div class="input-group w-auto">
                <input type="number" class="form-control form-control-sm pressurizedTimeTaken processResultInfo" id="pressurizedTimeTakenDate" placeholder="일" th:value="${#strings.substringBefore(ptt, '일')}">
                <input type="text" class="form-control form-control-sm pressurizedTimeTaken processResultInfo timeSelector" id="pressurizedTimeTakenTime" placeholder="00:00" autocomplete="off" th:value="${#strings.substringAfter(ptt, '일')}">
              </div>
              <input type="hidden" class="processResultInfo" name="processResult.pressurizedTimeTaken" id="pressurizedTimeTaken" th:value="${ptt}">
            </th:block>
          </div>
          <label for="warrantReqTakeDate" class="col-sm-1 col-form-label col-form-label-sm text-center fs-11">영장청구 소요시간</label>
          <div class="col-sm-2">
            <th:block th:with="wrtt=${crackdownStatus.processResult.warrantReqTakeTime}">
            <div class="input-group w-auto">
              <input type="number" class="form-control form-control-sm warrantReqTake processResultInfo" id="warrantReqTakeDate" placeholder="일" th:value="${#strings.substringBefore(wrtt, '일')}">
              <input type="text" class="form-control form-control-sm warrantReqTake processResultInfo timeSelector" id="warrantReqTakeTime" placeholder="00:00" autocomplete="off" th:value="${#strings.substringAfter(wrtt, '일')}">
            </div>
            <input type="hidden" class="processResultInfo" name="processResult.warrantReqTakeTime" id="warrantReqTake" th:value="${wrtt}">
          </div>
        </div>
        <div class="mb-3 row">
          <label for="isIvsgtStop" class="col-sm-1 col-form-label col-form-label-sm text-center">수사중지 여부</label>
          <div class="col-sm-2">
            <select class="form-select form-select-sm processResultInfo" id="isIvsgtStop" name="processResult.isIvsgtStop">
              <option value="">선택</option>
              <option value="Y" th:selected="${crackdownStatus.processResult.isIvsgtStop eq 'Y'}">O</option>
              <option value="N" th:selected="${crackdownStatus.processResult.isIvsgtStop eq 'N'}">X</option>
            </select>
          </div>
          <label for="evictionDt" class="col-sm-1 col-form-label col-form-label-sm text-center">퇴거일</label>
          <div class="col-sm-2">
            <input type="text" class="form-control form-control-sm processResultInfo dateSelector" id="evictionDt" name="processResult.evictionDt" placeholder="0000-00-00" th:value="${crackdownStatus.processResult.evictionDt}" autocomplete="off">
          </div>
        </div>
        <div class="mb-3 row">
          <label for="directHandoverDt" class="col-sm-1 col-form-label col-form-label-sm text-center">직접인계일</label>
          <div class="col-sm-2">
            <input type="text" class="form-control form-control-sm processResultInfo dateSelector" id="directHandoverDt" name="processResult.directHandoverDt" placeholder="0000-00-00" th:value="${crackdownStatus.processResult.directHandoverDt}" autocomplete="off">
          </div>
          <label for="handoverSeaPointLon" class="col-sm-1 col-form-label col-form-label-sm text-center">인계 해점</label>
          <div class="col-sm-2">
            <div class="input-group w-auto">
              <input type="text" class="form-control form-control-sm processResultInfo" id="handoverSeaPointLon" name="processResult.handoverSeaPointLon" placeholder="00-00.00N" th:value="${crackdownStatus.processResult.handoverSeaPointLon}">
              <input type="text" class="form-control form-control-sm processResultInfo" id="handoverSeaPointLat" name="processResult.handoverSeaPointLat" placeholder="000-00.00E" th:value="${crackdownStatus.processResult.handoverSeaPointLat}">
            </div>
          </div>
          <label for="handoverBoat" class="col-sm-1 col-form-label col-form-label-sm text-center">인계 함정</label>
          <div class="col-sm-2">
            <input type="text" class="form-control form-control-sm processResultInfo" id="handoverBoat" name="processResult.handoverBoat" th:value="${crackdownStatus.processResult.handoverBoat}">
          </div>
          <label for="middleTakeoverBoat" class="col-sm-1 col-form-label col-form-label-sm text-center">중측 인수함정</label>
          <div class="col-sm-2">
            <input type="text" class="form-control form-control-sm processResultInfo" id="middleTakeoverBoat" name="processResult.middleTakeoverBoat" th:value="${crackdownStatus.processResult.middleTakeoverBoat}">
          </div>
        </div>
        <hr>
        <!--<div class="mb-3 row">
          <label for="materialDamageDiv" class="col-sm-1 col-form-label col-form-label-sm text-center">물적피해</label>
          <div class="col-sm-10 border p-2" id="materialDamageDiv">
            <div class="row mb-1">
              <label for="materialDamageCnt" class="col-sm-1 col-form-label col-form-label-sm text-center">발생건수</label>
              <div class="col-sm-2">
                <input type="text" class="form-control form-control-sm" id="materialDamageCnt" name="materialDamageCnt" placeholder="0건">
              </div>
              <label for="materialDamageAmount" class="col-sm-1 col-form-label col-form-label-sm text-center">피해액</label>
              <div class="col-sm-2">
                <input type="text" class="form-control form-control-sm" id="materialDamageAmount" name="materialDamageAmount" placeholder="0원">
              </div>
            </div>
            <div class="row">
              <label for="materialDamageDetail" class="col-sm-1 col-form-label col-form-label-sm text-center">상세내용</label>
              <div class="col-sm-11">
                <input type="text" class="form-control form-control-sm" id="materialDamageDetail" name="materialDamageDetail">
              </div>
            </div>
          </div>
        </div>
        <div class="mb-3 row">
          <label for="personDamage" class="col-sm-1 col-form-label col-form-label-sm text-center">인적피해</label>
          <div class="col-sm-10 border p-2" id="personDamage">
            <div class="row mb-1">
              <label for="obstrExspdCnt" class="col-sm-1 col-form-label col-form-label-sm text-center">발생건수</label>
              <div class="col-sm-2">
                <input type="text" class="form-control form-control-sm" id="obstrExspdCnt" name="obstrExspdCnt" placeholder="0건">
              </div>
              <label for="personDamageCnt" class="col-sm-1 col-form-label col-form-label-sm text-center">피해인원</label>
              <div class="col-sm-2">
                <input type="text" class="form-control form-control-sm" id="personDamageCnt" name="personDamageCnt" placeholder="0인">
              </div>
              <label for="personDamageAmount" class="col-sm-1 col-form-label col-form-label-sm text-center">피해액</label>
              <div class="col-sm-2">
                <input type="text" class="form-control form-control-sm" id="personDamageAmount" name="personDamageAmount" placeholder="0원">
              </div>
            </div>
            <div class="row">
              <label for="personDamageDetail" class="col-sm-1 col-form-label col-form-label-sm text-center">상세내용</label>
              <div class="col-sm-11">
                <input type="text" class="form-control form-control-sm" id="personDamageDetail" name="personDamageDetail">
              </div>
            </div>
          </div>
        </div>
        <hr>-->
        <div class="mb-3 row">
          <label for="consignmentStartDt" class="col-sm-1 col-form-label col-form-label-sm text-center">위탁시작일</label>
          <div class="col-sm-2">
            <input type="text" class="form-control form-control-sm processResultInfo dateSelector" id="consignmentStartDt" name="processResult.consignmentStartDt" placeholder="0000-00-00" th:value="${crackdownStatus.processResult.consignmentStartDt}" autocomplete="off">
          </div>
          <label for="consignmentEndDt" class="col-sm-1 col-form-label col-form-label-sm text-center">위탁종료일</label>
          <div class="col-sm-2">
            <input type="text" class="form-control form-control-sm processResultInfo dateSelector" id="consignmentEndDt" name="processResult.consignmentEndDt" placeholder="0000-00-00" th:value="${crackdownStatus.processResult.consignmentEndDt}" autocomplete="off">
          </div>
          <label for="confiscationDt" class="col-sm-1 col-form-label col-form-label-sm text-center">몰수확정일</label>
          <div class="col-sm-2">
            <input type="text" class="form-control form-control-sm processResultInfo dateSelector" id="confiscationDt" name="processResult.confiscationDt" placeholder="0000-00-00" th:value="${crackdownStatus.processResult.confiscationDt}" autocomplete="off">
          </div>
        </div>
        <div class="mb-3 row">
          <label for="boatDisposalDt" class="col-sm-1 col-form-label col-form-label-sm text-center">폐선일</label>
          <div class="col-sm-2">
            <input type="text" class="form-control form-control-sm processResultInfo dateSelector" id="boatDisposalDt" name="processResult.boatDisposalDt" placeholder="0000-00-00" th:value="${crackdownStatus.processResult.boatDisposalDt}" autocomplete="off">
          </div>
          <label for="boatDisposalType" class="col-sm-1 col-form-label col-form-label-sm text-center">폐선종류</label>
          <div class="col-sm-2">
            <select class="form-select form-select-sm processResultInfo" id="boatDisposalType" name="processResult.boatDisposalType">
              <option value="">선택</option>
              <th:block th:each="code:${bdtList}">
                <option th:value="${code.itemCd}" th:text="${code.itemValue}" th:selected="${code.itemCd eq crackdownStatus.processResult.boatDisposalType}"></option>
              </th:block>
            </select>
          </div>
          <label for="returnDt" class="col-sm-1 col-form-label col-form-label-sm text-center">환부일</label>
          <div class="col-sm-2">
            <input type="text" class="form-control form-control-sm processResultInfo dateSelector" id="returnDt" name="processResult.returnDt" placeholder="0000-00-00" th:value="${crackdownStatus.processResult.returnDt}" autocomplete="off">
          </div>
        </div>
        <div class="mb-3 row">
          <th:block th:if="${#lists.isEmpty(crackdownStatus.sailorList)}">
            <label for="captainRestriction" class="col-sm-1 col-form-label col-form-label-sm text-center">선장구속</label>
            <div class="col-sm-2">
              <select class="form-select form-select-sm sailorInfo" id="captainRestriction">
                <option value="">선택</option>
                <option value="Y">O</option>
                <option value="N">X</option>
              </select>
            </div>
            <label for="navigatingOfficerRestriction" class="col-sm-1 col-form-label col-form-label-sm text-center">항해장구속</label>
            <div class="col-sm-2">
              <select class="form-select form-select-sm sailorInfo" id="navigatingOfficerRestriction">
                <option value="">선택</option>
                <option value="Y">O</option>
                <option value="N">X</option>
              </select>
            </div>
            <label for="chiefEngineerRestriction" class="col-sm-1 col-form-label col-form-label-sm text-center">기관장구속</label>
            <div class="col-sm-2">
              <select class="form-select form-select-sm sailorInfo" id="chiefEngineerRestriction">
                <option value="">선택</option>
                <option value="Y">O</option>
                <option value="N">X</option>
              </select>
            </div>
          </th:block>
          <th:block th:unless="${#lists.isEmpty(crackdownStatus.sailorList)}">
            <label for="captainRestriction" class="col-sm-1 col-form-label col-form-label-sm text-center">선장구속</label>
            <div class="col-sm-2">
              <th:block th:each="sailor:${crackdownStatus.sailorList}">
                <th:block th:if="${sailor.position eq 'POS001'}">
                  <select class="form-select form-select-sm sailorInfo" id="captainRestriction">
                    <option value="">선택</option>
                    <option value="Y" th:selected="${sailor.isRestriction eq 'Y'}">O</option>
                    <option value="N" th:selected="${sailor.isRestriction eq 'N'}">X</option>
                  </select>
                </th:block>
              </th:block>
            </div>
            <label for="navigatingOfficerRestriction" class="col-sm-1 col-form-label col-form-label-sm text-center">항해장구속</label>
            <div class="col-sm-2">
              <th:block th:each="sailor:${crackdownStatus.sailorList}">
                <th:block th:if="${sailor.position eq 'POS002'}">
                  <select class="form-select form-select-sm sailorInfo" id="navigatingOfficerRestriction">
                    <option value="">선택</option>
                    <option value="Y" th:selected="${sailor.isRestriction eq 'Y'}">O</option>
                    <option value="N" th:selected="${sailor.isRestriction eq 'N'}">X</option>
                  </select>
                </th:block>
              </th:block>
            </div>
            <label for="chiefEngineerRestriction" class="col-sm-1 col-form-label col-form-label-sm text-center">기관장구속</label>
            <div class="col-sm-2">
              <th:block th:each="sailor:${crackdownStatus.sailorList}">
                <th:block th:if="${sailor.position eq 'POS003'}">
                  <select class="form-select form-select-sm sailorInfo" id="chiefEngineerRestriction">
                    <option value="">선택</option>
                    <option value="Y" th:selected="${sailor.isRestriction eq 'Y'}">O</option>
                    <option value="N" th:selected="${sailor.isRestriction eq 'N'}">X</option>
                  </select>
                </th:block>
              </th:block>
            </div>
          </th:block>
        </div>
        <div class="mb-3 row">
          <label for="sailorAddBtn" class="col-sm-1 col-form-label col-form-label-sm text-center">
            선원구속
            <button type="button" class="border-0 sailorInfo" id="sailorAddBtn">
              <i class="bi bi-plus-square text-primary"></i>
            </button>
          </label>
          <div class="col-sm-10 row" id="sailorRestrictionHome">
            <th:block th:each="sailor:${crackdownStatus.sailorList}">
              <th:block th:if="${sailor.position eq 'POS005' or sailor.position eq 'POS006'}">
                <div class="col-4 sailorRestriction">
                  <div class="input-group">
                    <select class="form-select form-select-sm sailorInfo isRestriction normalSailorPosition" style="width: 75px">
                      <option value="">직책</option>
                      <option value="POS005" th:selected="${sailor.position eq 'POS005'}">기타 간부선원</option>
                      <option value="POS006" th:selected="${sailor.position eq 'POS006'}">일반선원 또는 확인불가</option>
                    </select>
                    <select class="form-select form-select-sm sailorInfo isRestriction w-auto normalSailorRestriction">
                      <option value="">선택</option>
                      <option value="Y" th:selected="${sailor.isRestriction eq 'Y'}">O</option>
                      <option value="N" th:selected="${sailor.isRestriction eq 'N'}">X</option>
                    </select>
                    <input type="text" class="form-control form-control-sm sailorInfo normalSailorNm w-auto" placeholder="이름" th:value="${sailor.sailorNameKr}">
                    <button type="button" class="btn btn-sm btn-outline-secondary sailorInfo w-auto opacity-75 sailorRemoveBtn">
                      <i class="bi bi-dash-square text-danger"></i>
                    </button>
                  </div>
                </div>
              </th:block>
            </th:block>
          </div>
        </div>
        <div class="mb-3 row">
          <label for="exileCnt" class="col-sm-1 col-form-label col-form-label-sm text-center">추방인원</label>
          <div class="col-sm-2">
            <input type="text" class="form-control form-control-sm processResultInfo" id="exileCnt" name="processResult.exileCnt" placeholder="00명" th:value="${crackdownStatus.processResult.exileCnt}">
          </div>
          <label for="exileDt" class="col-sm-1 col-form-label col-form-label-sm text-center">추방일</label>
          <div class="col-sm-2">
            <input type="text" class="form-control form-control-sm processResultInfo dateSelector" id="exileDt" name="processResult.exileDt" placeholder="0000-00-00" th:value="${crackdownStatus.processResult.exileDt}" autocomplete="off">
          </div>
          <label for="flight" class="col-sm-1 col-form-label col-form-label-sm text-center">항공편</label>
          <div class="col-sm-2">
            <input type="text" class="form-control form-control-sm processResultInfo" id="flight" name="processResult.flight" th:value="${crackdownStatus.processResult.flight}">
          </div>
        </div>
        <div class="row mb-3">
          <label for="immigrationOfficeName" class="col-sm-1 col-form-label col-form-label-sm text-center">출입국 담당자</label>
          <div class="col-sm-4">
            <div class="input-group w-auto">
              <input type="text" class="form-control form-control-sm processResultInfo" id="immigrationOfficeName" name="processResult.immigrationOfficeName" placeholder="사무소명" th:value="${crackdownStatus.processResult.immigrationOfficeName}">
              <input type="text" class="form-control form-control-sm processResultInfo" id="immigrationOfficeOfficerName" name="processResult.immigrationOfficeOfficerName" placeholder="이름" th:value="${crackdownStatus.processResult.immigrationOfficeOfficerName}">
              <input type="text" class="form-control form-control-sm processResultInfo" id="immigrationOfficeOfficerContact" name="processResult.immigrationOfficeOfficerContact" placeholder="연락처" th:value="${crackdownStatus.processResult.immigrationOfficeOfficerContact}">
            </div>
          </div>
        </div>
      </div>
    </div>
  </form>
</div>
<div class="modal-footer">
  <!--<button type="button" class="btn btn-warning" id="saveTempBtn">임시저장</button>-->
  <button type="button" class="btn btn-primary" id="saveResultBtn">저장</button>
  <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
</div>