<!DOCTYPE html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
<div class="modal-header">
  <h5 class="modal-title">경력 추가</h5>
  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
  <form id="careerForm" action="#" method="POST">
    <input type="hidden" name="userSeq" th:value="${career.userSeq}">
    <div class="row my-1">
      <label for="careerCd" class="col-sm-2 col-form-label col-form-label-sm text-center">경력구분</label>
      <div class="col-sm-4">
        <select class="form-select form-select-sm" id="careerCd" name="careerCd">
          <th:block th:each="code:${crcList}">
            <option th:value="${code.itemCd}" th:text="${code.itemValue}" th:selected="${code.itemCd eq career.careerCd}"></option>
          </th:block>
        </select>
      </div>
      <label for="designationCd" class="col-sm-2 col-form-label col-form-label-sm text-center">임용구분</label>
      <div class="col-sm-4">
        <select class="form-select form-select-sm" id="designationCd" name="designationCd">
          <option value="">선택</option>
          <th:block th:each="code:${dsnList}">
            <option th:value="${code.itemCd}" th:text="${code.itemValue}"></option>
          </th:block>
        </select>
      </div>
    </div>
    <div class="row my-1">
      <label class="col-sm-2 col-form-label col-form-label-sm text-center fs-13">근무지</label>
      <div class="col-sm-10">
        <div class="row border m-0 py-1">
          <div class="col-12">
            <input type="checkbox" id="positionCheckBox">
            <label for="positionCheckBox" class="col-sm-2 col-form-label col-form-label-sm px-2">직접입력</label>
          </div>
          <div class="col-8 selfInputDiv" style="display: none">
            <input type="text" class="form-control form-control-sm" id="workPositionStr" name="workPositionStr">
          </div>
          <label for="workOrgan" class="selectInputDiv col-sm-1 col-form-label col-form-label-sm text-center fs-13">관서</label>
          <div class="col-sm-3 selectInputDiv">
            <select class="form-select form-select-sm" id="workOrgan" name="workOrgan">
              <option value="">선택</option>
              <th:block th:each="code:${ogList}">
                <option th:value="${code.itemCd}" th:text="${code.itemValue}"></option>
              </th:block>
            </select>
          </div>
          <label for="workPart" class="selectInputDiv col-sm-1 col-form-label col-form-label-sm text-center fs-13">부서</label>
          <div class="col-sm-3 selectInputDiv">
            <select class="form-select form-select-sm" id="workPart" name="workPart">
              <option value="">선택</option>
              <th:block th:each="code:${ofcList}">
                <option th:value="${code.itemCd}" th:text="${code.itemValue}"></option>
              </th:block>
            </select>
          </div>
          <label for="workTitle" class="col-sm-1 col-form-label col-form-label-sm text-center fs-13">직급</label>
          <div class="col-sm-3">
            <select class="form-select form-select-sm" id="workTitle" name="workTitle">
              <option value="">선택</option>
              <th:block th:each="code:${jtList}">
                <option th:value="${code.itemCd}" th:text="${code.itemValue}"></option>
              </th:block>
            </select>
          </div>
        </div>
      </div>
    </div>
    <div class="row my-1">
      <label for="dateSelectorDiv" class="col-sm-2 col-form-label col-form-label-sm text-center fs-13">근무일</label>
      <div class="col-sm-4">
        <div class="input-group w-auto input-daterange" id="dateSelectorDiv">
          <input type="text" class="form-control form-control-sm" id="startDate" name="startDate" placeholder="시작일" autocomplete="off" readonly>
          <input type="text" class="form-control form-control-sm" id="endDate" name="endDate" placeholder="종료일" autocomplete="off" readonly>
        </div>
      </div>
    </div>
  </form>
</div>
<div class="modal-footer row justify-content-between">
  <div class="col-auto">
    <button type="button" class="btn btn-primary" id="saveBtn">저장</button>
  </div>
  <div class="col-auto">
    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
  </div>
</div>
</html>