<!-- 
####################################################################################################################
####################################################################################################################
######    ####    ####    ########     #############################################################################
######    ####    ####    ######   ##   ############################################################################
######    ####    ####    ######  #####   ##########################################################################
######            ####    #############  ###########################################################################
######            ####    ##########   #############################################################################
######    ####    ####    ##########   #############################################################################
######    ####    ####    ##########################################################################################
######    ####    ####    ##########   #############################################################################
####################################################################################################################
####################################################################################################################
####################################################################################################################
####################################################################################################################
####################################################################################################################
####################################################################################################################
###############                        ##############                       ########################################
###############                        ##############                       ########################################
####################################################################################################################
#######################        ##############################        ###############################################
#######################        ##############################        ###############################################
#######################        ##############################        ###############################################
#######################        ##############################        ###############################################
####################################################################################################################
####################################################################################################################
####################################################################################################################
####################################################################################################################
####################################################################################################################
####################################################################################################################
###############     ################################################################################################
#################    #################################################    ##########################################
##################    ################################################    ##########################################
###################    ##############################################    ###########################################
####################    ############################################    ############################################
#####################                                                   ############################################
###############################   ###########   ############   #####################################################
###############################   ###########   ############   #####################################################
###############################   ###########   ############   #####################################################
###############################   ###########   ############   #####################################################
###############################   ###########   ############   #####################################################
################################   ##########   ###########   ######################################################
#################################   #########   ##########   #######################################################
##################################   ########   #########   ########################################################
###################################   #######   ########   #########################################################
#####################################                      #########################################################
####################################################################################################################
####################################################################################################################
####################################################################################################################
####################################################################################################################
####################################################################################################################
####################################################################################################################
####################################################################################################################
####################################################################################################################
####################################################################################################################
-->


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="description" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Title  -->
    <title>BORATR 임직원몰</title>

    <!-- Favicon  -->
    <link rel="icon" href="img/core-img/favicon.ico">

    <!-- Core Style CSS -->
    <link rel="stylesheet" href="css/core-style.css">
    <link rel="stylesheet" href="style.css">

    <!-- flatpickr CSS -->
    <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css"> -->
    <!-- 선택: 다크/에어비앤비 등 테마도 가능 -->
    <link rel="stylesheet" href="css/admin_order.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/themes/airbnb.css">
    <link rel="stylesheet" href="css/core-style.css?v=20251022b">

    <link rel="stylesheet" href="css/core-style-flex.css">

    <!-- flatpickr JS + 한국어 locale -->
    <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
    <script src="https://cdn.jsdelivr.net/npm/flatpickr/dist/l10n/ko.js"></script>

    <script>
    // ASP 값이 이미 서버에서 렌더되면 그대로 사용 (없으면 빈 문자열)
    const DEFAULT_ST = '' || '';
    const DEFAULT_ED = '' || '';

    document.addEventListener('DOMContentLoaded', function () {
      // 시작일
      const stPicker = flatpickr('#st_date', {
        locale: 'ko',
        dateFormat: 'Y-m-d',        // 2025-10-20 형식
        allowInput: true,           // 직접 타이핑 허용
        disableMobile: true,        // 모바일에서도 동일 UI
        defaultDate: DEFAULT_ST || null,
        onChange: function (selectedDates, dateStr) {
          if (edPicker) {
            edPicker.set('minDate', dateStr || null);
            // 종료일이 시작일보다 앞서면 비우기
            const edVal = document.getElementById('ed_date').value;
            if (edVal && dateStr && edVal < dateStr) {
              edPicker.clear();
            }
          }
        }
      });

      // 종료일
      const edPicker = flatpickr('#ed_date', {
        locale: 'ko',
        dateFormat: 'Y-m-d',
        allowInput: true,
        disableMobile: true,
        defaultDate: DEFAULT_ED || null,
        onChange: function (selectedDates, dateStr) {
          if (stPicker) {
            stPicker.set('maxDate', dateStr || null);
          }
        }
      });

      // 초기 min/max 동기화 (서버가 기본값을 넣어줄 때 대비)
      if (DEFAULT_ST) edPicker.set('minDate', DEFAULT_ST);
      if (DEFAULT_ED) stPicker.set('maxDate', DEFAULT_ED);
    });
    </script>


</head>


<body>
    <!-- Search Wrapper Area Start -->
    <div class="search-wrapper section-padding-100">
        <div class="search-close">
            <i class="fa fa-close" aria-hidden="true"></i>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="search-content">
                        <form action="#" method="get">
                            <input type="search" name="search" id="search" placeholder="Type your keyword...">
                            <button type="submit"><img src="img/core-img/search.png" alt=""></button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Search Wrapper Area End -->

    <!-- ##### Main Content Wrapper Start ##### -->
    <div class="main-content-wrapper d-flex clearfix">
        <!-- #네이게이션 -->
        <body>
<!-- ##### Main Content Wrapper Start ##### -->
<div class="main-content-wrapper d-flex clearfix">

  <!-- Mobile Nav (max width 767px)-->
  <div class="mobile-nav">
      <!-- Navbar Brand -->
      <div class="amado-navbar-brand">
          <a href="index.asp"><img src="img/core-img/logo.png" alt=""></a>
      </div>
      <!-- Navbar Toggler -->
      <div class="amado-navbar-toggler">
          <span></span><span></span><span></span>
      </div>
  </div>

  <!-- Header Area Start -->
  <header class="header-area clearfix">

    <!-- Close Icon -->
    <div class="nav-close">
      <i class="fa fa-close" aria-hidden="true"></i>
    </div>

    <!-- Logo -->
    <div class="logo">
      <a href="index.asp"><img src="img/core-img/logo.png" alt=""></a>
    </div>

    <!-- Amado Nav -->
    <nav class="amado-nav">
      <ul>
        <li><a href="index.asp" class="cart-nav" title="Home"><span class="label">Home</span></a></li>
        <li><a href="shop.asp" class="cart-nav" title="주문하기"><span class="label">주문하기</span></a></li>
        <li><a href="order_list.asp" title="접수조회"><span class="label">접수조회</span></a></li>
        <li><a href="cart.asp" class="cart-nav" title="장바구니"><span class="label">장바구니</span></a></li>
        
          <li><a href="login.asp" class="cart-nav" title="로그인"><span class="label"><b>로그인</b></span></a></li>
        
                <br>
      </ul>
    </nav>

  <!-- Button Group / 로그인 영역 -->
  <nav class="amado-nav" id="login_area">
    
  </nav>
</header>
<!-- Header Area End -->
</div>
<script>
document.addEventListener("DOMContentLoaded", () => {
  // 현재 URL에서 파일명만 추출 (index.asp, shop.asp 등)
  let currentPage = location.pathname.split("/").pop().toLowerCase();
  if (currentPage === "" || currentPage === "/") currentPage = "index.asp"; // 기본 페이지 보정

  // 모든 메뉴 순회
  document.querySelectorAll(".amado-nav a").forEach(link => {
    const href = (link.getAttribute("href") || "").toLowerCase().trim();

    // 경로 끝부분만 추출 (상대경로 대응)
    const linkPage = href.split("/").pop();

    // ✅ 정확히 일치하거나, index.asp일 때 공백 경로("")도 허용
    if (currentPage === linkPage || (currentPage === "index.asp" && (linkPage === "" || linkPage === "index.asp"))) {
      link.classList.add("active");
    }
  });

  // ✅ 모바일 메뉴 토글 유지
  const nav = document.querySelector(".header-area");
  const toggle = document.getElementById("mobileNavToggle");
  const closeBtn = document.getElementById("mobileNavClose");

  if (toggle && nav) {
    toggle.addEventListener("click", () => nav.classList.add("active"));
  }
  if (closeBtn && nav) {
    closeBtn.addEventListener("click", () => nav.classList.remove("active"));
  }

  // 외부 클릭 시 닫기
  document.addEventListener("click", (e) => {
    if (!nav.contains(e.target) && !toggle.contains(e.target)) {
      nav.classList.remove("active");
    }
  });
});
</script>

<style>
  .amado-nav a.active .label {
  color: #004DA0;
  font-weight: 700;
  border-bottom: 2px solid #004DA0;
}

.amado-nav a:hover .label {
  color: #004DA0;
}

</style>
        <!-- #메인 이미지 타일 -->
         <!-- Product Catagories Area Start -->
        <div class="products-catagories-area clearfix">
            <div class="amado-pro-catagory clearfix">

                <!-- Single Catagory -->
                <div class="single-products-catagory clearfix">
                    <a href="shop.asp">
                        <img src="img/bg-img/1.jpg" alt="">
                        <!-- Hover Content -->
                        <div class="hover-content">
                            <div class="line"></div>
                            <p>OLIVE OIL, SPAGHETTI</p>
                            <h4>DECECCO</h4>
                        </div>
                    </a>
                </div>

                <!-- Single Catagory -->
                <div class="single-products-catagory clearfix">
                    <a href="shop.asp">
                        <img src="img/bg-img/2.jpg" alt="">
                        <!-- Hover Content -->
                        <div class="hover-content">
                            <div class="line"></div>
                            <p>SAULT</p>
                            <h4>SOSAULT</h4>
                        </div>
                    </a>
                </div>

                <!-- Single Catagory -->
                <div class="single-products-catagory clearfix">
                    <a href="shop.asp">
                        <img src="img/bg-img/3.jpg" alt="">
                        <!-- Hover Content -->
                        <div class="hover-content">
                            <div class="line"></div>
                            <p>OLIVE</p>
                            <h4>MADAMA</h4>
                        </div>
                    </a>
                </div>

                <!-- Single Catagory -->
                <div class="single-products-catagory clearfix">
                    <a href="shop.asp">
                        <img src="img/bg-img/4.jpg" alt="">
                        <!-- Hover Content -->
                        <div class="hover-content">
                            <div class="line"></div>
                            <p>AVOCADO OIL</p>
                            <h4>ALIANJA</h4>
                        </div>
                    </a>
                </div>

                <!-- Single Catagory -->
                <div class="single-products-catagory clearfix">
                    <a href="shop.asp">
                        <img src="img/bg-img/5.jpg" alt="">
                        <!-- Hover Content -->
                        <div class="hover-content">
                            <div class="line"></div>
                            <p>CHEESE</p>
                            <h4>BURRATA</h4>
                        </div>
                    </a>
                </div>

                <!-- Single Catagory -->
                <div class="single-products-catagory clearfix">
                    <a href="shop.asp">
                        <img src="img/bg-img/6.jpg" alt="">
                        <!-- Hover Content -->
                        <div class="hover-content">
                            <div class="line"></div>
                            <p>COCONUT CHIP</p>
                            <h4>KINDY</h4>
                        </div>
                    </a>
                </div>

                <!-- Single Catagory -->
                <div class="single-products-catagory clearfix">
                    <a href="shop.asp">
                        <img src="img/bg-img/7.jpg" alt="">
                        <!-- Hover Content -->
                        <div class="hover-content">
                            <div class="line"></div>
                            <p>TANSANSU</p>
                            <h4>SANBENETO</h4>
                        </div>
                    </a>
                </div>

                <!-- Single Catagory -->
                <div class="single-products-catagory clearfix">
                    <a href="shop.asp">
                        <img src="img/bg-img/8.jpg" alt="">
                        <!-- Hover Content -->
                        <div class="hover-content">
                            <div class="line"></div>
                            <p>BALSAMIC VINEGAR</p>
                            <h4>MENGAZZOLI</h4>
                        </div>
                    </a>
                </div>

                <!-- Single Catagory -->
                <div class="single-products-catagory clearfix">
                    <a href="shop.asp">
                        <img src="img/bg-img/9.jpg" alt="">
                        <!-- Hover Content -->
                        <div class="hover-content">
                            <div class="line"></div>
                            <p>GRANA PADANO</p>
                            <h4>BRESCIALAT</h4>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <!-- Product Catagories Area End -->        
    </div>
    <!-- ##### Main Content Wrapper End ##### -->


<!-- ✅ 전역 알림 모달 -->
<div id="globalModalOverlay" style="display:none;">
  <div id="globalModal">
    <div class="gm-header">
      <b id="gm-title">안내</b>
      <span id="gm-close" title="닫기">✕</span>
    </div>
    <div class="gm-body" id="gm-body">내용</div>
    <div class="gm-footer">
      <button id="gm-ok">확인</button>
    </div>
  </div>
</div>

<!-- Error Modal -->
<div id="app-modal" class="modal-overlay" hidden aria-hidden="true">
  <div class="modal-card" role="dialog" aria-modal="true" aria-labelledby="app-modal-title">
    <h3 id="app-modal-title" class="modal-title">오류</h3>
    <div id="app-modal-body" class="modal-body"></div>
    <div class="modal-actions">
      <button id="app-modal-close" type="button" class="btn-blue">확인</button>
    </div>
  </div>
</div>


<!-- ##### Footer Area Start ##### -->
    <footer class="footer_area clearfix">
        <div class="container" style="height:10px;">
            <div class="row align-items-center" style="height:10px;">
                <!-- Single Widget Area -->
                <div class="col-12 col-lg-6" style="height:10px;">
                    <div class="single_widget_area" style="height:10px;">
                        <p class="copywrite" style="height:10px;">
Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with by BORATR</p>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- ##### Footer Area End ##### -->


<script>
(function(){
  const $area    = document.getElementById('login_area');
  const $use     = document.getElementById('mn-use-text');
  const $left    = document.getElementById('mn-left-text');
  const $refresh = document.getElementById('balance-refresh');

  if (!$area || !$use || !$left) return; // 로그인 상태가 아니면 아무것도 안 함

  let loading = false;
  let timerId = null;

  function format(n){
    try { return Number(n).toLocaleString(); } catch(e){ return n; }
  }

  function setLoading(on){
    loading = !!on;
    if ($refresh){
      $refresh.disabled = loading;
      $refresh.textContent = loading ? '갱신 중...' : '🔄 새로고침';
    }
  }

  async function fetchBalance(){
    if (loading) return;
    setLoading(true);
    try{
      const res = await fetch('lib/check_balance.asp', { credentials:'same-origin', cache:'no-store' });
      const data = await res.json();

      // 로그인 만료/미로그인 시 금액 영역을 숨김(자연스럽게 처리)
      if (!data || data.ok !== true){
        // 옵션1: 영역 숨김
        // $area.style.display = 'none';

        // 옵션2: 안내 문구로 변경(원하면 위 주석 대신 이 블록 사용)
        if (data && typeof data.message === 'string' && data.message.indexOf('로그인이 필요') > -1){
          $area.querySelector('.user_mn')?.replaceChildren(document.createTextNode('로그인 후 잔액을 확인할 수 있습니다.'));
        }
        clearInterval(timerId); timerId = null;
        return;
      }

      $use.textContent  = format(data.mn_use);
      $left.textContent = format(data.mn_left);

      // (선택) 잔액 낮으면 강조
      const leftVal = Number(data.mn_left);
      if (!isNaN(leftVal) && leftVal < 50000){
        $left.parentElement.style.color = '#b00020';
      } else {
        $left.parentElement.style.color = '';
      }
    }catch(err){
      // 조용히 실패: 콘솔만
      console.warn('잔액 조회 실패:', err);
    }finally{
      setLoading(false);
    }
  }

  // 수동 새로고침
  $refresh?.addEventListener('click', function(e){
    e.preventDefault();
    fetchBalance();
  });

  // 첫 로드 즉시 1회
  fetchBalance();

  // 주기 갱신(5분) — 필요에 따라 1분 등으로 조정
  timerId = setInterval(fetchBalance, 5 * 60 * 1000);
})();
</script>
<!-- ##### jQuery (Necessary for All JavaScript Plugins) ##### -->
<script src="js/jquery/jquery-2.2.4.min.js"></script>
<!-- Popper js -->
<script src="js/popper.min.js"></script>
<!-- Bootstrap js -->
<script src="js/bootstrap.min.js"></script>
<!-- Plugins js -->
<script src="js/plugins.js"></script>
<!-- Active js -->
<script src="js/active.js"></script>

<script src="https://t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"></script>
<script>

  const $zip   = document.getElementById('zipcode');
  const $addr1 = document.getElementById('addr1');
  const $addr2 = document.getElementById('addr2');
  const $btn   = document.getElementById('btn-postcode');

  function openPostcode(){
    if (typeof daum === 'undefined' || !daum.Postcode) {
      alert('우편번호 서비스를 불러오지 못했습니다. 네트워크를 확인해주세요.');
      return;
    }

    new daum.Postcode({
      oncomplete: function(data){
        // 기본은 도로명 주소, 없으면 지번 주소
        var roadAddr  = data.roadAddress;   // 도로명
        var jibunAddr = data.jibunAddress;  // 지번
        var zonecode  = data.zonecode;      // 5자리 우편번호

        // 건물/법정동 보조정보 (도로명 주소 괄호)
        var extra = '';
        if (data.bname && /[동|로|가]$/g.test(data.bname)) { extra += data.bname; }
        if (data.buildingName && data.apartment === 'Y') {
          extra += (extra ? ', ' + data.buildingName : data.buildingName);
        }
        if (extra) { roadAddr = roadAddr ? (roadAddr + ' (' + extra + ')') : roadAddr; }

        $zip.value   = zonecode || '';
        $addr1.value = roadAddr || jibunAddr || '';
        // 상세주소로 포커스
        $addr2 && $addr2.focus();
      }
    }).open();
  }

  // addr1 클릭으로 열기
  $addr1 && $addr1.addEventListener('click', function(e){
    e.preventDefault();
    openPostcode();
  });

  // 버튼으로 열기
  $btn && $btn.addEventListener('click', function(e){
    e.preventDefault();
    openPostcode();
  });


const currentPath = location.pathname.split("/").pop().split("?")[0].toLowerCase();

document.addEventListener("DOMContentLoaded", function() {
    // 현재 페이지 경로 (예: /shop.asp)
    const currentPath = location.pathname.split("/").pop().toLowerCase();

    // 메뉴 항목 전체 선택
    const menuLinks = document.querySelectorAll(".amado-nav ul li a");

    menuLinks.forEach(link => {
        const href = link.getAttribute("href");
        if (!href) return;

        // 파일명만 비교 (index.asp, shop.asp 등)
        const linkPath = href.split("/").pop().toLowerCase();

        // 현재 페이지와 일치하면 li에 active 추가
        if (linkPath === currentPath) {
            // 모든 li에서 active 제거 후
            menuLinks.forEach(l => l.parentElement.classList.remove("active"));
            // 일치하는 항목만 active 추가
            link.parentElement.classList.add("active");
        }
    });
});
</script>


</body>

</html>