<!DOCTYPE html>
<html lang="zh-tw">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title>商品資訊</title>
  <meta name="description" content="">
  <meta name="subject" content="">
  <link rel="shortcut icon" href="/wineWeb/images/favicon.ico" type="image/x-icon" />
  <!-- custom css -->
  <link href="/wineWeb/css/bootstrap.min.css" rel="stylesheet">
  <link href="/wineWeb/css/styleForQrcodeProduct.css" rel="stylesheet">
</head>
<body>
  <div class="haeder-product fixed-top text-center p-2">
    <h1 class="fs-2 mb-0">商品資訊</h1>
  </div>
  <div class="container-product">
    <div class="container-lg p-0">
      <div class="product-box bg-white rounded-1 py-0 px-3 p-lg-5">
        <div class="row g-3 align-items-center text-center">
          <div class="col-12 col-lg-4">
            <img src="/wineWeb/images/error.png" class="img-fluid error-img" />
          </div>
          <div class="col-12 col-lg-8">
<!--            <h3 class="fw-bold">系統異常，請稍後再試／查無此商品條碼相關資訊，<span class="d-inline-block">請查明後再試</span>／帶入的商品條碼格式有誤，<span class="d-inline-block">請查明後再試</span></h3>-->
            <h3 class="fw-bold"><span id="warningText"></span>，<span class="d-inline-block">請查明後再試</span></h3>

          </div>
        </div>
        
      </div>
    </div>
  </div>
</body>

<script>
    /*<![CDATA[*/
    var apiReturn = {"code":"M009"};

    if(apiReturn.code == 'M007'){
      document.getElementById('warningText').innerHTML = '帶入的商品條碼格式有誤';
    }else if(apiReturn.code == 'M009'){
      document.getElementById('warningText').innerHTML = '查無此商品條碼相關資訊';
    }

</script>


</html>