// $('.sec05-moblie-container').slick({
//   arrows: false,
//   slidesToShow: 1,
//   slidesToScroll: 1,
//   infinite: false,
//   centerMode: true,
// });

$(".sendbox").hide();
$(document).on("click", ".collectcard", function (event) {
  // $(this).siblings('.collectcard').removeClass('select'); 
  $(".sendbox").show(500);
  $(this).toggleClass("select");
});

$(document).on("click", ".close", function (event) {
  // $(this).siblings('.collectcard').removeClass('select'); 
  $(".sendbox").hide(500);
  $(".collectcard").removeClass("select");
});

// 收藏頁面
$(document).ready(function () {
  collecturl = location.search;
  getcollect = collecturl.split("?")
  console.log(getcollect[0]);
  console.log(getcollect[1]);
  var collectuserid = getcollect[1];
    $.ajax({
      method: "GET",
      url: "https://api.ptt.cx:8228/collection/" + collectuserid + "",
      // url:"https://api.ptt.cx:8228/collection/Uf161c92b16f84357987a78c2b4b47719",
      dataType: "json",
    })
      .done(function (msg) {
        console.log(msg);
        // console.log(Object.keys(msg).length);
        let msgLen =Object.keys(msg).length;
        console.log(msgLen)
        var collectcontent = '';
        for(var i = 0; i < msgLen; i++){
        collectcontent+='\
          <div class="collectcontent col">\
          <input style="display: none;" type="checkbox" value="'+msg[i].id+'" name="nftid" id="'+msg[i].id+'">\
          <label for="'+msg[i].id+'">\
          <div class="collectcard card h-100">\
              <a target="_blank">\
                  <img src="'+msg[i].imgurl+'"class="card-img-top" alt="...">\
              </a>\
              <div class="card-body p-2">\
                  <a target="_blank">\
                      <h5 class="card-title pt-3">'+msg[i].title+'</h5>\
                  </a>\
                  <p class="card-text">\
                     '+msg[i].context+' \
                  </p>\
                  <p class="card-text row">\
                      <small class="text-muted col-6 px-1">\
                          <img class="mb-1 mx-1 d-inline" style="width: 10px; object-fit: cover; "\
                              src="./img/sec05/Icon awesome-ethereum.png" alt=""><span>'+msg[i].cost+'</span>\
                      </small>\
                      <small class="price col-6 px-0 text-center">\
                          <img class="mb-1 mx-1 d-inline" style="width: 12px; object-fit: cover; " src="./img/sec05/like.png" alt=""><span>'+msg[i].likes+'</span></small>\
                      </p>\
              </div>\
          </div>\
          </label>\
        </div>';
        }

        $('.sec05-moblie-container').html(collectcontent);
       
      });
  
});
$.fn.serializeObject = function () {
  var o = {};
  var a = this.serializeArray();
  // o["id"] = 0;
  // o["time_stamp"] = "";
  $.each(a, function () {
    if (o[this.name]) {
      if (!o[this.name].push) {
        o[this.name] = [o[this.name]];
      }
      o[this.name].push(this.value || '');
    } else {
      o[this.name] = this.value || '';
    }
  });

  return o;
};

$(".collect-send").submit(function (e) {
  /*	var formRef = $('#form1').serializeArray();
    var jsonString = JSON.stringify(formRef);*/
  var jsonInfo = $('.collect-send').serializeObject();
  var jsonString = JSON.stringify(jsonInfo);
  console.log(jsonString),

    $.ajax({
      type: 'POST',
      url: 'https://api.ptt.cx:8228/send',
      data: jsonString,
      dataType: 'json',
      success: function (data) {
        console.log('送出成功: ' + data);
        alert("送出成功");
        // location.reload();
      },
      beforeSend: function () {
        console.log('beforeSend');
      },
      complete: function () {
        console.log('complete');
      },
      error: function (jqXHR, textStatus, errorThrown) {
        console.log(JSON.stringify(jqXHR));
        console.log("AJAX errr: " + textStatus + ' : ' + errorThrown);
        console.log('送出失敗: ' + jqXHR.responseText);
      }
    });
  return false;
});
console.log(1);

// $(document).ready(function () {
//   function get_data(){
//     $.ajax({
//       method: "GET",
//       // url:"https://api.ptt.cx:8228/collection/""+userid+",
//       url:"https://api.ptt.cx:8228/collection/U176663ce100ebb1f4c404d48749decb1_test_000_000_000",
//       dataType: "json",
//   })
//   .done(function (msg) {
//     console.log(msg);
//   });
//   }
//   get_data();
//  });
//  console.log(location.href);


$(document).ready(function () {
  url = location.search;
  getSearch = url.split("?")
  console.log(getSearch[0]);
  console.log(getSearch[1]);
  var userid = getSearch[1];
  function get_data() {
    $.ajax({
      method: "GET",
      url: "https://api.ptt.cx:8228/receive/" + userid + "",
      // url:"https://api.ptt.cx:8228/receive/Uf161c92b16f84357987a78c2b4b47719",
      dataType: "json",
    })
      .done(function (msg) {
        console.log(msg);
        console.log(msg.base)
        var Qrcodeimg = '';
        var useraddress = '';
        Qrcodeimg += '\
      <img src="'+ msg.url + '" alt="">\
      ';
        useraddress += '\
      '+ msg.useraddress + '\
      ';

        $('#Qrcode').html(Qrcodeimg);
        $('#copy').html(useraddress);
      });
  }
  get_data();
});

function copyEvent(id) {
  var str = document.getElementById(id);
  window.getSelection().selectAllChildren(str);
  document.execCommand("Copy")
  toastr.options = {
    // 參數設定[註1]
    "closeButton": false, // 顯示關閉按鈕
    "debug": false, // 除錯
    "newestOnTop": false,  // 最新一筆顯示在最上面
    "progressBar": false, // 顯示隱藏時間進度條
    "positionClass": "toast-top-center", // 位置的類別
    "preventDuplicates": false, // 隱藏重覆訊息
    "onclick": null, // 當點選提示訊息時，則執行此函式
    "showDuration": "300", // 顯示時間(單位: 毫秒)
    "hideDuration": "1000", // 隱藏時間(單位: 毫秒)
    "timeOut": "1000", // 當超過此設定時間時，則隱藏提示訊息(單位: 毫秒)
    "extendedTimeOut": "1000", // 當使用者觸碰到提示訊息時，離開後超過此設定時間則隱藏提示訊息(單位: 毫秒)
    "showEasing": "swing", // 顯示動畫時間曲線
    "hideEasing": "linear", // 隱藏動畫時間曲線
    "showMethod": "fadeIn", // 顯示動畫效果
    "hideMethod": "fadeOut" // 隱藏動畫效果
  }
  toastr.success("複製成功");
}