<!DOCTYPE html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
<div class="modal-header">
  <h5 class="modal-title" id="planEditModalLabel" th:text="${plan.planKey eq null?'월간 계획 작성':'월간 계획 수정'}"></h5>
  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body" id="planEditBody">
  <form action="#" method="post" id="planEditForm">
    <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="planKey" th:value="${plan.planKey}">
    <input type="hidden" name="wrtOrgan" th:value="${plan.wrtOrgan}">
    <input type="hidden" name="wrtPart" th:value="${plan.wrtPart}">
    <input type="hidden" name="wrtUserSeq" th:value="${plan.wrtUserSeq}">
    <input type="hidden" name="planState" id="planState" th:value="${plan.planState}">
    <div class="mb-3 row">
      <label for="wrtUserNm" class="col-sm-2 col-form-label text-center">작성자</label>
      <div class="col-sm-2">
        <input type="text" class="form-control" id="wrtUserNm" name="wrtUserNm" th:value="${plan.wrtUserNm}" readonly>
      </div>
      <label for="wrtDt" class="col-sm-2 col-form-label text-center">작성일시</label>
      <div class="col-sm-2">
        <input type="text" class="form-control" id="wrtDt" name="wrtDt" th:value="${#temporals.format(plan.wrtDt, 'yyyy-MM-dd HH:mm')}" readonly>
      </div>
      <label for="planDt" class="col-sm-2 col-form-label text-center">시행일자</label>
      <div class="col-sm-2">
        <input type="text" class="form-control" id="planDt" name="planDt" th:value="${#temporals.format(plan.planDt, 'yyyy-MM-dd')}" autocomplete="off">
      </div>
    </div>
    <div class="mb-3 row">
      <label for="contentTitle" class="col-sm-2 col-form-label text-center">제목</label>
      <div class="col-sm-10">
        <input type="text" class="form-control" id="contentTitle" name="contentTitle" th:value="${plan.contentTitle}">
      </div>
    </div>
    <div class="mb-3 row justify-content-center">
      <label for="planDiv" class="col-sm-2 col-form-label text-center">주요 사업계획</label>
      <div class="col-sm-10" id="planDiv">
        <th:block th:if="${plan.planKey eq null}">
          <input type='text' class='form-control' name='planInfos'>
        </th:block>
        <th:block th:each="infoList:${plan.mainInfoList}">
          <th:block th:if="${infoList.planType eq 'S'}">
            <input type="text" class="form-control" name="planInfos" th:value="${infoList.planInfo}">
          </th:block>
        </th:block>
      </div>
      <div class="col-sm-auto">
        <button type="button" class="btn btn-sm btn-outline-primary" id="planAddBtn"><i class="bi bi-plus-lg"></i></button>
      </div>
    </div>
    <div class="mb-3 row justify-content-center">
      <label for="detailPlanDiv" class="col-sm-2 col-form-label text-center">사업개요 및 추진계획</label>
      <div class="col-sm-10" id="detailPlanDiv">
        <th:block th:if="${plan.planKey eq null}">
          <textarea type='text' name='detailPlanInfos'></textarea>
        </th:block>
        <th:block th:each="infoList:${plan.mainInfoList}">
          <th:block th:if="${infoList.planType eq 'D'}">
            <textarea type='text' name='detailPlanInfos' th:utext="${infoList.planInfo}"></textarea>
          </th:block>
        </th:block>
      </div>
      <div class="col-sm-auto">
        <button type="button" class="btn btn-sm btn-outline-primary" id="detailPlanAddBtn"><i class="bi bi-plus-lg"></i></button>
      </div>
    </div>
    <div class="row mb-3">
      <label for="fileInputer" class="col-sm-2 col-form-label 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(plan.fileList)}">
            <br>파일을 업로드 해주세요.
          </th:block>
          <th:block th:unless="${#arrays.isEmpty(plan.fileList)}">
            <div class='row-col-6' th:each="planFile:${plan.fileList}">
              <span th:data-fileseq="${planFile.fileSeq}" th:text="|${planFile.origNm}.${planFile.fileExtn} ${planFile.fileSize}|"></span>
              <a href='#' class='uploadedFileDelete text-danger text-decoration-none'>삭제</a>
            </div>
          </th:block>
        </div>
      </div>
      <input type="file" class="d-none" id="fileInputer" multiple>
    </div>
  </form>
</div>
<div class="modal-footer">
  <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
  <button type="button" class="btn btn-warning" id="saveTempBtn">임시저장</button>
  <button type="button" class="btn btn-primary" id="savePlanBtn">저장</button>
</div>