<?php
declare(strict_types=1);
require __DIR__ . '/api/bootstrap.php';
require __DIR__ . '/api/functions-content.php';
$locale = current_locale();
$dbPage = page_content('privacy-policy', $locale);
$dbTitle = $dbPage['title'] ?? '';
$dbContent = $dbPage['content'] ?? '';
$settings = normalize_settings(settings($locale));
$siteName = $settings['site_name'] ?? 'Tanzelat';
?>
<!doctype html>
<html lang="<?= $locale ?>" dir="<?= $locale === 'en' ? 'ltr' : 'rtl' ?>">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title><?= htmlspecialchars($siteName) ?> | <?= htmlspecialchars($dbTitle !== '' ? $dbTitle : ($locale === 'en' ? 'Privacy Policy' : 'سياسة الخصوصية')) ?></title>
    <link rel="preconnect" href="https://cdn.jsdelivr.net" />
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" />
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="/css/base.css?v=20260524-cairo" />
    <link rel="stylesheet" href="/css/layout.css?v=20260518-privacy" />
    <link rel="stylesheet" href="/css/components.css?v=20260518-privacy" />
    <style>
      body.privacy-page { background: #fbf7f8; }
      .policy-main { padding: clamp(2rem,4vw,3.5rem) 0 clamp(4.5rem,8vw,6rem); background: #fbf7f8; }
      .policy-hero {
        min-height: 7.4rem;
        display: grid;
        align-items: center;
        margin-bottom: 1.5rem;
        padding: clamp(1.2rem,3vw,2rem);
        color: #fff;
        background: #0b7ee8;
        border-radius: 8px;
        box-shadow: 0 18px 42px rgba(7,94,184,.14);
      }
      .policy-hero h1 { margin: 0 0 .45rem; color: #fff; font-size: clamp(1.45rem,3vw,2.1rem); font-weight: 950; }
      .policy-hero p { max-width: 50rem; margin: 0; color: rgba(255,255,255,.9); line-height: 1.9; }
      .policy-layout { display: grid; grid-template-columns: minmax(0,1fr) 16rem; gap: 1.3rem; align-items: start; }
      .policy-toc,
      .policy-content-shell {
        background: #fff;
        border: 1px solid #e4e7ec;
        border-radius: 8px;
        box-shadow: 0 18px 42px rgba(15,23,42,.06);
      }
      .policy-toc { position: sticky; top: 5.4rem; order: 2; padding: 1rem; }
      .policy-toc h2 { margin: 0 0 .8rem; color: #075eb8; font-size: 1rem; font-weight: 950; }
      .policy-toc a { display: block; padding: .45rem 0; color: #344054; font-size: .86rem; font-weight: 800; border-bottom: 1px solid #f0f2f5; }
      .policy-toc a:hover,
      .policy-toc a.active { color: #075eb8; }
      .policy-content-shell { order: 1; padding: clamp(1.3rem,4vw,2.5rem); }
      .privacy-policy-content .dynamic-page-content {
        padding: 0;
        background: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
      }
      .privacy-policy-content .dynamic-page-content h1 {
        margin: 0 0 1.5rem;
        color: #101828;
        text-align: center;
        font-size: clamp(1.65rem,3.5vw,2.35rem);
        font-weight: 950;
      }
      .privacy-policy-content .article-prose {
        max-width: 46rem;
        margin: 0 auto;
        color: #243244;
        font-size: 1rem;
        line-height: 2.05;
        text-align: right;
      }
      .privacy-policy-content .article-prose h1,
      .privacy-policy-content .article-prose h2,
      .privacy-policy-content .article-prose h3 {
        color: #101828;
        text-align: center;
        font-weight: 950;
      }
      .privacy-policy-content .article-prose h2 {
        margin-top: 2rem;
        font-size: clamp(1.25rem,2.4vw,1.65rem);
      }
      .privacy-policy-content .article-prose p { margin-bottom: 1.1rem; }
      .privacy-policy-content .article-prose ul,
      .privacy-policy-content .article-prose ol {
        width: fit-content;
        max-width: 100%;
        margin: 1rem auto;
        padding-inline-start: 1.5rem;
      }
      .policy-contact-card {
        margin-top: 2rem;
        padding: 1.25rem;
        color: #075eb8;
        background: #eef6ff;
        border: 1px solid #d9eaff;
        border-radius: 8px;
      }
      .policy-contact-card h2 { margin: 0 0 .65rem; font-size: 1.15rem; font-weight: 950; }
      .policy-contact-card p { margin: 0; color: #243244; line-height: 1.8; }
      .policy-contact-card div { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: .9rem; }
      .policy-contact-card a { color: #075eb8; font-weight: 900; }
      @media (max-width: 991px) {
        .policy-layout { grid-template-columns: 1fr; }
        .policy-toc { position: static; order: 1; }
        .policy-content-shell { order: 2; }
      }
    </style>
  </head>
  <body class="privacy-page">
    <div class="page-loader" aria-hidden="true">
      <img src="/assets/images/image.png" alt="" />
    </div>

    <header class="site-header">
      <nav class="navbar navbar-expand-lg">
        <div class="container">
          <a class="navbar-brand brand-mark" href="/">
            <img src="/assets/images/image.png" alt="Tanzelat" />
            <span>Tanzelat</span>
          </a>
          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNav" aria-label="فتح القائمة">
            <span class="navbar-toggler-icon"></span>
          </button>
          <div class="collapse navbar-collapse" id="mainNav">
            <ul class="navbar-nav mx-auto mb-2 mb-lg-0">
              <li class="nav-item"><a class="nav-link" href="/" data-i18n="navHome">الرئيسية</a></li>
              <li class="nav-item"><a class="nav-link" href="apps.php" data-i18n="navApps">التطبيقات</a></li>
              <li class="nav-item"><a class="nav-link" href="/blog.php" data-i18n="navBlog">المدونات</a></li>
              <li class="nav-item"><a class="nav-link active" href="/privacy.php" data-i18n="navPrivacy">سياسة الخصوصية</a></li>
              <li class="nav-item"><a class="nav-link" href="/terms.php" data-i18n="navTerms">شروط الاستخدام</a></li>
              <li class="nav-item"><a class="nav-link" href="/about.php" data-i18n="navAbout">عنّا</a></li>
              <li class="nav-item"><a class="nav-link" href="/contact.php" data-i18n="navContact">تواصل معنا</a></li>
            </ul>
            <div class="header-actions">
              <button class="icon-button" id="langToggle" type="button" aria-label="Switch language">
                <i class="bi bi-globe2"></i>
                <span>EN</span>
              </button>
            </div>
          </div>
        </div>
      </nav>
    </header>

    <main class="policy-main">
      <div class="container">
        <section class="policy-hero reveal">
          <h1 data-i18n="privacyHeroTitle"><?= htmlspecialchars($dbTitle !== '' ? $dbTitle : ($locale === 'en' ? 'Privacy Policy' : 'سياسة الخصوصية')) ?></h1>
          <p data-i18n="privacyHeroText">تعرف على كيفية حماية بياناتك وضمان خصوصيتك أثناء استخدام منصة تنزيلات الرقمية.</p>
        </section>

        <div class="policy-layout">
          <aside class="policy-toc reveal">
            <h2 data-i18n="privacyContents">المحتويات</h2>
            <a class="active" href="#intro" data-i18n="privacyIntroNav">مقدمة</a>
            <a href="#collection" data-i18n="privacyCollectNav">جمع البيانات</a>
            <a href="#usage" data-i18n="privacyUseNav">استخدام المعلومات</a>
            <a href="#protection" data-i18n="privacyProtectNav">حماية البيانات</a>
            <a href="#contact" data-i18n="privacyContactNav">معلومات التواصل</a>
          </aside>

          <article class="policy-content-shell reveal">
            <div class="privacy-policy-content">
              <article class="dynamic-page-content">
                <h1 data-i18n="privacyHeroTitle"><?= htmlspecialchars($dbTitle !== '' ? $dbTitle : ($locale === 'en' ? 'Privacy Policy' : 'سياسة الخصوصية')) ?></h1>
                <div class="article-prose">
                  <?php if ($dbContent !== ''): ?>
                    <?= $dbContent ?>
                  <?php else: ?>
                  <section id="intro">
                    <h2 data-i18n="privacyIntroTitle">مقدمة</h2>
                    <p data-i18n="privacyIntroText">نحن في منصة تنزيلات ندرك تماماً أهمية خصوصية بياناتك الشخصية. تهدف سياسة الخصوصية هذه إلى توضيح نوع المعلومات التي نجمعها وكيفية معالجتها وحمايتها.</p>
                  </section>
                  <section id="collection">
                    <h2 data-i18n="privacyCollectTitle">جمع البيانات</h2>
                    <p data-i18n="privacyCollectText">نقوم بجمع أنواع مختلفة من المعلومات لتحسين جودة الخدمة المقدمة لك، وتشمل:</p>
                    <ul>
                      <li data-i18n="privacyPointOne">بيانات التسجيل: مثل الاسم والبريد الإلكتروني.</li>
                      <li data-i18n="privacyPointTwo">بيانات الاستخدام: تشمل الصفحات التي تزورها ونوع المتصفح المستخدم.</li>
                      <li data-i18n="privacyPointThree">ملفات تعريف الارتباط: نستخدمها لتخصيص المحتوى.</li>
                    </ul>
                  </section>
                  <section id="usage">
                    <h2 data-i18n="privacyUseTitle">كيفية استخدام المعلومات</h2>
                    <p data-i18n="privacyUseText">يتم استخدام المعلومات التي نجمعها للأغراض التالية:</p>
                  </section>
                  <section id="protection">
                    <h2 data-i18n="privacyProtectTitle">حماية البيانات</h2>
                    <p data-i18n="privacyProtectText">نحن نطبق مجموعة واسعة من التدابير الأمنية التقنية والإدارية لضمان سلامة بياناتك من الوصول غير المصرح به.</p>
                  </section>
                  <?php endif; ?>
                </div>
              </article>
            </div>

            <section class="policy-contact-card" id="contact">
              <h2 data-i18n="privacyContactTitle">معلومات التواصل</h2>
              <p data-i18n="privacyContactText">إذا كان لديك أي أسئلة أو استفسارات حول سياسة الخصوصية الخاصة بنا، لا تتردد في التواصل معنا.</p>
              <div>
                <a href="mailto:privacy@tanzelat.com" data-i18n="privacyEmail">privacy@tanzelat.com</a>
                <a href="tel:+966800123456" data-i18n="privacyPhone">+966 800 123 456</a>
              </div>
            </section>
          </article>
        </div>
      </div>
    </main>

    <footer class="site-footer">
      <div class="container footer-grid">
        <div><h2>Tanzelat</h2><p data-i18n="footerText">المنصة الرائدة لدعم المحتوى العربي الرقمي، نهتم بالجودة، الأمان، والابتكار.</p></div>
        <div><h3 data-i18n="aboutPlatform">عن المنصة</h3><a href="/about.php" data-i18n="whoWeAre">من نحن</a><a href="/privacy.php" data-i18n="privacy">سياسة الخصوصية</a><a href="/terms.php" data-i18n="terms">شروط الاستخدام</a></div>
        <div><h3 data-i18n="support">الدعم</h3><a href="/contact.php" data-i18n="contact">اتصل بنا</a><a href="#" data-i18n="faq">الأسئلة الشائعة</a><a href="#" data-i18n="archive">الأرشيف</a></div>
        <div class="socials"><a href="#" aria-label="RSS"><i class="bi bi-rss"></i></a><a href="#" aria-label="Share"><i class="bi bi-share"></i></a></div>
      </div>
      <p class="copyright">© 2026 Tanzelat. <span data-i18n="rights">جميع الحقوق محفوظة لصناع المحتوى العربي.</span></p>
    </footer>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
    <script src="/js/main.js?v=20260607-ads4"></script>
  </body>
</html>
