---
import Header from '../components/Header.astro';
import Footer from '../components/Footer.astro';
import BaseLayout from '../layouts/BaseLayout.astro';

const POLICY_VERSION = '1.0.0';
const LAST_UPDATED = '2026-03-10';
---

<Fragment slot="header"><Header /></Fragment>
  <BaseLayout title="นโยบายความเป็นส่วนตัว" description="นโยบายความเป็นส่วนตัวของดีล พลัส เทค ตาม พ.ร.บ. คุ้มครองข้อมูลส่วนบุคคล พ.ศ. 2562 (PDPA)">
  <main class="pt-32 min-h-screen py-12 bg-secondary-50">
    <article class="container mx-auto px-4 max-w-4xl">
      <div class="bg-white rounded-2xl shadow-lg p-6 md:p-12">
        <header class="mb-12 pb-8 border-b-2 border-secondary-200">
          <h1 class="text-4xl font-bold text-secondary-900 mb-4">นโยบายความเป็นส่วนตัว</h1>
          <p class="text-lg text-secondary-600">Privacy Policy (Personal Data Protection Policy)</p>
          <div class="mt-4 text-sm text-secondary-500">
            <p>Version: {POLICY_VERSION}</p>
            <p>Last Updated: {new Date(LAST_UPDATED).toLocaleDateString('th-TH', { year: 'numeric', month: 'long', day: 'numeric' })}</p>
          </div>
        </header>
        
        <section class="mb-12">
          <h2 class="text-2xl font-bold text-secondary-900 mb-6">1. ข้อมูลของผู้ควบคุมข้อมูลส่วนบุคคล</h2>
          <div class="bg-secondary-50 rounded-xl p-6 border-l-4 border-primary-600">
            <p class="text-secondary-700 mb-4">
              <strong class="text-secondary-900">บริษัท ดีล พลัส เทค จำกัด</strong> เป็นผู้ควบคุมข้อมูลส่วนบุคคล ตาม พ.ร.บ. คุ้มครองข้อมูลส่วนบุคคล พ.ศ. 2562 (PDPA)
            </p>
            <ul class="space-y-2 text-secondary-700">
              <li><strong>ที่อยู่:</strong> 9/70 ซอยนครลุง 17 แขวงบางไผ่ เขตบางแค กทม. 10160</li>
              <li><strong>โทรศัพท์:</strong> 090-555-1415</li>
              <li><strong>อีเมล:</strong> info@dealplustech.co.th</li>
            </ul>
          </div>
        </section>
        
        <section class="mb-12">
          <h2 class="text-2xl font-bold text-secondary-900 mb-6">2. ประเภทของข้อมูลที่เก็บรวบรวม</h2>
          <ul class="space-y-3">
            <li class="flex items-start gap-3">
              <span class="text-primary-600 mt-1">✓</span>
              <div>
                <strong class="text-secondary-900">ข้อมูลประจำตัว:</strong>
                <span class="text-secondary-700"> ชื่อ, นามสกุล, ที่อยู่อีเมล, เบอร์โทรศัพท์</span>
              </div>
            </li>
            <li class="flex items-start gap-3">
              <span class="text-primary-600 mt-1">✓</span>
              <div>
                <strong class="text-secondary-900">ข้อมูลการใช้งาน:</strong>
                <span class="text-secondary-700"> IP Address, ข้อมูลเบราว์เซอร์, อุปกรณ์ที่ใช้</span>
              </div>
            </li>
            <li class="flex items-start gap-3">
              <span class="text-primary-600 mt-1">✓</span>
              <div>
                <strong class="text-secondary-900">ข้อมูลคุกกี้:</strong>
                <span class="text-secondary-700"> การตั้งค่าคุกกี้, Session ID</span>
              </div>
            </li>
          </ul>
        </section>
        
        <section class="mb-12">
          <h2 class="text-2xl font-bold text-secondary-900 mb-6">3. วัตถุประสงค์ในการประมวลผลข้อมูล</h2>
          <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
            <div class="bg-secondary-50 p-4 rounded-lg">
              <strong class="text-secondary-900 block mb-1">การให้บริการ</strong>
              <span class="text-secondary-600 text-sm">ตอบสนองคำขอ, ให้บริการลูกค้า</span>
            </div>
            <div class="bg-secondary-50 p-4 rounded-lg">
              <strong class="text-secondary-900 block mb-1">การติดต่อกลับ</strong>
              <span class="text-secondary-600 text-sm">ตอบคำถาม, ให้ข้อมูลผลิตภัณฑ์</span>
            </div>
            <div class="bg-secondary-50 p-4 rounded-lg">
              <strong class="text-secondary-900 block mb-1">การวิเคราะห์</strong>
              <span class="text-secondary-600 text-sm">ปรับปรุงเว็บไซต์, ประสบการณ์ผู้ใช้</span>
            </div>
            <div class="bg-secondary-50 p-4 rounded-lg">
              <strong class="text-secondary-900 block mb-1">ตามกฎหมาย</strong>
              <span class="text-secondary-600 text-sm">ปฏิบัติตามข้อบังคับทางกฎหมาย</span>
            </div>
          </div>
        </section>
        
        <section class="mb-12">
          <h2 class="text-2xl font-bold text-secondary-900 mb-6">4. ฐานกฎหมายในการประมวลผลข้อมูล</h2>
          <div class="space-y-4">
            <div class="border-l-4 border-primary-600 pl-6">
              <h3 class="font-bold text-secondary-900 mb-2">4.1 การยินยอม (Consent)</h3>
              <p class="text-secondary-700">สำหรับการใช้คุกกี้ที่ไม่จำเป็น, การตลาด</p>
            </div>
            <div class="border-l-4 border-primary-600 pl-6">
              <h3 class="font-bold text-secondary-900 mb-2">4.2 การ履行合同 (Contract)</h3>
              <p class="text-secondary-700">เพื่อการให้บริการและดำเนินการตามคำขอของคุณ</p>
            </div>
            <div class="border-l-4 border-primary-600 pl-6">
              <h3 class="font-bold text-secondary-900 mb-2">4.3 ข้อบังคับทางกฎหมาย (Legal Obligation)</h3>
              <p class="text-secondary-700">เพื่อปฏิบัติตามกฎหมายและระเบียบที่เกี่ยวข้อง</p>
            </div>
          </div>
        </section>
        
        <section class="mb-12">
          <h2 class="text-2xl font-bold text-secondary-900 mb-6">5. ระยะเวลาการเก็บรักษาข้อมูล</h2>
          <div class="bg-primary-50 rounded-xl p-6 border-2 border-primary-200">
            <ul class="space-y-3">
              <li class="flex justify-between items-center">
                <span class="text-secondary-700">ข้อมูลการใช้งานเว็บไซต์</span>
                <span class="font-semibold text-primary-900">10 ปี</span>
              </li>
              <li class="flex justify-between items-center">
                <span class="text-secondary-700">บันทึกการยินยอมคุกกี้</span>
                <span class="font-semibold text-primary-900">10 ปี</span>
              </li>
              <li class="flex justify-between items-center">
                <span class="text-secondary-700">ข้อมูลติดต่อลูกค้า</span>
                <span class="font-semibold text-primary-900">5 ปี</span>
              </li>
            </ul>
          </div>
        </section>
        
        <section class="mb-12">
          <h2 class="text-2xl font-bold text-secondary-900 mb-6">6. สิทธิของเจ้าของข้อมูลส่วนบุคคล</h2>
          <p class="text-secondary-700 mb-4">ภายใต้ PDPA คุณมีสิทธิดังนี้:</p>
          <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
            <div class="bg-secondary-50 p-4 rounded-lg">
              <h3 class="font-bold text-secondary-900 mb-2">สิทธิขอเข้าถึง</h3>
              <p class="text-sm text-secondary-600">ขอรับสำเนาข้อมูลส่วนบุคคล</p>
            </div>
            <div class="bg-secondary-50 p-4 rounded-lg">
              <h3 class="font-bold text-secondary-900 mb-2">สิทธิขอแก้ไข</h3>
              <p class="text-sm text-secondary-600">ขอให้แก้ไขข้อมูลที่ไม่ถูกต้อง</p>
            </div>
            <div class="bg-secondary-50 p-4 rounded-lg">
              <h3 class="font-bold text-secondary-900 mb-2">สิทธิขอลบ</h3>
              <p class="text-sm text-secondary-600">ขอให้ลบข้อมูลส่วนบุคคล</p>
            </div>
            <div class="bg-secondary-50 p-4 rounded-lg">
              <h3 class="font-bold text-secondary-900 mb-2">สิทธิเพิกถอน</h3>
              <p class="text-sm text-secondary-600">เพิกถอนความยินยอมเมื่อใดก็ได้</p>
            </div>
          </div>
        </section>
        
        <section class="mb-12">
          <h2 class="text-2xl font-bold text-secondary-900 mb-6">7. คุกกี้และเทคโนโลยีการติดตาม</h2>
          <ul class="space-y-4">
            <li class="bg-secondary-50 p-4 rounded-lg border-l-4 border-primary-600">
              <h3 class="font-bold text-secondary-900 mb-2">คุกกี้จำเป็น (Essential Cookies)</h3>
              <p class="text-sm text-secondary-600">จำเป็นสำหรับการทำงานของเว็บไซต์ ไม่สามารถปิดได้</p>
            </li>
            <li class="bg-secondary-50 p-4 rounded-lg border-l-4 border-accent-500">
              <h3 class="font-bold text-secondary-900 mb-2">คุกกี้วิเคราะห์ (Analytics Cookies)</h3>
              <p class="text-sm text-secondary-600">帮助我们了解网站使用情况 (Umami Analytics)</p>
            </li>
            <li class="bg-secondary-50 p-4 rounded-lg border-l-4 border-secondary-400">
              <h3 class="font-bold text-secondary-900 mb-2">คุกกี้การตลาด (Marketing Cookies)</h3>
              <p class="text-sm text-secondary-600">ใช้สำหรับแสดงโฆษณาที่เกี่ยวข้อง</p>
            </li>
          </ul>
        </section>
        
        <section class="mb-12">
          <h2 class="text-2xl font-bold text-secondary-900 mb-6">8. การติดต่อ</h2>
          <div class="bg-primary-50 rounded-xl p-6 border-2 border-primary-200">
            <p class="text-secondary-700 mb-4">หากคุณมีคำถามหรือต้องการใช้สิทธิของคุณ กรุณาติดต่อ:</p>
            <div class="space-y-2">
              <p class="text-secondary-900"><strong>อีเมล:</strong> info@dealplustech.co.th</p>
              <p class="text-secondary-900"><strong>โทรศัพท์:</strong> 090-555-1415</p>
            </div>
          </div>
        </section>
      </div>
    </article>
  </main>
</BaseLayout>