// ignore_for_file: deprecated_member_use_from_same_package

import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:hoshan/core/gen/assets.gen.dart';
import 'package:hoshan/ui/theme/colors.dart';
import 'package:hoshan/ui/theme/cubit/theme_mode_cubit.dart';
import 'package:hoshan/ui/theme/responsive.dart';
import 'package:hoshan/ui/theme/text.dart';
import 'package:hoshan/ui/widgets/components/dropdown/animated_setting_container.dart';
import 'package:hoshan/ui/widgets/sections/header/reversible_appbar.dart';

class FaqPage extends StatefulWidget {
  const FaqPage({super.key});

  @override
  State<FaqPage> createState() => _FaqPageState();
}

class _FaqPageState extends State<FaqPage> {
  final list = [
    {
      'هوشان چیه و چی کار می‌کنه؟':
          'هوشان یک پلتفرم دستیار هوش مصنوعی است که برای کاربرانش این امکان را فراهم آورده است که به ارزان‌ترین و سریع‌ترین شکل ممکن به همه‌ی مدل‌ها و ابزارهای هوش مصنوعی در یک پلتفرم واحد دسترسی داشته باشند. به این خدمت اصطلاحاً (All in One) می‌گویند. علاوه بر این هوشان امکانات محنصر به فرد دیگری هم دارد. کاربران هوشان می‌توانند دستیارهای شخصی خودشان را بسازند یا دستیارهایی بسازند و آن را با دیگران به اشتراک بگذارند و به راحتی از آنها کسب درآمد کنند.'
    },
    {
      'بات‌های هوش مصنوعی هوشان چین؟':
          'با استفاده از مهندسی پرامپت، دستیارها و بات‌هایی طراحی شد‌ه‌اند که هر کدام یک وظیفه خاص را به بهترین شکل ممکن انجام می‌دهند. هر بات در واقع یک پرامپت سفارشی شده است. کاربران هوشان هم می‌توانند دستیارهای شخصی خودشان را بسازند.'
    },
    {
      'علاوه بر مدل‌های زبانی، هوشان امکانات دیگه‌ای هم داره؟':
          'بله، هوشان ابزارهای متنوعی برای تولید عکس، تولید صوت، تولید ویدیو و ترجمه دارد. این ابزارهای خارق‌العاده بهره‌وری شما را بسیار افزایش می‌دهند.'
    },
    // {
    //   'آیا ابزارهای هوشان رایگان هستن؟':
    //       'ما پلن‌های رایگانی داریم که به شما امکان می‌دهد از برخی امکانات هوشان بدون محدودیت استفاده کنید، اما اگر به قابلیت‌های پیشرفته‌تر نیاز دارید، می‌توانید پلن‌هایی را انتخاب کنید که با قیمت مناسب و امکانات ویژه ارائه می‌شوند.'
    // },
    {
      'امنیت اطلاعات من در هوشان چطور تضمین می‌شه؟':
          'ما به حریم خصوصی کاربران اهمیت زیادی می‌دهیم. شما به هیچ چیز جز یک شماره تلفن همراه برای ثبت نام در هوشان نیاز ندارید. علاوه بر اینکه می‌توانید با استفاده از ویژگی “حالت ناشناس” مطمئن بشوید که گفتگوهای شما با هوشان در هیچ جا ذخیره نمی‌شوند.'
    },
    // {
    //   'می‌تونیم دیگران را به هوشان دعوت کنیم؟':
    //       'بله هر کاربر یک کد معرف دارد که می‌تواند با هر کسی آن را به اشتراک بگذارد، اگر آن شخص ثبت نام کند، علاوه بر اینکه مهمان شما 20 سکه هدیه دریافت می‌کند، خود شما هم به همان اندازه حسابتان شارژ می‌شود'
    // }
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: ReversibleAppbar(
        context,
        title: Row(
          children: [
            Text(
              'سوالات متداول',
              style: AppTextStyles.body3
                  .copyWith(color: Theme.of(context).colorScheme.onSurface),
            ),
            const SizedBox(
              width: 8,
            ),
            Assets.icon.outline.messageQuestion.svg(
                width: Responsive(context).isMobile() ? null : 32,
                color: Theme.of(context).colorScheme.onSurface),
          ],
        ),
      ),
      body: Responsive(context).maxWidthInDesktop(
        maxWidth: 800,
        child: (contxet, mw) => SingleChildScrollView(
          physics: const BouncingScrollPhysics(),
          child: Column(
            children: [
              const SizedBox(
                height: 16,
              ),
              ...List.generate(
                list.length,
                (index) => AnimatedSettingContainer(
                    title: list[index].keys.first,
                    icon: Icons.filter_1_rounded,
                    childrens: [
                      const SizedBox(
                        height: 24,
                      ),
                      Text(
                        list[index].values.first,
                        textDirection: TextDirection.rtl,
                        textAlign: TextAlign.justify,
                        style: AppTextStyles.body4.copyWith(
                            color: AppColors.gray[
                                context.read<ThemeModeCubit>().isDark()
                                    ? 600
                                    : 900]),
                      ),
                      const SizedBox(
                        height: 12,
                      ),
                    ]),
              ),
            ],
          ),
        ),
      ),
    );
  }
}
