choozmo
/
ArkCard-Linebot


			
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ARK.Cards</title>

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
    <link rel="stylesheet" href="./style.css">
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>

<body style="min-height: 100vh;">
    <section id="sec01" class="sec01 container-fluid px-0 mx-0">
        <div class="card bg-transparent text-white border-0">
            <img src="./img/banner.png" class="img-fluid" alt="...">
            
        </div>
    </section>
    <section class="sec04 my-5" style="min-height: 75vh;" id="confirm">
        <div class="row row-cols-1 mx-0 px-0 g-4 ">
            <div class="col px-0 mx-0">
              <div class="card border-0">
                <img src="./img/shop.png" class="card-img-top mx-auto py-4" alt="..." style="width: 50%;">
                
                <div class="card-body text-center">
                  <h5 class="card-title">購買成功</h5>
                  <a href="./collect.html" class="btn btn-toCollect mt-5">回到NFT收藏</a>
                </div>
              </div>
            </div>
          </div>
    </section>

    <footer style="background: #484848;" class="py-4">
        <p class="text-white text-center mb-0">Copyright 2021 版權所有 © Ark.Cards</p>
    </footer>


    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
        integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
        crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js"
        integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT"
        crossorigin="anonymous"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
    <!-- <script src="./goto.js"></script> -->
    <script>
      const urlParams = new URLSearchParams(window.location.search);
      let transactionId = urlParams.get('transactionId');   
      let url = `https://api.ptt.cx:8750/api/v1/linepay/confirm?transactionId=${transactionId}`;
      console.log(transactionId);
      axios({
        method: 'get',
        url: url,
        headers: {'accept': 'application/json'},
      }).then(res => {
        console.log(res.data);
        // window.location.href = './collect.html';
        $('#confirm .card-title').text(res.data.msg);
      }).catch(err => {
        console.log(err);
      })
    </script>
</body>

</html>