<?php
    session_start();
    include '_connect.php';
?>
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>เช็คทะเบียนภาษี พ.ร.บ.</title>
    <link rel="icon" type="image/png" href="img/logo_1.png" />
    <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> -->
    <?php
      include 'css.php';
    ?>
  </head>
  <body>

    <table border="0" id="" class="customers" width="50%">
      <thead>
        <tr>
          <th style="text-align:center; font-size:50px;">เช็คทะเบียนภาษี พ.ร.บ.</th>
        </tr>
      </thead>
      <tbody></tbody>
    </table>
    <br>
    <div class="" align="right">
      <a href="https://lin.ee/w99bHgu" style="text-decoration: none;">
        <input type="submit" name="" class="button_1 button1_1" value="ติดต่อเจ้าหน้าที่" style="background-color:green;">
      </a>
        <input type="submit" name="" class="button_1 button1_1" id="myBtn" value="เช็คเอกสาร" style="background-color:;">
    </div>

    <!-- ค้นหา -->
    <table width="100%">
      <tr>
        <th style="text-align:center;"> <h3>ค้นหาด้วยชื่อ-นามสกุล (ผู้เช่าซื้อ)</h3> </th>
      </tr>
      <tr align="center">
        <td>
          <input type="text" name="ps_name" id="ps_name" value="" style="text-align:center;" placeholder="ชื่อ-นามสกุล (ผู้เช่าซื้อ)">
        </td>
      </tr>
      <tr align="center">
        <td>
          <button class="button button1" onclick="search_user();">ตกลง</button>
        </td>
      </tr>
    </table>

    <!-- แสดงข้อมูล -->
    <div id="get_datauser" class="" align="center"></div>

    <!-- The Modal -->
    <div id="myModal_x" class="modal_x">
      <!-- Modal content -->
      <div class="modalx-content">
        <span class="close_x"></span>
        <table class="customers" >
          <tr>
            <th>ตรวจสอบเอกสารที่ต้องการส่ง</th>
          </tr>

          <tr style="font-size:px;">
            <th> จดทะเบียน (ซื้อสด) </th>
          </tr>
          <tr style="font-size:13px;">
            <td>
              <font style="color:brown;">1.</font> สำเนาบัตรประจำตัวประชาชน/ทะเบียนบ้าน <br>
              <font style="color:brown;">2.</font> หลักฐานการเปลี่ยนชื่อ/นามสกุล กรณีลูกค้าเปลี่ยนชื่อตัว <br>
              <font style="color:brown;">3.</font> สำเนาบัตรประจำตัวประชาชน (ผู้ปกครอง) กรณีอายุไม่ถึง 20 ปี <br>
              <font style="color:brown;">4.</font> เลขลอกตัวถัง/เลขเครื่อง อย่างละ 2 ชุด <br>
              <font style="color:brown;">5.</font> หลักฐานการซื้อ พ.ร.บ. และการต่อภาษีประจำปี (กรณีที่ลูกค้าต่อเองข้างนอก) <br>
            </td>
          </tr>

          <tr style="font-size:px;">
            <th> จดทะเบียน (ซื้อผ่อน)</th>
          </tr>
          <tr style="font-size:13px;">
            <td>
              <font style="color:brown;">1.</font> สำเนาบัตรประจำตัวประชาชน/ทะเบียนบ้าน <br>
              <font style="color:brown;">2.</font> หลักฐานการเปลี่ยนชื่อ/นามสกุล (กรณีลูกค้าเปลี่ยนชื่อตัว) <br>
              <font style="color:brown;">3.</font> สำเนาบัตรประจำตัวประชาชน (ผู้ปกครอง) กรณีอายุไม่ถึง 20 ปี <br>
              <font style="color:brown;">4.</font> เลขลอกตัวถัง/เลขเครื่อง อย่างละ 2 ชุด <br>
            </td>
          </tr>

          <tr style="font-size:px;">
            <th> โอนทะเบียน </th>
          </tr>
          <tr style="font-size:13px;">
            <td>
              <font style="color:brown;">1.</font> สำเนาบัตรประจำตัวประชาชน/ทะเบียนบ้าน <br>
              <font style="color:brown;">2.</font> หลักฐานการเปลี่ยนชื่อ/นามสกุล กรณีลูกค้าเปลี่ยนชื่อตัว <br>
              <font style="color:brown;">3.</font> สำเนาบัตรประจำตัวประชาชน(ผู้ปกครอง)กรณีอายุไม่ถึง 20 ปี <br>
              <font style="color:brown;">5.</font> เลขลอกตัวถัง/เลขเครื่อง อย่างละ 2 ชุด <br>
              <font style="color:brown;">6.</font> หลักฐานการซื้อ พ.ร.บ. และการต่อภาษีประจำปี (กรณีที่ลูกค้าต่อเองข้างนอก) <br>
              <font style="color:brown;">7.</font> หลักฐานการซื้อ พ.ร.บ. และการต่อภาษีประจำปี (กรณีที่ลูกค้าต่อเองข้างนอก) <br>
            </td>
          </tr>

          <tr style="font-size:px;">
            <th> ต่อภาษี </th>
          </tr>
          <tr style="font-size:13px;">
            <td>
              <font style="color:brown;">1.</font> ใบตรวจสภาพ (ต.ร.อ.) กรณีทีรถจดทะเบียน 5 ปี ขึ้นไป <br>
              <font style="color:brown;">2.</font> หลักฐานการซื้อ พ.ร.บ. และการต่อภาษีประจำปี (กรณีที่ลูกค้าต่อเองข้างนอก) <br>
            </td>
          </tr>

          <tr style="font-size:px;">
            <th> แจ้งป้ายวงกลมหาย </th>
          </tr>
          <tr style="font-size:13px;">
            <td>
              <font style="color:brown;">1.</font> หลักฐานการซื้อ พ.ร.บ. และการต่อภาษีประจำปี (กรณีที่ลูกค้าต่อเองข้างนอก) <br>
            </td>
          </tr>

          <tr style="font-size:px;">
            <th> แจ้งป้ายแข็งหาย </th>
          </tr>
          <tr style="font-size:13px;">
            <td>
              <font style="color:brown;">1.</font> หลักฐานการซื้อ พ.ร.บ. และการต่อภาษีประจำปี (กรณีที่ลูกค้าต่อเองข้างนอก) <br>
              <font style="color:brown;">2.</font> เก็บต่อภาษี (ตามปีที่ขาดต่อ) + พ.ร.บ. ให้เป็นปัจจุบัน <br>
            </td>
          </tr>

          <tr style="font-size:px;">
            <th> เปลี่ยนสีรถ </th>
          </tr>
          <tr style="font-size:13px;">
            <td>
              <font style="color:brown;">1.</font> เลขลอกตัวถัง <br>
              <font style="color:brown;">2.</font> เลขลอกตัวถัง/เลขเครื่อง อย่างละ 2 ชุด <br>
              <font style="color:brown;">3.</font> หลักฐานการซื้อ พ.ร.บ. และการต่อภาษีประจำปี กรณีที่ลูกค้าต่อเองข้างนอก <br>
              <font style="color:brown;">4.</font> เก็บต่อภาษี (ตามปีที่ขาดต่อ) + พ.ร.บ. ให้เป็นปัจจุบัน <br>
            </td>
          </tr>

        </table>
        <br><br><br>
      </div>
    </div>

    <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 -->
    <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 type="text/javascript">
    function search_user(){
      $.ajax({
        type:"POST",
        url:"ajax/data_ajax.php",
        data: "ps_name=" + $("#ps_name").val(),
        success: function(data) {
            $("#get_datauser").html(data);
          },
      });
    }
    </script>

    <script>
      // Get the modal
      var modal = document.getElementById("myModal_x");
      // Get the button that opens the modal
      var btn = document.getElementById("myBtn");
      // Get the <span> element that closes the modal
      var span = document.getElementsByClassName("close_x")[0];
      // When the user clicks the button, open the modal
      btn.onclick = function() {
        modal.style.display = "block";
      }
      // When the user clicks on <span> (x), close the modal
      span.onclick = function() {
        modal.style.display = "none";
      }
      // When the user clicks anywhere outside of the modal, close it
      window.onclick = function(event) {
        if (event.target == modal) {
          modal.style.display = "none";
        }
      }
    </script>

  </body>
</html>
