import Banner, { type BannerConfig } from "@/components/Banner";
import Section from "@/components/layout/Section";
import styles from "./AuditReport.module.css";
import { useStore } from "@/store";

export default function AuditReport() {
    const appConfig = useStore((s) => s.appConfig);
    const data = appConfig?.others?.auditReport;
    const banner = data?.banner;

    const content = `
        <p style="font-weight: bold;font-size: 24px;">审计举报</p>
        <p>本网站由银泰集团(以下简称"本公司")运营、管理。使用本网站之前，请仔细阅读下列各项条款与条件（包括但不限于本公司的免责条款及对用户的权利限制条款），请您审阅并接受或不接受本服务条款（未成年人审阅时应得到法定监护人的陪同）。如您不同意本服务条款及/或随时对其的修改，您应不使用或主动取消本公司提供的网站服务。您的使用行为将被视为您对本服务条款全部的完全接受，包括接受本公司对服务条款随时所做的任何修改。</p>
        <p>本网站由银泰集团(以下简称"本公司")运营、管理。使用本网站之前，请仔细阅读下列各项条款与条件（包括但不限于本公司的免责条款及对用户的权利限制条款），请您审阅并接受或不接受本服务条款（未成年人审阅时应得到法定监护人的陪同）。如您不同意本服务条款及/或随时对其的修改，您应不使用或主动取消本公司提供的网站服务。您的使用行为将被视为您对本服务条款全部的完全接受，包括接受本公司对服务条款随时所做的任何修改。</p>
    `;
    const qrCode = "/images/bg-overview.png";

    return (
        <div>
            <Banner
                title={banner?.title ?? "审计举报"}
                content={(banner as BannerConfig)?.content}
                titleSize={(banner as BannerConfig)?.titleSize ?? "large"}
                backgroundImage={banner?.backgroundImage ?? "/images/bg-overview.png"}
            />

            <Section background="" maskBackground="#fff">
                <div className={styles.auditReport}>
                    <p
                        className={styles.auditReportP}
                        dangerouslySetInnerHTML={{ __html: content }}
                    />
                    {qrCode && (
                        <div className={styles.auditReportQrCodeWrapper}>
                            <div className={styles.auditReportQrCode}>
                                <span className={styles.auditReportQrCodeTitle}>审计举报</span>
                                <img
                                    className={styles.auditReportQrCodeImg}
                                    src={qrCode}
                                    alt=""
                                />
                                <span className={styles.auditReportQrCodeText}>打开微信扫一扫</span>
                            </div>
                        </div>
                    )}
                </div>
            </Section>
        </div>
    );
}
