import React from "react";
import { Grid, Divider } from "@mui/material";
import { Typography } from "@mui/material";
import { PrivacyTip, Security, Info } from "@mui/icons-material"; // Import icons

export const AuthPrivacyText = () => {
  return (
    <Grid
      sx={{
        height: "400px",
        overflow: "auto",
        p: 3,
        borderRadius: 2,
        "&::-webkit-scrollbar": {
          width: "8px",
        },
        "&::-webkit-scrollbar-thumb": {
          backgroundColor: "primary.main",
          borderRadius: "4px",
        },
        "&::-webkit-scrollbar-track": {
          backgroundColor: "grey.100",
        },
      }}
    >
      <Grid container spacing={3}>
        <Grid item xs={12}>
          <Typography
            variant="h5"
            color="primary"
            sx={{
              display: "flex",
              alignItems: "center",
              gap: 1,
            }}
          >
            <PrivacyTip fontSize="medium" />
            بيانيه حريم خصوصی
          </Typography>
          <Typography variant="body1" sx={{ mt: 2, color: "text.secondary" }}>
            اطلاعات مربوط به هر شخص، حریم خصوصی وی محسوب می‌شود. حفاظت و حراست
            از اطلاعات شخصی در سامانه رصد یار، نه تنها موجب حفظ امنیت کاربران
            می‌شود، بلکه باعث اعتماد بیشتر و مشارکت آنها در فعالیت‌های جاری
            می‌گردد. هدف از این بیانیه، آگاه ساختن شما درباره ی نوع و نحوه ی
            استفاده از اطلاعاتی است که در هنگام استفاده از سامانه رصد یار ، از
            جانب شما دریافت می‌گردد. شرکت هوشمند سازان خود را ملزم به رعایت حریم
            خصوصی همه شهروندان و کاربران سامانه دانسته و آن دسته از اطلاعات
            کاربران را که فقط به منظور ارائه خدمات کفایت می‌کند، دریافت کرده و
            از انتشار آن یا در اختیار قرار دادن آن به دیگران خودداری مینماید.
          </Typography>
        </Grid>

        <Grid item xs={12}>
          <Divider sx={{ my: 2 }} />
        </Grid>

        <Grid item xs={12}>
          <Typography
            variant="h6"
            color="primary"
            sx={{ display: "flex", alignItems: "center", gap: 1 }}
          >
            <Info fontSize="medium" />
            چگونگی جمع آوری و استفاده از اطلاعات کاربران:
          </Typography>
          <Typography variant="body1" sx={{ mt: 2, color: "text.secondary" }}>
            <strong>الف:</strong> اطلاعاتی که شما خود در اختيار این سامانه قرار
            می‌دهيد، شامل موارد زيرهستند:
          </Typography>
          <Typography variant="body1" sx={{ pl: 2, color: "text.secondary" }}>
            اقلام اطلاعاتی شامل شماره تلفن همراه، تاریخ تولد، کد پستی و کد ملی
            کاربران را دریافت مینماییم که از این اقلام، صرفا جهت احراز هویت
            کاربران استفاده خواهد شد.
          </Typography>

          <Typography variant="body1" sx={{ mt: 2, color: "text.secondary" }}>
            <strong>ب:</strong> برخی اطلاعات ديگر که به صورت خودکار از شما
            دريافت میشود شامل موارد زير می‌باشد:
          </Typography>
          <Typography variant="body1" sx={{ pl: 2, color: "text.secondary" }}>
            ⦁ دستگاهی که از طریق آن سامانه رصد یار را مشاهده می‌نمایید( تلفن
            همراه، تبلت، رایانه). <br />
            ⦁ نام و نسخه سیستم عامل و browser کامپیوتر شما. <br />
            ⦁ اطلاعات صفحات بازدید شده. <br />
            ⦁ تعداد بازدیدهای روزانه در درگاه. <br />⦁ هدف ما از دریافت این
            اطلاعات استفاده از آنها در تحلیل عملکرد کاربران درگاه می باشد تا
            بتوانیم در خدمت رسانی بهتر عمل کنیم.
          </Typography>
        </Grid>

        <Grid item xs={12}>
          <Divider sx={{ my: 2 }} />
        </Grid>

        <Grid item xs={12}>
          <Typography
            variant="h6"
            color="primary"
            sx={{ display: "flex", alignItems: "center", gap: 1 }}
          >
            <Security fontSize="medium" />
            امنیت اطلاعات
          </Typography>
          <Typography variant="body1" sx={{ mt: 2, color: "text.secondary" }}>
            متعهدیم که امنیت اطلاعات شما را تضمین نماییم و برای جلوگیری از هر
            نوع دسترسی غیرمجاز و افشای اطلاعات شما از همه شیوه‌‌های لازم استفاده
            می‌کنیم تا امنیت اطلاعاتی را که به صورت آنلاین گردآوری می‌کنیم، حفظ
            شود. لازم به ذکر است در سامانه ما، ممکن است به سایت های دیگری لینک
            شوید، وقتی که شما از طریق این لینک‌ها از سامانه ما خارج می‌شوید،
            توجه داشته باشید که ما بر دیگر سایت ها کنترل نداریم و سازمان تعهدی
            بر حفظ حریم شخصی آنان در سایت مقصد نخواهد داشت و مراجعه کنندگان
            میبایست به بیانیه حریم شخصی آن سایت ها مراجعه نمایند.
          </Typography>
        </Grid>
      </Grid>
    </Grid>
  );
};
