<!DOCTYPE html>
<html lang="en">
    <div class="mb-3 row">
        나포정보
    </div>
    <div class="mb-3 row">
        <label class="col-sm-2 col-form-label col-form-label-sm text-center">나포일시</label>
        <div class="col-4">
            <input class="form-control form-control-sm" name="napoDt" id="napoDt" th:value="${#temporals.format(crackdownStatusVersion.napoDt, 'yyyy-MM-dd HH:mm')}" readonly>
        </div>
        <label class="col-sm-2 col-form-label col-form-label-sm text-center">NLL</label>
        <div class="col-4">
            <select class="form-select form-select-sm" name="nll" disabled>
                <option value="Y" th:selected="${crackdownStatusVersion.nll == 'Y'}">O</option>
                <option value="N" th:selected="${crackdownStatusVersion.nll == 'N'}">X</option>
            </select>
        </div>
    </div>
    <div class="mb-3 row">
        <label class="col-sm-2 col-form-label col-form-label-sm text-center">침범유형</label>
        <div class="col-4">
            <select class="form-select form-select-sm" name="invasionType" disabled>
                <option value="">선택</option>
                <th:block th:each="commonCode:${session.commonCode.get('IST')}">
                    <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"
                            th:selected="${commonCode.itemCd eq crackdownStatusVersion.invasionType}"></option>
                </th:block>
            </select>
        </div>
    </div>
    <div class="mb-3 row">
        <label class="col-sm-2 col-form-label col-form-label-sm text-center">위반장소</label>
        <div class="col-6">
            <input class="form-control form-control-sm" placeholder="위도" name="napoSeaPointLat" th:value="${crackdownStatusVersion.napoSeaPointLat}" readonly>
            <input class="form-control form-control-sm" placeholder="경도" name="napoSeaPointLon" th:value="${crackdownStatusVersion.napoSeaPointLon}" readonly>
            <input class="form-control form-control-sm" placeholder="상세내용" name="napoSeaPointDetail" th:value="${crackdownStatusVersion.napoSeaPointDetail}" readonly>
        </div>
    </div>
    <div class="mb-3 row">
        특수공무집행방해
    </div>
    <div class="mb-3 row">
        <label class="col-sm-2 col-form-label col-form-label-sm text-center">발생건수</label>
        <div class="col-4">
            <input type="number" min="0" class="form-control form-control-sm" name="obstrExspdCnt" th:value="${crackdownStatusVersion.obstrExspdCnt}" readonly>
        </div>
        <label class="col-sm-2 col-form-label col-form-label-sm text-center">피해인원</label>
        <div class="col-4">
            <input type="number" min="0" class="form-control form-control-sm" name="personDamageCnt" th:value="${crackdownStatusVersion.personDamageCnt}" readonly>
        </div>
    </div>
    <div class="mb-3 row">
        <label class="col-sm-2 col-form-label col-form-label-sm text-center">피해액</label>
        <div class="col-4">
            <input type="number" min="0" class="form-control form-control-sm" name="personDamageAmount" th:value="${crackdownStatusVersion.personDamageAmount}" readonly>
        </div>
        <label class="col-sm-2 col-form-label col-form-label-sm text-center">상세내용</label>
        <div class="col-4">
            <input class="form-control form-control-sm" name="personDamageDetail" th:value="${crackdownStatusVersion.personDamageDetail}" readonly>
        </div>
    </div>
    <div class="mb-3 row">
        <label class="col-sm-2 col-form-label col-form-label-sm text-center">발생건수</label>
        <div class="col-4">
            <input type="number" min="0" class="form-control form-control-sm" name="materialDamageCnt" th:value="${crackdownStatusVersion.materialDamageCnt}" readonly>
        </div>
        <label class="col-sm-2 col-form-label col-form-label-sm text-center">피해액</label>
        <div class="col-4">
            <input type="number" min="0" class="form-control form-control-sm" name="materialDamageAmount" th:value="${crackdownStatusVersion.materialDamageAmount}" readonly>
        </div>
    </div>
    <div class="mb-3 row">
        <label class="col-sm-2 col-form-label col-form-label-sm text-center">상세내용</label>
        <div class="col-4">
            <input class="form-control form-control-sm" name="materialDamageDetail" th:value="${crackdownStatusVersion.materialDamageDetail}" readonly>
        </div>
    </div>
    <div class="mb-3 row">
        검거기관
    </div>
    <div class="mb-3 row">
        <label class="col-sm-2 col-form-label col-form-label-sm text-center">사건담당 기관</label>
        <div class="col-4">
            <select class="form-select form-select-sm" name="caseAgency" disabled>
                <option value="">선택</option>
                <th:block th:each="commonCode:${session.commonCode.get('ATA')}">
                    <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"
                            th:selected="${commonCode.itemCd eq crackdownStatusVersion.caseAgency}"></option>
                </th:block>
            </select>
        </div>
        <label class="col-sm-2 col-form-label col-form-label-sm text-center">단속<br>경찰서</label>
        <div class="col-4">
            <select class="form-select form-select-sm" name="crackdownPolice" id="crackdownPolice" disabled>
                <option value="">선택</option>
                <th:block th:each="commonCode:${session.commonCode.get('CPO')}">
                    <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"
                            th:selected="${commonCode.itemCd eq crackdownStatusVersion.crackdownPolice}"></option>
                </th:block>
                <option value="etc">직접입력</option>
            </select>
        </div>
    </div>
    <div class="mb-3 row">
        <label class="col-sm-2 col-form-label col-form-label-sm text-center">단속함정</label>
        <div class="col-4">
            <select class="form-select form-select-sm" name="crackdownBoat" id="crackdownBoat" disabled>
                <option value="">선택</option>
                <th:block th:each="num : ${#numbers.sequence(1,#lists.size(session.commonCode.get('CPO')))}">
                    <th:block th:if="${'CPO'+num == crackdownStatusVersion.crackdownPolice}" th:each="commonCode:${session.commonCode.get('CPO'+num)}">
                        <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}" th:selected="${crackdownStatusVersion.crackdownBoat eq commonCode.itemCd}"></option>
                    </th:block>
                </th:block>
            </select>
        </div>
        <label class="col-sm-2 col-form-label col-form-label-sm text-center">MMSI.NO</label>
        <div class="col-4">
            <input class="form-control form-control-sm" name="mmsi" th:value="${crackdownStatusVersion.mmsi}" readonly>
        </div>
    </div>
    <div class="mb-3 row">
        현장조사
    </div>
    <div class="mb-3 row">
        <label class="col-sm-2 col-form-label col-form-label-sm text-center">나포일시</label>
        <div class="col-4">
            <input class="form-control form-control-sm" name="fieldIvsgtNapoDt" id="fieldIvsgtNapoDt" th:value="${#temporals.format(crackdownStatusVersion.fieldIvsgtNapoDt, 'yyyy-MM-dd HH:mm')}" readonly>
        </div>
    </div>
    <div class="mb-3 row">
        <label class="col-sm-2 col-form-label col-form-label-sm text-center">석방일시</label>
        <div class="col-4">
            <input class="form-control form-control-sm" name="fieldIvsgtReleaseDt" id="fieldIvsgtReleaseDt" th:value="${#temporals.format(crackdownStatusVersion.fieldIvsgtReleaseDt, 'yyyy-MM-dd HH:mm')}" readonly>
        </div>
        <label class="col-sm-2 col-form-label col-form-label-sm text-center">소요시간</label>
        <div class="col-4">
            <input class="form-control form-control-sm" name="fieldIvsgtTimeTaken" th:value="${crackdownStatusVersion.fieldIvsgtTimeTaken}" readonly>
        </div>
    </div>
    <div class="mb-3 row">
        압송
    </div>
    <div class="mb-3 row">
        <label class="col-sm-2 col-form-label col-form-label-sm text-center">압송시작</label>
        <div class="col-4">
            <input class="form-control form-control-sm" name="pressurizedStartDt" id="pressurizedStartDt" th:value="${#temporals.format(crackdownStatusVersion.pressurizedStartDt, 'yyyy-MM-dd HH:mm')}" readonly>
        </div>
        <label class="col-sm-2 col-form-label col-form-label-sm text-center">압송종료</label>
        <div class="col-4">
            <input class="form-control form-control-sm" name="pressurizedEndDt" id="pressurizedEndDt" th:value="${#temporals.format(crackdownStatusVersion.pressurizedEndDt, 'yyyy-MM-dd HH:mm')}" readonly>
        </div>
    </div>
    <div class="mb-3 row">
        <label class="col-sm-2 col-form-label col-form-label-sm text-center">거리</label>
        <div class="col-4">
            <input class="form-control form-control-sm" name="distance" th:value="${crackdownStatusVersion.distance}" readonly>
        </div>
    </div>
</html>