user-front/src/components/dashboard/refahi/add-request-loan/forms/CheckRules.jsx

import { Box, Button, Checkbox, FormControlLabel, FormGroup, Link, Stack, Typography } from "@mui/material";
import { CenterLayout } from "@witel/webapp-builder";
import { useTranslations } from "next-intl";
import { useState } from "react";
import DownloadIcon from "@mui/icons-material/Download";

const CheckRules = ({ setRulesChecked }) => {
    const t = useTranslations();
    const [rulesAccepted, setRulesAccepted] = useState(false);

    const rules = [
        {
            title: "ضوابط و اسناد بالادستی",
            subtitles: [
                "قرارداد عاملیت سه جانبه فیمابین وزارت امور اقتصادی و دارائی، وزارت راه و شهرسازی وصندوق کارآفرینی امید ودستورالعمل اجرائی بند (الف)تبصره 18 قانون بودجه سال 1402",
            ],
        },
        {
            title: "شرح خدمات تفاهم نامه",
            subtitles: [
                "اعطای تسهيلات تلفیقی،کمک های فنی و اعتباری و یارانه سود  به اشخاص حقیقی وحقوقی، بخش های خصوصي غیردولتی و تعاونی های واجد شرایط در زمينه  بازسازی ناوگان حمل و نقل  مسافر واحداث و مرمت مجتمع های خدماتی و رفاهی",
            ],
        },
        {
            title: "حوزه جغرافیایی",
            subtitles: ["کل کشور"],
        },
        {
            title: "نحوه فراخوان",
            subtitles: [
                "فراخوان متقاضيان مي بايست بصورت مستند (نظير چاپ در روزنامه رسمي و غيره )كه قابل ارايه به نهادهاي نظارتي باشد صورت پذيرد.",
            ],
        },
        {
            title: "نحوه شناسایی و پذیرش متقاضیان",
            subtitles: ["ثبت نام در سامانه مديريت درخواست تسهیلات به آدرس t18.rmto.ir  و تایید کارگروه استانی"],
        },
        {
            title: "بررسی مقدماتی اهلیت متقاضیان",
            subtitles: [
                "عدم دریافت تسهیلات از محل تبصره (18) قانون بودجه سنوات قبل",
                "صرفاٌ به صورت آنلاین و از طریق سامانه مديريت درخواست تسهیلات به آدرس t18.rmto.ir و سامانه اسمارت صندوق کارآفرینی امید.",
                "شرایط سنی: 18 تا 70 سال (با احتساب دوره باز پرداخت اقساط تسهیلات اعطایی) در خصوص متقاضیان بیش از 70 تا 80 سال ،منوط به رعایت ضوابط جاری صندوق و اخذ موافقت کتبی از مدیریت اعتبارات صندوق.",
                "نداشتن بدهی غیر جاری (استعلام سامانه سمات)در شبکه بانکی و صندوق کارآفرینی امید و چک برگشتی در شبکه بانکی.",
            ],
        },
        {
            title: "شرایط اختصاصی",
            subtitles: [
                {
                    title: "در حال احداث",
                    subtitles: [
                        "موافقت اصولی دارای اعتبار",
                        "پیشرفت فیزیکی بیش از 40 درصد ( اولویت با طرح هایی است که با دریافت تسهیلات، طرح قابل بهره برداری و افتتاح باشد.)",
                        "تقاضاي كتبي مالك براي استفاده از تسهيلات تبصره 18  به منظور احداث و تکمیل مجتمع (لازم بذكر است چنانچه مالك  بيش از يكنفر باشد ، رضايت محضري مابقي سهامداران براي استفاده از تسهيلات ضروري مي باشد)",
                        " داراي موافقت اصولي وتمديدي معتبر وداشتن پيشرفت فيزيكي بالاي 40درصد ",
                        "سرمایه گذاران  مجتمع های خدماتی رفاهی و تیرپارکها از تاریخ شروع عملیات اجرایی  نسبت به احداث اقدام می نمایند و ارائه تسهیلات پس از پیشرفت فیزیکی 40 درصد به ازای هر پروژه صورت خواهد پذیرفت که 40 درصد مبلغ تسهیلات در نظر گرفته شده همزمان با 40 درصد پیشرفت فیزیکی و مابقی در سه مرحله و به ازای افزایش 20 درصدی نسبت به پیشرفت فیزیکی قبلی پرداخت خواهد شد.",
                        "مبلغ تسهیلات برای احداث حداکثر 50میلیارد ریال می باشد.",
                    ],
                },
                {
                    title: "مرمت و بازسازی",
                    subtitles: [
                        "جهت پرداخت تسهیلات در این زمینه، میبایست تاریخ بهره برداری آنها قبل از 1390/1/1 باشد.)",
                        "تقاضاي كتبي مالك براي استفاده از تسهيلات تبصره 18  به منظور مرمت و بازسازی مجتمع (لازم بذكر است چنانچه مالك  بيش از يكنفر باشد ، رضايت محضري مابقي سهامداران براي استفاده از تسهيلات ضروري مي باشد)",
                        "تسهیلات با اولویت بهسازی و مرمت نمازخانه ها و سرویس های بهداشتی واقع در مجتمع های خدماتی رفاهی صورت می پذیرد.",
                        "با توجه به اینکه  مجتمع های خدماتی رفاهی و تیرپارکها  در حال بهره برداری می باشند از تاریخ پرداخت  تسهیلات نسبت به انجام مرمت ، بازسازی ، بهسازی و یا توسعه آن اقدام خواهد گردید.",
                        "مبلغ تسهیلات برای بهسازی و مرمت حداکثر10 میلیارد ریال می باشد.",
                    ],
                },
            ],
        },
        {
            title: "تکمیل پرونده",
            subtitles: [
                "اعلام مدارک مورد نیاز به متقاضیان توسط موسسه عامل و تکمیل مدارک و مستندات مذکور توسط متقاضی ظرف 15 روز کاری.",
                "بررسی توجیه اقتصادی و مالی طرح و تصویب در کمیته اعتباری و اعلام پذیرش یا رد ظرف 15 روز کاری.",
                "انعقاد قرارداد با متقاضی و پرداخت تسهیلات منوط به تامین وثیقه و آورده از سوی متقاضی ظرف 15 روز کاری.",
                "اخذ تعهد اشتغال از متقاضیان جهت امکان برخورد قانونی با متقاضی درصورت عدم ایفای تعهد.",
            ],
        },
        {
            title: "وصایق و تضامین",
            subtitles: ["مطابق با آخرین ضوابط و مقررات جاری صندوق ."],
        },
        {
            title: "سهم آورنده",
            subtitles: [
                "سهم آورده متقاضیان مشمول و واجد شرایط بهره مندی از تسهیلات ماده (7) وفق ضوابط و مقررات جاری صندوق، دستورالعمل ها و بخشنامه های بانک مرکزی جمهوری اسلامی به میزان حداقل بیست درصد (20%) تعيين می گردد.",
            ],
        },
        {
            title: "نرخ سود",
            subtitles: [
                {
                    title: "نرخ سود تسهیلات اعطایی مطابق ماده 10 این قرارداد  15.3٪ می باشد.",
                    subtitles: [
                        "اشتغال ثابت: مناطق غیر برخوردار و مرزی :13درصد و مناطق برخوردار: 15درصد",
                        "سرمایه در گردش: مناطق غیر برخوردار و مرزی : 18 درصد و مناطق بر خوردار: 20درصد",
                    ],
                },
            ],
        },
        {
            title: "هزینه ها",
            subtitles: [
                "کلیه هزینه‌های مرتب بر تنظیم و عقد قراردادها (اعم از خرید سفته، هزینه عقد قرارداد در دفاتر رسمی و چه به‌صورت رسمی و چه به‌صورت تنظیمی داخلی و عادی) به عهده متقاضی است.",
            ],
        },
        {
            title: "بازپرداخت",
            subtitles: ["حداکثر دوره بازپرداخت تسهیلات با احتساب دوره مشارکت و تنفس 5 سال می باشد."],
        },
        {
            title: "واریز تسهیلات",
            subtitles: [
                "واريز مبلغ تسهيلات توسط بانك و ثبت در سامانه به صورت مرحله ای و با توجه به پیشرفت پروژه خواهد بود",
            ],
        },
        {
            title: "نظارت",
            subtitles: [
                "مطابق ماده 24 قرارداد عاملیت، نظارت و تایید تحقق اهداف موضوع اعطای تسهیلات و اعلام آن به «صندوق»  حداکثر تا شش ماه پس از اتمام طرح (بابت اخذ تسهیلات از محل این قرارداد) بر عهده «واگذارنده اعتبار» (کمیته استانی نظارت) می‌باشد. در صورت اعلام «واگذارنده اعتبار» مبنی بر عدم تایید مراتب به «صندوق»، یارانه سود و تخفیفات مربوطه مشمول طرح نگردیده و متقاضی ملزم به پرداخت مابه‌التفاوت نرخ سود سهم «واگذارنده اعتبار» و نرخ سود تسهیلات مصوب شورای پول و اعتبار و وجه التزام مربوطه خواهد بود.",
            ],
        },
        {
            title: "پیگیری بازپرداخت اصل ‌و فرع",
            subtitles: [
                "مطابق مواد 26 و 27  قرارداد عاملیت مسئولیت پیگیری بازپرداخت اصل ‌و فرع مجموع تسهیلات موضوع این قرارداد و انجام اقدامات قانونی برای وصول مانده مطالبات معوق تا پایان تسویه‌ حساب نهایی به عهده «صندوق» است. همچنین پرداخت هزینه های اجرایی و خسارات دادرسی (شامل: هزینه دادرسی، حق‌الوکاله وکیل و غیره) در صورت تعویق اقساط تسهیلات پرداختی، بر عهده متقاضی تسهیلات است.",
            ],
        },
    ];

    const renderRuleContent = (content, index) => {
        if (typeof content === "string") {
            return (
                <Box key={index} component="li" sx={{ mb: 0.5 }}>
                    <Typography variant="body2">{content}</Typography>
                </Box>
            );
        }
        return (
            <Box key={index} component="li" sx={{ mb: 0.5 }}>
                <Typography variant="body2" sx={{ mb: 0.5 }}>
                    {content.title}
                </Typography>
                <Box component="ul" sx={{ listStyleType: "circle", paddingLeft: "1.5rem" }}>
                    {content.subtitles.map((sub, subIndex) => renderRuleContent(sub, subIndex))}
                </Box>
            </Box>
        );
    };

    return (
        <CenterLayout sx={{ p: 2 }}>
            <Box
                sx={{
                    border: 1,
                    p: { xs: 2, lg: 4 },
                    borderRadius: 4,
                    borderColor: "divider",
                }}
            >
                <Typography variant="h5" align="center" sx={{ mb: 3, fontSize: { xs: "1.2rem", sm: "1.5rem" } }}>
                    {t("LoanRequest.accept_rules_title")}
                </Typography>
                <Box component="ul" sx={{ listStyleType: "none", paddingLeft: "1.5rem", mb: 3 }}>
                    {rules.map((rule, index) => (
                        <Box component="li" sx={{ mb: 2 }} key={index}>
                            <Typography variant="subtitle1" sx={{ fontWeight: "bold", mb: 1 }}>
                                {rule.title}
                            </Typography>
                            <ul style={{ listStyleType: "disc", paddingLeft: "1.5rem" }}>
                                {rule.subtitles.map((sub, index) => renderRuleContent(sub, index))}
                            </ul>
                        </Box>
                    ))}
                </Box>
                <Stack>
                    <Typography variant="subtitle1" sx={{ fontWeight: "bold", fontSize: "1.1rem", mb: 2 }}>
                        مستندات
                    </Typography>
                    <Stack direction={"row"} spacing={4}>
                        <Button size={"small"} variant="contained" startIcon={<DownloadIcon />} sx={{ mb: 3 }}>
                            <Link
                                variant="subtitle1"
                                color={"white"}
                                download
                                underline="none"
                                href={"/files/قراردا عامليت.tif-.tif"}
                            >
                                قرارداد عاملیت
                            </Link>
                        </Button>
                        <Button size={"small"} variant="contained" startIcon={<DownloadIcon />} sx={{ mb: 3 }}>
                            <Link
                                variant="subtitle1"
                                color={"white"}
                                download
                                underline="none"
                                href={"/files/شيوه نامه تبصره 18-1402.pdf"}
                            >
                                شیوه نامه تبصره 18
                            </Link>
                        </Button>
                    </Stack>
                    <FormGroup sx={{ display: "flex", alignItems: "center", justifyContent: "center", mt: 5 }}>
                        <FormControlLabel
                            control={
                                <Checkbox
                                    checked={rulesAccepted}
                                    onChange={(e) => setRulesAccepted(e.target.checked)}
                                />
                            }
                            label={t("LoanRequest.accept_all_rules")}
                            sx={{
                                textAlign: "center",
                                "& .MuiTypography-root": {
                                    fontSize: "1rem", // Adjust font size
                                    fontWeight: 500, // Adjust font weight (e.g., 400 for normal, 700 for bold)
                                },
                            }}
                        />
                    </FormGroup>
                </Stack>
                <Stack alignItems={"center"} mt={2}>
                    <Button
                        variant="contained"
                        size="large"
                        disabled={!rulesAccepted}
                        onClick={setRulesChecked}
                        sx={{
                            px: { md: 25 },
                            py: 1,
                        }}
                    >
                        {t("LoanRequest.submit_rules")}
                    </Button>
                </Stack>
            </Box>
        </CenterLayout>
    );
};
export default CheckRules;