<?php
/*
 * @Overview 품목 등록
 * @History 2024-03-04 / 최승연 / 최초작성
 * @History 2024-03-05 / 최승연 / 정렬 변경
 */

$cate_id = "BASE_ITEM";
include_once "{$_SERVER['DOCUMENT_ROOT']}/common.inc.php";
include_once _SVC_INC_PATH_ . "/header.php";


?>


<div class="container">
  <!-- 사이드바 불러오기 -->
  <?php include_once _SVC_INC_PATH_ . "/sidebar.php"; ?>
  <!-- 사이드바 불러오기 종료 // -->

  <!-- 검색 조회 및 저장 -->
  <div class="table-header item-header">
    <div class="inner-container">

      <!-- 검색 조건(인풋) -->
      <div class="search-container">
        <div class="input-container flexcol gap06">
          <div class="input-box">
            <select name="ITEM_GRP" id="ITEM_GRP" placeholder="품목그룹">
              <!-- <option value="">선택</option>
                <option value="a">a</option>
                <option value="b">b</option> -->
            </select>
          </div>
        </div>
        <div class="input-container flexcol gap06">
          <div>
            <div class="input-box">
              <input type="text" id="ITEM_CD" placeholder="품목코드">
              <span
                onclick="popItem({ITEM_CD:'ITEM_CD'});"><?php include _SVC_INC_PATH_ . '/img/popupIcon.php' ?></span>
            </div>
            <!--              <div class="input-box">-->
            <!--                <label for="sub_item_code_pop"></label>-->
            <!--                <input type="text" id="DRAW_NO">-->
            <!--                --><?php //include _SVC_INC_PATH_ . '/img/popupIcon.php' ?>
            <!--              </div>-->
          </div>
        </div>
      </div>
      <!-- 검색 조건 종료 // -->

      <!-- 조회 및 저장 버튼 -->
      <div class="button-container">
        <div class="button-box">
          <!-- <button class="point-btn" id="item_ex_down">엑셀다운</button>
            <button class="point-btn" id="item_ex_load">엑셀업로드</button> -->
          <button class="point-btn" id="excel_pop">엑셀업로드</button>
          <button class="point-btn" id="filter_btn">조회</button>
          <button class="point-btn" id="put_item">저장</button>
        </div>
      </div>
      <!-- 조회 및 저장 버튼 종료 // -->
    </div>
    <!-- 검색 조회 및 저장 종료 // -->
  </div>
  <!-- 테이블 헤더 종료 // -->


  <!-- 컨텐츠 컨테이너 -->
  <div class="contents-container">

    <!-- 테이블 컨테이너 -->
    <div class="table-container">
      <!-- 수평 테이블 컨테이너 시작 -->
      <div class="inner-container flexrow gap20">

        <!-- 테이블 박스 시작 -->
        <div class="table-box flex-1" id="item_ifo_table">
          <!-- 테이블 헤더(제목, 추가, 삭제) -->
          <div class="table-title">
            <p class="title">품목정보</p>

            <!-- 버튼 -->
            <div class="button-box">
              <button class="basic-btn" id="copy_item_btn">
                <i class="bi bi-copy"></i>
                복사
              </button>
              <button class="add-btn reverse-btn">
                <?php include _SVC_INC_PATH_ . '/img/add.php' ?>
                추가
              </button>
              <button class="remove-btn reverse-btn">
                <?php include _SVC_INC_PATH_ . '/img/delete.php' ?>
                삭제
              </button>
            </div>
            <!-- 버튼 종료 // -->

          </div>
          <!-- 테이블 헤더 종료 // -->

          <!-- 테이블 -->
          <div class="tb-height-full">
            <div class="hy-table"></div>
          </div>
          <!-- 테이블 종료 // -->

        </div>
        <!-- 테이블 박스 종료 // -->


        <div class="flex-1 sub-container tab-container">

          <ul class="flexrow tab-menu gap06">
            <li id="first-tab" class="on">라우팅</li>
            <li id="second-tab">도면파일</li>
          </ul>
          <div class="flexcol gap20 first-table-container on" id="first-tab-container" style="height: calc(100vh - 290px);">
            <!-- 테이블 박스 시작 -->
            <div class="table-box flex-1" id="routing_table">
              <!-- 테이블 헤더(제목, 추가, 삭제) -->
              <div class="table-title">
                <p class="title"></p>

                <!-- <span>※ 항목을 드래그하여 공정 순서를 조정할 수 있습니다.</span>-->
                <!-- 버튼 -->
                <div class="button-box">
                  <button class="up-btn basic-btn" style="display:none;">위로</button>
                  <button class="down-btn basic-btn" style="display:none;">아래로</button>
                  <button class="add-btn reverse-btn">
                    <?php include _SVC_INC_PATH_ . '/img/add.php' ?>
                    추가
                  </button>
                  <button class="remove-btn reverse-btn">
                    <?php include _SVC_INC_PATH_ . '/img/delete.php' ?>
                    삭제
                  </button>
                </div>
                <!-- 버튼 종료 // -->

              </div>
              <!-- 테이블 헤더 종료 // -->

              <!-- 테이블 -->
              <div class="tb-height-half-col">
                <div class="hy-table hide-sub-column"></div>
              </div>
              <!-- 테이블 종료 // -->

            </div>
            <!-- 테이블 박스 종료 // -->

            <!-- 테이블 박스 시작 -->
            <div class="table-box flex-1" id="process_check_table">
              <!-- 테이블 헤더(제목, 추가, 삭제) -->
              <div class="table-title">
                <p class="title">공정별 검사항목</p>

                <!-- 버튼 -->
                <div class="button-box">
                  <button class="add-btn reverse-btn">

                    <?php include _SVC_INC_PATH_ . '/img/add.php' ?>
                    추가
                  </button>
                  <button class="remove-btn reverse-btn">
                    <?php include _SVC_INC_PATH_ . '/img/delete.php' ?>
                    삭제
                  </button>
                </div>
                <!-- 버튼 종료 // -->

              </div>
              <!-- 테이블 헤더 종료 // -->

              <!-- 테이블 -->
              <div class="tb-height-half-col">
                <div class="hy-table"></div>
              </div>
              <!-- 테이블 종료 // -->

            </div>
            <!-- 테이블 박스 종료 // -->

          </div>
          <!-- 수직 테이블 컨테이너 종료 // -->
          <div class="flexcol second-table-container" id="second-tab-container">
            <div class="table-box flex-1">
              <!-- 테이블 헤더(제목, 추가, 삭제) -->
              <div class="table-title">

                <!-- 버튼 -->
                <div class="button-box">
                  <button  class="add-btn reverse-btn">
                    <?php include _SVC_INC_PATH_ . '/img/add.php' ?>
                    추가
                    <input type="file" accept="file/*" id="file_input" name="file_input" style="display:none;"></label>
                  </button>
                  <button class="remove-btn reverse-btn">
                    <?php include _SVC_INC_PATH_ . '/img/delete.php' ?>
                    삭제
                  </button>
                </div>
                <!-- 버튼 종료 // -->

              </div>
              <!-- 테이블 헤더 종료 // -->

              <!-- 테이블 -->
              <div class="tb-height-full">
                <div class="hy-table"></div>
              </div>
              <!-- 테이블 종료 // -->

            </div>
            <!-- 테이블 박스 종료 // -->
          </div>

        </div>

        <!-- 수평 테이블 컨테이너 종료 // -->
      </div>

    </div>
  </div>
  <!-- 테이블 컨테이너 종료 // -->
</div>
</div>

<?php
  include_once _SVC_INC_PATH_ . "/footer_common.php";
?>
<script src="<?php echo _SVC_INC_URL_ ?>/js/tabmenu.js"></script>
<script src="./item.js"></script>
<script src="./item_excel.js"></script>
<script src="./item_rout_pop.inc.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.17.5/xlsx.full.min.js"></script>
<?php
  include_once _SVC_INC_PATH_ . "/footer.php";
include_once _SVC_INC_PATH_ . "/menualBtn.php";