import 'package:didvan/config/design_config.dart';
import 'package:didvan/config/theme_data.dart';
import 'package:didvan/constants/app_icons.dart';
import 'package:didvan/routes/routes.dart';
import 'package:didvan/views/widgets/didvan/divider.dart';
import 'package:didvan/views/widgets/didvan/text.dart';
import 'package:didvan/views/widgets/hoshan_app_bar.dart';
import 'package:didvan/views/widgets/video/chat_video_player.dart';
import 'package:flutter/material.dart';

class InfoPage extends StatefulWidget {
  const InfoPage({Key? key}) : super(key: key);

  @override
  State<InfoPage> createState() => _InfoPageState();
}

class _InfoPageState extends State<InfoPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: HoshanAppBar(
        withActions: false,
        onBack: () => Navigator.pop(context),
      ),
      body: Column(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: [
          Expanded(
            child: SingleChildScrollView(
              physics: const BouncingScrollPhysics(),
              child: Column(
                children: [
                  Center(
                    child: Padding(
                      padding: const EdgeInsets.only(top: 32, bottom: 24),
                      child: DidvanText(
                        'آموزش پرامپت نویسی اصولی',
                        fontSize: 20,
                        fontWeight: FontWeight.bold,
                        color: Theme.of(context).colorScheme.checkFav,
                      ),
                    ),
                  ),
                  const Padding(
                    padding: EdgeInsets.symmetric(horizontal: 20.0),
                    child: ClipRRect(
                      borderRadius: DesignConfig.lowBorderRadius,
                      child: ChatVideoPlayer(
                        src:
                            'https://flutter.github.io/assets-for-api-docs/assets/videos/bee.mp4',
                        showOptions: true,
                      ),
                    ),
                  ),
                  Padding(
                    padding: const EdgeInsets.all(20.0),
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        const Row(
                          children: [
                            DidvanText(
                              'آنچه در این ویدیو خواهید دید:',
                              fontSize: 16,
                            ),
                          ],
                        ),
                        Padding(
                          padding: const EdgeInsets.all(8.0),
                          child: Column(
                            children: [
                              Row(
                                children: [
                                  Container(
                                    margin: const EdgeInsets.only(left: 8),
                                    decoration: const ShapeDecoration(
                                      shape: CircleBorder(
                                          side: BorderSide(
                                              width: 3, color: Colors.black)),
                                    ),
                                  ),
                                  const DidvanText(
                                    'انتخاب کلمات کلیدی مناسب',
                                    fontSize: 14,
                                  ),
                                ],
                              ),
                              const SizedBox(
                                height: 4,
                              ),
                              Row(
                                children: [
                                  Container(
                                    margin: const EdgeInsets.only(left: 8),
                                    decoration: const ShapeDecoration(
                                      shape: CircleBorder(
                                          side: BorderSide(
                                              width: 3, color: Colors.black)),
                                    ),
                                  ),
                                  const DidvanText(
                                    'ساختار و قالب‌بندی پرامپت‌ها',
                                    fontSize: 14,
                                  ),
                                ],
                              ),
                              const SizedBox(
                                height: 4,
                              ),
                              Row(
                                children: [
                                  Container(
                                    margin: const EdgeInsets.only(left: 8),
                                    decoration: const ShapeDecoration(
                                      shape: CircleBorder(
                                          side: BorderSide(
                                              width: 3, color: Colors.black)),
                                    ),
                                  ),
                                  const DidvanText(
                                    'تعیین سبک و استایل در پرامپت',
                                    fontSize: 14,
                                  ),
                                ],
                              ),
                              const SizedBox(
                                height: 4,
                              ),
                              Row(
                                children: [
                                  Container(
                                    margin: const EdgeInsets.only(left: 8),
                                    decoration: const ShapeDecoration(
                                      shape: CircleBorder(
                                          side: BorderSide(
                                              width: 3, color: Colors.black)),
                                    ),
                                  ),
                                  const DidvanText(
                                    'استفاده از جزییات و صفت‌ها',
                                    fontSize: 14,
                                  ),
                                ],
                              ),
                              const SizedBox(
                                height: 4,
                              ),
                              Row(
                                children: [
                                  Container(
                                    margin: const EdgeInsets.only(left: 8),
                                    decoration: const ShapeDecoration(
                                      shape: CircleBorder(
                                          side: BorderSide(
                                              width: 3, color: Colors.black)),
                                    ),
                                  ),
                                  const DidvanText(
                                    'بهینه‌سازی پرامپت‌ها و تکرار',
                                    fontSize: 14,
                                  ),
                                ],
                              ),
                              const SizedBox(
                                height: 4,
                              ),
                              Row(
                                children: [
                                  Container(
                                    margin: const EdgeInsets.only(left: 8),
                                    decoration: const ShapeDecoration(
                                      shape: CircleBorder(
                                          side: BorderSide(
                                              width: 3, color: Colors.black)),
                                    ),
                                  ),
                                  const DidvanText(
                                    'اشتباهات رایج در پرامپت‌نویسی',
                                    fontSize: 14,
                                  ),
                                ],
                              ),
                            ],
                          ),
                        )
                      ],
                    ),
                  ),
                ],
              ),
            ),
          ),
          Column(
            children: [
              const Padding(
                padding: EdgeInsets.symmetric(horizontal: 20.0),
                child: DidvanDivider(
                  verticalPadding: 12,
                  height: 4,
                ),
              ),
              Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  const Icon(
                    DidvanIcons.support_solid,
                    size: 32,
                  ),
                  const SizedBox(
                    width: 8,
                  ),
                  const DidvanText('هنوز سوالی دارید؟'),
                  TextButton(
                    onPressed: () {
                      Navigator.of(context).pushNamed(
                        Routes.direct,
                        arguments: {'type': 'پشتیبانی اپلیکیشن'},
                      );
                    },
                    child: const DidvanText(
                      ' پیام به پشتیبانی',
                      color: Color(0xff007EA7),
                    ),
                  )
                ],
              ),
              const SizedBox(
                height: 32,
              ),
            ],
          )
        ],
      ),
    );
  }
}