import { Download, Eye, Lock, Mail, Shield, Trash2 } from 'lucide-react';
import { Helmet } from 'react-helmet-async';
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';

export default function PrivacyPolicy() {
  return (
    <>
      <Helmet>
        <title>Gizlilik Politikası | Travel Planner</title>
        <meta name="description" content="Travel Planner gizlilik politikası ve kişisel veri koruma uygulamaları" />
      </Helmet>

      <div className="container mx-auto max-w-4xl py-8 px-4">
        <div className="mb-8">
          <h1 className="text-4xl font-bold mb-4">Gizlilik Politikası</h1>
          <p className="text-muted-foreground">
            Son güncelleme: 5 Şubat 2026
          </p>
        </div>

        <div className="space-y-6">
          {/* Genel Bakış */}
          <Card>
            <CardHeader>
              <div className="flex items-center gap-2">
                <Shield className="h-5 w-5 text-primary" />
                <CardTitle>Genel Bakış</CardTitle>
              </div>
            </CardHeader>
            <CardContent className="space-y-4">
              <p>
                Travel Planner olarak, kişisel verilerinizin gizliliğini korumayı ve GDPR (Genel Veri Koruma Yönetmeliği) 
                ve KVKK (Kişisel Verilerin Korunması Kanunu) gibi veri koruma yasalarına uymayı taahhüt ediyoruz.
              </p>
              <p>
                Bu gizlilik politikası, hangi kişisel verileri topladığımızı, bunları nasıl kullandığımızı, 
                sakladığımızı ve koruduğumuzu açıklar.
              </p>
            </CardContent>
          </Card>

          {/* Toplanan Veriler */}
          <Card>
            <CardHeader>
              <div className="flex items-center gap-2">
                <Eye className="h-5 w-5 text-primary" />
                <CardTitle>Topladığımız Veriler</CardTitle>
              </div>
            </CardHeader>
            <CardContent className="space-y-4">
              <div>
                <h3 className="font-semibold mb-2">1. Hesap Bilgileri</h3>
                <ul className="list-disc list-inside space-y-1 text-sm text-muted-foreground ml-4">
                  <li>E-posta adresi</li>
                  <li>Ad ve soyad</li>
                  <li>Kullanıcı adı</li>
                  <li>Profil fotoğrafı (isteğe bağlı)</li>
                </ul>
              </div>

              <div>
                <h3 className="font-semibold mb-2">2. Seyahat Verileri</h3>
                <ul className="list-disc list-inside space-y-1 text-sm text-muted-foreground ml-4">
                  <li>Oluşturduğunuz seyahat planları</li>
                  <li>Ziyaret etmek istediğiniz yerler</li>
                  <li>Seyahat tarihleri ve süreleri</li>
                  <li>İlgi alanlarınız ve tercihleriniz</li>
                </ul>
              </div>

              <div>
                <h3 className="font-semibold mb-2">3. Teknik Veriler</h3>
                <ul className="list-disc list-inside space-y-1 text-sm text-muted-foreground ml-4">
                  <li>IP adresi</li>
                  <li>Tarayıcı türü ve versiyonu</li>
                  <li>Cihaz bilgileri</li>
                  <li>Kullanım istatistikleri</li>
                </ul>
              </div>

              <div>
                <h3 className="font-semibold mb-2">4. İletişim Verileri</h3>
                <ul className="list-disc list-inside space-y-1 text-sm text-muted-foreground ml-4">
                  <li>Destek taleplerinizdeki bilgiler</li>
                  <li>Geri bildirimleriniz</li>
                  <li>E-posta iletişim geçmişi</li>
                </ul>
              </div>
            </CardContent>
          </Card>

          {/* Veri Kullanımı */}
          <Card>
            <CardHeader>
              <CardTitle>Verileri Nasıl Kullanıyoruz</CardTitle>
            </CardHeader>
            <CardContent className="space-y-4">
              <p>Topladığımız verileri şu amaçlarla kullanıyoruz:</p>
              <ul className="list-disc list-inside space-y-2 text-sm text-muted-foreground ml-4">
                <li>Hizmetlerimizi sağlamak ve geliştirmek</li>
                <li>Kişiselleştirilmiş seyahat önerileri sunmak</li>
                <li>Hesap güvenliğini sağlamak</li>
                <li>Müşteri desteği sağlamak</li>
                <li>Yasal yükümlülüklerimizi yerine getirmek</li>
                <li>Hizmet kalitesini analiz etmek ve iyileştirmek</li>
                <li>Size önemli güncellemeler hakkında bilgi vermek</li>
              </ul>
            </CardContent>
          </Card>

          {/* Veri Güvenliği */}
          <Card>
            <CardHeader>
              <div className="flex items-center gap-2">
                <Lock className="h-5 w-5 text-primary" />
                <CardTitle>Veri Güvenliği</CardTitle>
              </div>
            </CardHeader>
            <CardContent className="space-y-4">
              <p>
                Verilerinizi korumak için endüstri standardı güvenlik önlemleri kullanıyoruz:
              </p>
              <ul className="list-disc list-inside space-y-2 text-sm text-muted-foreground ml-4">
                <li>SSL/TLS şifreleme ile güvenli veri iletimi</li>
                <li>Veritabanı şifreleme</li>
                <li>Düzenli güvenlik denetimleri</li>
                <li>Erişim kontrolü ve kimlik doğrulama</li>
                <li>Güvenli veri yedekleme</li>
              </ul>
            </CardContent>
          </Card>

          {/* GDPR Hakları */}
          <Card>
            <CardHeader>
              <CardTitle>GDPR ve KVKK Haklarınız</CardTitle>
            </CardHeader>
            <CardContent className="space-y-4">
              <p>Kişisel verilerinizle ilgili aşağıdaki haklara sahipsiniz:</p>

              <div className="space-y-4">
                <div className="flex items-start gap-3">
                  <Eye className="mt-1 h-4 w-4 text-primary shrink-0" />
                  <div>
                    <h4 className="font-semibold text-sm">Erişim Hakkı</h4>
                    <p className="text-sm text-muted-foreground">
                      Hangi kişisel verilerinizi işlediğimizi öğrenme hakkı
                    </p>
                  </div>
                </div>

                <div className="flex items-start gap-3">
                  <Download className="mt-1 h-4 w-4 text-primary shrink-0" />
                  <div>
                    <h4 className="font-semibold text-sm">Taşınabilirlik Hakkı</h4>
                    <p className="text-sm text-muted-foreground">
                      Verilerinizi yapılandırılmış, yaygın kullanılan bir formatta alma hakkı
                    </p>
                  </div>
                </div>

                <div className="flex items-start gap-3">
                  <Trash2 className="mt-1 h-4 w-4 text-primary shrink-0" />
                  <div>
                    <h4 className="font-semibold text-sm">Unutulma Hakkı</h4>
                    <p className="text-sm text-muted-foreground">
                      Kişisel verilerinizin silinmesini talep etme hakkı
                    </p>
                  </div>
                </div>

                <div className="flex items-start gap-3">
                  <Mail className="mt-1 h-4 w-4 text-primary shrink-0" />
                  <div>
                    <h4 className="font-semibold text-sm">Düzeltme Hakkı</h4>
                    <p className="text-sm text-muted-foreground">
                      Yanlış veya eksik kişisel verilerinizi düzeltme hakkı
                    </p>
                  </div>
                </div>
              </div>

              <p className="text-sm text-muted-foreground mt-4">
                Bu haklarınızı kullanmak için hesap ayarlarınızdan veya{' '}
                <a href="mailto:privacy@travelplanner.com" className="text-primary underline">
                  privacy@travelplanner.com
                </a>{' '}
                adresinden bize ulaşabilirsiniz.
              </p>
            </CardContent>
          </Card>

          {/* Çerezler */}
          <Card>
            <CardHeader>
              <CardTitle>Çerezler</CardTitle>
            </CardHeader>
            <CardContent className="space-y-4">
              <p>
                Web sitemiz, kullanıcı deneyimini iyileştirmek için çerezler kullanır:
              </p>
              <ul className="list-disc list-inside space-y-2 text-sm text-muted-foreground ml-4">
                <li><strong>Zorunlu Çerezler:</strong> Sitenin çalışması için gerekli</li>
                <li><strong>Analitik Çerezler:</strong> Site kullanımını anlamamıza yardımcı olur</li>
                <li><strong>Pazarlama Çerezleri:</strong> Kişiselleştirilmiş içerik sunmamızı sağlar</li>
              </ul>
              <p className="text-sm text-muted-foreground">
                Çerez tercihlerinizi istediğiniz zaman değiştirebilirsiniz.
              </p>
            </CardContent>
          </Card>

          {/* Veri Saklama */}
          <Card>
            <CardHeader>
              <CardTitle>Veri Saklama Süresi</CardTitle>
            </CardHeader>
            <CardContent className="space-y-4">
              <p>
                Kişisel verilerinizi yalnızca gerekli olduğu sürece saklarız:
              </p>
              <ul className="list-disc list-inside space-y-2 text-sm text-muted-foreground ml-4">
                <li>Hesap verileri: Hesabınız aktif olduğu sürece</li>
                <li>Seyahat planları: Silene kadar</li>
                <li>Audit logları: 2 yıl</li>
                <li>Pazarlama onayları: Geri çekene kadar</li>
              </ul>
            </CardContent>
          </Card>

          {/* Üçüncü Taraflar */}
          <Card>
            <CardHeader>
              <CardTitle>Üçüncü Taraf Hizmetler</CardTitle>
            </CardHeader>
            <CardContent className="space-y-4">
              <p>
                Hizmetlerimizi sağlamak için aşağıdaki üçüncü taraf hizmetleri kullanıyoruz:
              </p>
              <ul className="list-disc list-inside space-y-2 text-sm text-muted-foreground ml-4">
                <li>Supabase (Veritabanı ve kimlik doğrulama)</li>
                <li>Google Maps (Harita hizmetleri)</li>
                <li>OpenAI (AI önerileri)</li>
              </ul>
              <p className="text-sm text-muted-foreground">
                Bu hizmetler kendi gizlilik politikalarına tabidir ve verilerinizi yalnızca 
                hizmet sağlamak amacıyla kullanırlar.
              </p>
            </CardContent>
          </Card>

          {/* İletişim */}
          <Card>
            <CardHeader>
              <CardTitle>İletişim</CardTitle>
            </CardHeader>
            <CardContent className="space-y-4">
              <p>
                Gizlilik politikamız hakkında sorularınız varsa veya haklarınızı kullanmak istiyorsanız:
              </p>
              <div className="space-y-2 text-sm">
                <p>
                  <strong>E-posta:</strong>{' '}
                  <a href="mailto:privacy@travelplanner.com" className="text-primary underline">
                    privacy@travelplanner.com
                  </a>
                </p>
                <p>
                  <strong>Veri Koruma Sorumlusu:</strong>{' '}
                  <a href="mailto:dpo@travelplanner.com" className="text-primary underline">
                    dpo@travelplanner.com
                  </a>
                </p>
              </div>
            </CardContent>
          </Card>

          {/* Değişiklikler */}
          <Card>
            <CardHeader>
              <CardTitle>Politika Değişiklikleri</CardTitle>
            </CardHeader>
            <CardContent>
              <p className="text-sm text-muted-foreground">
                Bu gizlilik politikasını zaman zaman güncelleyebiliriz. Önemli değişiklikler olduğunda 
                sizi e-posta yoluyla bilgilendireceğiz. Politikanın en son versiyonu her zaman bu sayfada 
                bulunacaktır.
              </p>
            </CardContent>
          </Card>
        </div>
      </div>
    </>
  );
}
