import { Card, CardContent } from '@/shared/ui/card';
import { Database, Eye, FileText, Lock, Shield } from 'lucide-react';
import { useTranslations } from 'next-intl';

const PrivacyPolicy = () => {
  const t = useTranslations();
  return (
    <main className="custom-container">
      {/* Hero Section */}
      <section>
        <div className="text-center">
          <div className="inline-flex items-center justify-center w-16 h-16 rounded-full bg-primary/10 mb-6">
            <Shield className="w-8 h-8 text-primary" />
          </div>
          <p className="text-2xl md:text-5xl font-bold mb-4">
            {t('Maxfiylik Siyosati')}
          </p>
          <p className="text-lg text-muted-foreground">
            {t(
              `Gastro Market sizning ma'lumotlaringiz xavfsizligini jiddiy qabul qiladi`,
            )}
          </p>
          <p className="text-sm text-muted-foreground mt-4">
            {t('Oxirgi yangilanish: 16 Dekabr 2025')}
          </p>
        </div>
      </section>

      {/* Main Content */}
      <section className="py-16 px-4">
        <div className="container mx-auto max-w-4xl">
          {/* Introduction */}
          <div className="prose prose-lg max-w-none mb-12">
            <p className="text-muted-foreground leading-relaxed">
              {t(
                `Ushbu Maxfiylik Siyosati Gastro Market online magazinida siz tomonidan taqdim etilgan shaxsiy ma'lumotlarni qanday to'playmiz`,
              )}
            </p>
          </div>

          {/* Sections */}
          <div className="space-y-8">
            {/* Section 1 */}
            <Card className="border-l-4 border-l-primary">
              <CardContent className="pt-6">
                <div className="flex items-start gap-4">
                  <div className="flex-shrink-0">
                    <div className="w-12 h-12 rounded-lg bg-primary/10 flex items-center justify-center">
                      <Database className="w-6 h-6 text-primary" />
                    </div>
                  </div>
                  <div className="flex-1">
                    <h2 className="text-2xl font-bold mb-4">
                      {t("Biz To'playdigan Ma'lumotlar")}
                    </h2>
                    <div className="space-y-3 text-muted-foreground">
                      <p className="leading-relaxed">
                        {t(
                          `Sizning tajribangizni yaxshilash uchun biz quyidagi ma'lumotlarni to'playmiz`,
                        )}
                      </p>
                      <ul className="space-y-2 ml-6 list-disc">
                        <li>
                          <strong>{t(`Shaxsiy Ma'lumotlar`)}:</strong>{' '}
                          {t('Ism email manzil telefon raqami')}
                        </li>
                        <li>
                          <strong>{"Kompaniya Ma'lumotlari"}:</strong>{' '}
                          {t("Kompaniya nomi, website, hamkorlik so'rovlari")}
                        </li>
                        <li>
                          <strong>{t('Fayllar:')}</strong>{' '}
                          {t('Hamkorlik uchun yuklangan hujjatlar')}
                        </li>
                        <li>
                          <strong>{t("Texnik Ma'lumotlar")}:</strong>{' '}
                          {t("IP manzil, brauzer turi, qurilma ma'lumotlari")}
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </CardContent>
            </Card>

            {/* Section 2 */}
            <Card className="border-l-4 border-l-accent">
              <CardContent className="pt-6">
                <div className="flex items-start gap-4">
                  <div className="flex-shrink-0">
                    <div className="w-12 h-12 rounded-lg bg-accent/10 flex items-center justify-center">
                      <Eye className="w-6 h-6 text-accent" />
                    </div>
                  </div>
                  <div className="flex-1">
                    <h2 className="text-2xl font-bold mb-4">
                      {t("Ma'lumotlardan Foydalanish")}
                    </h2>
                    <div className="space-y-3 text-muted-foreground">
                      <p className="leading-relaxed">
                        {t(
                          `To'plangan ma'lumotlaringizdan quyidagi maqsadlarda foydalanamiz:`,
                        )}
                      </p>
                      <ul className="space-y-2 ml-6 list-disc">
                        <li>
                          {t(
                            "Hamkorlik so'rovlarini qayta ishlash va javob berish",
                          )}
                        </li>
                        <li>
                          {t(
                            `Sizga xizmatlarimiz va yangiliklar haqida ma'lumot berish`,
                          )}
                        </li>
                        <li>
                          {t(
                            `Sayt xavfsizligini ta'minlash va firibgarlikka qarshi kurashish`,
                          )}
                        </li>
                        <li>
                          {t(
                            'Foydalanuvchi tajribasini tahlil qilish va yaxshilash',
                          )}
                        </li>
                        <li>{t('Qonuniy talablarni bajarish')}</li>
                      </ul>
                    </div>
                  </div>
                </div>
              </CardContent>
            </Card>

            {/* Section 3 */}
            <Card className="border-l-4 border-l-chart-2">
              <CardContent className="pt-6">
                <div className="flex items-start gap-4">
                  <div className="flex-shrink-0">
                    <div className="w-12 h-12 rounded-lg bg-chart-2/10 flex items-center justify-center">
                      <Lock className="w-6 h-6 text-chart-2" />
                    </div>
                  </div>
                  <div className="flex-1">
                    <h2 className="text-2xl font-bold mb-4">
                      {t("Ma'lumotlar Xavfsizligi")}
                    </h2>
                    <div className="space-y-3 text-muted-foreground">
                      <p className="leading-relaxed">
                        {t(
                          `Biz sizning shaxsiy ma'lumotlaringizni himoya qilish uchun zamonaviy xavfsizlik choralarini qo'llaymiz:`,
                        )}
                      </p>
                      <ul className="space-y-2 ml-6 list-disc">
                        <li>
                          {t("SSL/TLS shifrlash orqali ma'lumotlar uzatish")}
                        </li>
                        <li>
                          {t(
                            "Xavfsiz serverlar va ma'lumotlar bazasida saqlash",
                          )}
                        </li>
                        <li>
                          {t('Cheklangan kirish huquqlari va autentifikatsiya')}
                        </li>
                        <li>
                          {t('Doimiy xavfsizlik monitoringi va yangilanishlar')}
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </CardContent>
            </Card>

            {/* Section 4 */}
            <Card className="border-l-4 border-l-chart-3">
              <CardContent className="pt-6">
                <div className="flex items-start gap-4">
                  <div className="flex-shrink-0">
                    <div className="w-12 h-12 rounded-lg bg-chart-3/10 flex items-center justify-center">
                      <FileText className="w-6 h-6 text-chart-3" />
                    </div>
                  </div>
                  <div className="flex-1">
                    <h2 className="text-2xl font-bold mb-4">
                      {t("Ma'lumotlarni Ulashish")}
                    </h2>
                    <div className="space-y-3 text-muted-foreground">
                      <p className="leading-relaxed">
                        {t(
                          `Biz sizning shaxsiy ma'lumotlaringizni uchinchi shaxslarga sotmaymiz`,
                        )}
                      </p>
                      <ul className="space-y-2 ml-6 list-disc">
                        <li>{t('Sizning roziligingiz bilan')}</li>
                        <li>{t("Qonuniy talablar bo'yicha")}</li>
                        <li>
                          {t(
                            `Xizmat ko'rsatuvchi ishonchli hamkorlar bilan (maxfiylik shartnomalari ostida)`,
                          )}
                        </li>
                        <li>
                          {t('Kompaniya birlashuvi yoki sotilishi holatida')}
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </CardContent>
            </Card>

            {/* Contact Section */}
            <Card className="bg-primary/5 border-primary/20">
              <CardContent className="pt-6">
                <h2 className="text-2xl font-bold mb-4">
                  {t("Biz Bilan Bog'lanish")}
                </h2>
                <p className="text-muted-foreground leading-relaxed mb-4">
                  {t(
                    `Ushbu Maxfiylik Siyosati yoki shaxsiy ma'lumotlaringiz haqida savollaringiz bo'lsa, biz bilan bog'laning:`,
                  )}
                </p>
                <div className="space-y-2 text-muted-foreground">
                  <p>
                    <strong>Email:</strong>{' '}
                    <a
                      href="mailto:privacy@gastromarket.uz"
                      className="text-primary hover:underline"
                    >
                      privacy@gastromarket.uz
                    </a>
                  </p>
                  <p>
                    <strong>{t('Telefon')}:</strong>{' '}
                    <a
                      href="tel:+998901234567"
                      className="text-primary hover:underline"
                    >
                      +998 90 123 45 67
                    </a>
                  </p>
                  <p>
                    <strong>{t('Manzil')}:</strong> {t("Toshkent, O'zbekiston")}
                  </p>
                </div>
              </CardContent>
            </Card>
          </div>
        </div>
      </section>
    </main>
  );
};
export default PrivacyPolicy;
