<?php
    session_start();
    include '_connect.php';
?>
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>รายการสัญญาทั้งหมด</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <script src="jquery-3.1.1.min.js" type="text/javascript"></script>
    <script src="script.js" type="text/javascript"></script>
    <style>
      .customers {
        font-family: Arial, Helvetica, sans-serif;
        border-collapse: collapse;
        width: 100%;
      }

      .customers td, .customers th {
        border: 1px solid #ddd;
        padding: 8px;
      }

      .customers tr:nth-child(even){background-color: #f2f2f2;}

      .customers tr:hover {background-color: #ddd;}

      .customers th {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: left;
        background-color: red;
        color: white;
      }
    </style>
    <style media="screen">
      table{
        font-size: 25px;
      }
      body{
        font-size: 25px;
        background-image: url("img/xBG01.jpg");
        background-repeat: no-repeat;
        background-size: 210%;
      }
    </style>
  </head>
  <body>
    <b>
      <h2>
        รายการสัญญาทั้งหมด
      </h2>
    </b>

    <table border="0" id="table_1" class="customers" width="50%">
      <thead>
        <tr>
          <th style="text-align:center;">ลำดับ</th>
          <th style="text-align:center;">เลขที่สัญญา</th>
          <th style="text-align:center;">ชื่อ-นามสกุล</th>
          <th style="text-align:center;">ดูประวัติการชำระ</th>
        </tr>
      </thead>
      <tbody></tbody>
    </table>
    <input type="text" value="" id="userId" hidden>
    <img src="" id="pictureUrl" alt="" hidden>
    <input type="text" value="" id="displayName" hidden>
    <input type="text" value="" id="statusMessage" hidden>

    
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <script charset="utf-8" src="https://static.line-scdn.net/liff/edge/2/sdk.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="_liffid.js"></script>
    <script>
        // // ลิงค์ liff id
        // // const btn = document.getElementById('btn');
        // const liffId = '1656372900-VM6wDmam';
        // let userId = '';

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

        //             // สร้างตัวแปร
        //             var userId = profile.userId;
        //             console.log(userId);

        //             // ส่งข้อมูล ผ่าน ajax
        //             $.ajax({
        //             url: '_index_linejson.php?lineid='+profile.userId,
        //             type: 'GET',
        //             // data: { 
        //             //     "lineid": $("#userId").val()
        //             // },
        //             // data: {'brids' : $("#brbr").attr("value")}
        //             dataType: 'JSON',
        //             // แสดงข้อมูล
        //             success: function(response){
        //                 var len = response.length;
        //                 for(var i=0; i<len; i++){
                        
        //                     var ct_no = response[i].ct_no;
        //                     var ps_name = response[i].ps_name;
        //                     var ct_mobileno = response[i].ct_mobileno;
        //                     var lineid = response[i].lineid;

        //                     var tr_str = "<tr>" +
        //                         "<td align=''>" + (i+1) + ".</td>" +
        //                         "<td align=''>" + ct_no + "</td>" +
        //                         "<td align=''>" + ps_name + "</td>" +
        //                         "<td align='center'> <a href='_index_selectline.php?lineid="+ lineid +"&ct_no="+ ct_no +"' style='text-decoration: none; color:black;'>" + "<i class='fa fa-search-plus'></i>" + "</a></td>" +
        //                         "</tr>";

        //                     $("#table_1 tbody").append(tr_str);
        //                 }
        //             }
        //         });
        //         })
        //     });
        // }
        // main()

    </script>

  </body>
</html>


