<template>
  <section
    id="legal"
    class="max-w-4xl mx-auto px-6 py-40 text-sm leading-relaxed text-gray-800"
  >
    <h1 class="text-3xl font-bold mb-10">Legal Texts</h1>

    <!-- KVKK -->
    <article class="mb-16">
      <h2 class="text-2xl font-semibold mb-6">
        1. Personal Data Protection (KVKK) Disclosure Statement
      </h2>

      <h3 class="font-semibold mt-6 mb-2">Data Controller</h3>
      <p>
        This disclosure statement has been prepared by Müco Mutfak ve Kahve
        (“Data Controller”) in accordance with the Turkish Personal Data
        Protection Law No. 6698 (“KVKK”).
      </p>

      <h3 class="font-semibold mt-6 mb-2">Processed Personal Data</h3>
      <p>
        The following personal data is processed through the contact form on our
        website:
      </p>
      <ul class="list-disc pl-6 mt-2 space-y-1">
        <li>Full name</li>
        <li>Email address</li>
        <li>Message content</li>
        <li>Subject of inquiry</li>
        <li>IP address and transaction security data</li>
      </ul>

      <h3 class="font-semibold mt-6 mb-2">
        Purposes of Processing Personal Data
      </h3>
      <p>Your personal data is processed for the following purposes:</p>
      <ul class="list-disc pl-6 mt-2 space-y-1">
        <li>Evaluating your requests, suggestions, and inquiries</li>
        <li>Contacting you</li>
        <li>Improving service quality</li>
        <li>Fulfilling legal obligations</li>
      </ul>

      <h3 class="font-semibold mt-6 mb-2">Legal Basis for Processing</h3>
      <p>
        Your personal data is processed in accordance with Article 5 of KVKK
        based on:
      </p>
      <ul class="list-disc pl-6 mt-2 space-y-1">
        <li>Your explicit consent</li>
        <li>
          The necessity of processing data for the establishment, exercise, or
          protection of a right
        </li>
      </ul>
      <p class="mt-2">legal grounds.</p>

      <h3 class="font-semibold mt-6 mb-2">Transfer of Personal Data</h3>
      <p>Your personal data may be shared with:</p>
      <ul class="list-disc pl-6 mt-2 space-y-1">
        <li>Email service providers (for handling communication requests)</li>
        <li>
          Authorized public institutions and organizations (as required by law)
        </li>
      </ul>
      <p class="mt-2">limited to these purposes.</p>

      <h3 class="font-semibold mt-6 mb-2">Data Retention Period</h3>
      <p>
        Your personal data will be retained for as long as necessary for the
        purposes of processing and in accordance with applicable legal
        requirements. Afterward, it will be deleted, destroyed, or anonymized.
      </p>

      <h3 class="font-semibold mt-6 mb-2">Your Rights Under KVKK</h3>
      <p>You have the following rights under Article 11 of KVKK:</p>
      <ul class="list-disc pl-6 mt-2 space-y-1">
        <li>To learn whether your personal data is processed</li>
        <li>To request information if it has been processed</li>
        <li>
          To learn the purpose of processing and whether it is used accordingly
        </li>
        <li>To know the third parties to whom data is transferred</li>
        <li>To request correction of incomplete or incorrect data</li>
        <li>To request deletion or destruction of your data</li>
        <li>
          To object to results arising against you from automated data analysis
        </li>
        <li>To claim compensation for damages incurred</li>
      </ul>

      <h3 class="font-semibold mt-6 mb-2">Contact</h3>
      <p>
        You may submit your requests under KVKK through the following contact
        channels:
      </p>
      <p class="mt-2">📧 Email: info@mucomutfak.com</p>
      <p>📍 Address: Hasan Ercan Cad. No: 23/E Menteşe/MUĞLA</p>
    </article>

    <!-- Privacy -->
    <article>
      <h2 class="text-2xl font-semibold mb-6">2. Privacy Policy</h2>

      <p>As Müco Mutfak ve Kahve, we value the privacy of our visitors.</p>

      <h3 class="font-semibold mt-6 mb-2">Information Collected</h3>
      <p>
        The following information may be collected when you visit our website:
      </p>
      <ul class="list-disc pl-6 mt-2 space-y-1">
        <li>Browser and device information</li>
        <li>IP address</li>
        <li>Website usage data</li>
        <li>Information you provide through the contact form</li>
      </ul>

      <h3 class="font-semibold mt-6 mb-2">Use of Information</h3>
      <p>The collected information is used to:</p>
      <ul class="list-disc pl-6 mt-2 space-y-1">
        <li>Ensure the proper functioning of the website</li>
        <li>Improve user experience</li>
        <li>Respond to your inquiries</li>
      </ul>

      <h3 class="font-semibold mt-6 mb-2">Cookies</h3>
      <p>Our website may use cookies to enhance user experience.</p>
      <ul class="list-disc pl-6 mt-2 space-y-1">
        <li>Remember your preferences</li>
        <li>Analyze site performance</li>
      </ul>
      <p class="mt-2">
        You can manage or delete cookies through your browser settings.
      </p>

      <h3 class="font-semibold mt-6 mb-2">Third-Party Services</h3>
      <p>
        Our website may use third-party services to improve service quality
        (such as email service providers). These services are subject to their
        own privacy policies.
      </p>

      <h3 class="font-semibold mt-6 mb-2">Data Security</h3>
      <p>
        Necessary technical and administrative measures are taken to ensure the
        security of your personal data.
      </p>

      <h3 class="font-semibold mt-6 mb-2">Changes</h3>
      <p>
        This privacy policy may be updated when necessary. The current version
        will always be published on this page.
      </p>
    </article>

    <!-- Footer note -->
    <div class="mt-16 text-xs text-gray-500 border-t pt-6">
      <ul class="list-disc pl-6 mt-2">
        <li>Müco Mutfak ve Kahve</li>
        <li>Mücahit Uslu</li>
        <li>info@mucomutfak.com</li>
        <li>Hasan Ercan Cad. No: 23/E Menteşe/MUĞLA</li>
      </ul>
    </div>
  </section>
</template>

<script setup lang="ts">
import { usePageData } from "@/composables/usePageData";
import { useMeta } from "@/composables/useMeta";

type ComponentSlice = Record<string, any> & {
  __component?: string;
  id?: string | number;
};

type Data = {
  components?: Array<ComponentSlice>;
  meta?: Record<string, any>;
};

const data = usePageData<Data>("legal", "en");
useMeta(data.value?.meta ?? {}, "en");
</script>
