
  const btn = document.getElementById('btn');
  const liffId = '1656372900-VM6wDmam';
  // const liffId = '1654326339-gwo7zaRP';

  let userId = '';

  function main(){
      liff.init({liffId: liffId});
      liff.ready.then(() => {
          if(!liff.isLoggedIn()){
              liff.login();
          }
      
          liff.getProfile().then(profile => {
              console.log(profile);
              console.log(profile.userId);
              console.log(profile.displayName);
              console.log(profile.pictureUrl);
            //   document.getElementById("userId").append(profile.userId);
            document.getElementById("userId").value = profile.userId;
          })
      });
  }
  main()


  function loaddet(){
    // $(".loader").show();
    // alert("x")
    $.ajax({
    type: "POST",
    data: {
      "lineid": $("#userId").val()
    },
    url: "json.md-customer.php",
    dataType: "json",
    success: function(JSONObject) { 
      
   
    //   var peopleHTML = "";

    //   // Loop through Object and create peopleHTML
    //   //alert(JSONObject.length);
    //   //document.getElementById("output").value=JSONObject;
    //  var i=0;
 
    //  if(JSONObject.length>0){
    //   for (var key in JSONObject) {
    //     if (JSONObject.hasOwnProperty(key)) {
    //      i++;
    //      //$("#fullname").val(JSONObject[key]["mbfullname"]);
    //      $("#ps_id").val(JSONObject[key]["ps_id"]);
    //      $("#ps_cardno").val(JSONObject[key]["cd_data"]);
    //      $("#fullname").val(JSONObject[key]["ps_fname"]+" "+JSONObject[key]["ps_lname"]);
    //      $("#email").val(JSONObject[key]["emailaddr"]);
    //      $("#phone").val(JSONObject[key]["ps_mobile"]);
    //      if(JSONObject[key]["lineid"]!=""){
    //           $("#btnsave").hide();
    //           $("#addfreind").show();
    //      };
    //     }
    //   }
    //   $(".loader").fadeOut("slow");
    // }else{
    //    if(document.getElementById("phone").value!=""){ 
    //     $("#tbl1").show();
    //    loaddet1();
    //    }else{
    //     $(".loader").fadeOut("slow");
    //     $("#tbl1").hide();
    //     $("#tbl2").show();
    //    }
    // }
    }
  });
  
  } 






























// const btn = document.getElementById('btn');
// const liffId = '1656372900-VM6wDmam';
// let userId = '';

// function main(){
//     liff.init({liffId: liffId});
//     liff.ready.then(() => {
//         if(!liff.isLoggedIn()){
//             liff.login();
//         }
    
//         liff.getProfile().then(profile => {
//             console.log(profile);
//             console.log(profile.userId);
//             console.log(profile.displayName);
//             console.log(profile.pictureUrl);

//             // console.log(profile.statusMessage);
//             //$("#qrId").val(console.log(profile.userId));
//             // var ss = profile.userId;
//             // $('#qrId').val(profile.userId);
//             //console.log(ss+"ABCD");
//             //var ss = lconsole.log(profile.userId);
//             // $("#qrId").val(ss);


//             //console.log("Profile Display Name:"+ profile.displayName);
//             //console.log("Profile User ID:"+ profile.userId);
//             //console.log("Profile Picture URL:"+ profile.pictureUrl);
//             //console.log("Profile Status Message:"+ profile.statusMessage);
//         })
//         // const accessToken = liff.getAccessToken();
//         // if (accessToken) {
//         // fetch("https://advice.ezmember.org/_lineMD/index_linemd.php", {
//         //     headers: {
//         //     "Content-Type": "application/json",
//         //     Authorization: 'Bearer ${accessToken}'
//         //     }
//         //     //...
//         // });
//         // }
//     });
// }

// // console.log(profile.userId);


// main()

// async function getProfile(){
//     const profile = await liff.getProfile()
//     document.getElementById("userId").append(profile.userId);
// }

// // async function getProfile(){
// //     const profile = await liff.getProfile()
// //     document.getElementById("userId").append = profile.userId;
// // }

// // window.onload = function (e) {
// //     // initialize and get basic information
// //     // https://developers.line.me/en/reference/liff/#initialize-liff-app
// //     // liff.init(function (profile) {
// //     //     initializeApp(profile);
// //     // });
// // };

// // function initializeApp(profile) {
// //     document.getElementById('userId').textContent = profile.userId;
// //     // document.getElementById('viewtypefield').textContent = profile.context.viewType;
// //     // document.getElementById('useridfield').textContent = profile.context.userId;
// //     // document.getElementById('utouidfield').textContent = profile.context.utouId;
// //     // document.getElementById('roomidfield').textContent = profile.context.roomId;
// //     // document.getElementById('groupidfield').textContent = profile.context.groupId;
// // }


// //$("#qrId").val(ss);

// // async function send(e){
// //     e.prevenDefault();
// //     const firstname = document.getElementById('firstname').value;
// //     const lastname = document.getElementById('lastname').value;
// //     const email = document.getElementById('email').value;
    
// //     // try {
// //     //     const result = await axios.post('http://localhost:3000/api/v1/change-richmenu', {
// //     //         firstname: firstname,
// //     //         lastname: lastname,
// //     //         email: email,
// //     //         userId: userId
// //     //     });        
// //     //     if(result.status == 200){
// //     //         console.log("closeWindow");
// //     //         // liff.closeWindow();
// //     //     }
// //     // } catch (error) {
// //     //     console.log(error);
// //     // }  
// // }





