import { Head, Link } from '@inertiajs/react';
import { LandingHeader } from '@/Components/Layout/LandingHeader';
import { LandingFooter } from '@/Components/Layout/LandingFooter';

export default function Privacy() {
  return (
    <>
      <Head title="سیاست حریم خصوصی — دانشیار من" />
      <LandingHeader />
      <main style={{ maxWidth: 820, margin: '0 auto', padding: '3rem 1.5rem 5rem' }}>
        <h1 style={{ fontSize: '1.7rem', fontWeight: 700, marginBottom: '0.5rem' }}>سیاست حریم خصوصی</h1>
        <p style={{ color: 'var(--color-text-soft, #64748B)', marginBottom: '2.5rem', fontSize: '0.9rem' }}>آخرین ویرایش: تیر ۱۴۰۵</p>

        <div style={{ display: 'flex', flexDirection: 'column', gap: '2rem', lineHeight: 1.9, color: 'var(--color-text, #0F172A)' }}>
          <section>
            <h2 style={{ fontSize: '1.1rem', fontWeight: 700, marginBottom: '0.6rem' }}>۱. اطلاعاتی که جمع‌آوری می‌کنیم</h2>
            <ul style={{ paddingRight: '1.5rem' }}>
              <li><strong>اطلاعات حساب:</strong> نام، نام خانوادگی، نام کاربری، شماره موبایل، ایمیل، کد ملی (اختیاری)</li>
              <li><strong>اطلاعات تحصیلی:</strong> نمرات، غیبت‌ها، تکالیف، برنامه هفتگی</li>
              <li><strong>لاگ‌های سیستم:</strong> ورود، خروج، فعالیت‌های مهم، آدرس IP</li>
              <li><strong>داده‌های کلاس آنلاین:</strong> پیام‌های چت، فایل‌های اشتراکی، زمان حضور</li>
            </ul>
          </section>

          <section>
            <h2 style={{ fontSize: '1.1rem', fontWeight: 700, marginBottom: '0.6rem' }}>۲. نحوه استفاده از اطلاعات</h2>
            <p>اطلاعات جمع‌آوری‌شده صرفاً برای ارائه خدمات مدیریت مدرسه به کار می‌رود:</p>
            <ul style={{ paddingRight: '1.5rem' }}>
              <li>احراز هویت و کنترل دسترسی</li>
              <li>ارسال پیامک اطلاع‌رسانی غیبت به والدین</li>
              <li>تهیه گزارش‌های آموزشی برای معلمان و مدیران</li>
              <li>پشتیبانی از کلاس‌های آنلاین</li>
            </ul>
          </section>

          <section>
            <h2 style={{ fontSize: '1.1rem', fontWeight: 700, marginBottom: '0.6rem' }}>۳. جداسازی داده‌های مدارس</h2>
            <p>هر مدرسه یک فضای کاملاً جدا دارد. مدیران یک مدرسه هیچ دسترسی به داده‌های مدارس دیگر ندارند. این جداسازی در سطح پایگاه داده اعمال می‌شود.</p>
          </section>

          <section>
            <h2 style={{ fontSize: '1.1rem', fontWeight: 700, marginBottom: '0.6rem' }}>۴. حفاظت از داده‌ها</h2>
            <ul style={{ paddingRight: '1.5rem' }}>
              <li>رمزهای عبور با bcrypt هش می‌شوند و هیچ‌گاه به‌صورت متن ساده ذخیره نمی‌شوند</li>
              <li>پشتیبان‌گیری خودکار شبانه از پایگاه داده</li>
              <li>ثبت همه تغییرات مهم در لاگ حسابرسی</li>
              <li>محدودیت نرخ درخواست برای جلوگیری از حمله brute-force</li>
            </ul>
          </section>

          <section>
            <h2 style={{ fontSize: '1.1rem', fontWeight: 700, marginBottom: '0.6rem' }}>۵. اشتراک‌گذاری با اشخاص ثالث</h2>
            <p>ما اطلاعات شما را به اشخاص ثالث نمی‌فروشیم. برخی خدمات جانبی مورد استفاده:</p>
            <ul style={{ paddingRight: '1.5rem' }}>
              <li><strong>ارائه‌دهندگان پیامک (SMS.ir / FarazSMS):</strong> صرفاً برای ارسال پیامک اطلاع‌رسانی</li>
              <li>هیچ داده‌ای به شبکه‌های تبلیغاتی منتقل نمی‌شود</li>
            </ul>
          </section>

          <section>
            <h2 style={{ fontSize: '1.1rem', fontWeight: 700, marginBottom: '0.6rem' }}>۶. حقوق کاربران</h2>
            <p>هر کاربر حق دارد:</p>
            <ul style={{ paddingRight: '1.5rem' }}>
              <li>اطلاعات پروفایل خود را مشاهده و ویرایش کند</li>
              <li>رمز عبور خود را تغییر دهد</li>
              <li>از دستگاه‌های دیگر خارج شود</li>
              <li>درخواست حذف حساب را از مدیر مدرسه بخواهد</li>
            </ul>
          </section>

          <section>
            <h2 style={{ fontSize: '1.1rem', fontWeight: 700, marginBottom: '0.6rem' }}>۷. کوکی‌ها</h2>
            <p>از کوکی برای نگهداری نشست (session) کاربر استفاده می‌کنیم. این کوکی برای عملکرد سامانه ضروری است و برای ردیابی تبلیغاتی استفاده نمی‌شود.</p>
          </section>

          <section>
            <h2 style={{ fontSize: '1.1rem', fontWeight: 700, marginBottom: '0.6rem' }}>۸. تماس</h2>
            <p>برای هرگونه سوال درباره حریم خصوصی، از طریق <Link href="/contact" style={{ color: 'var(--color-primary, #0EA678)' }}>فرم تماس</Link> با ما در ارتباط باشید.</p>
          </section>
        </div>
      </main>
      <LandingFooter />
    </>
  );
}
