Sonnat/lib/features/posts/screen/posts_screen.dart

import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:sonnat/core/extensions/context_extension.dart';
import 'package:sonnat/core/extensions/string_extension.dart';
import 'package:sonnat/core/language/translator.dart';
import 'package:sonnat/core/utils/app_constants.dart';
import 'package:sonnat/core/utils/base_cubit_type.dart';
import 'package:sonnat/core/widgets/loading_list_widget.dart';
import 'package:sonnat/features/posts/cubit/posts_cubit.dart';
import 'package:sonnat/features/posts/widgets/filter_item_widget.dart';
import 'package:sonnat/features/posts/widgets/post_item_widget.dart';
import 'package:sonnat/features/posts/widgets/search_widget.dart';
import 'package:sonnat/features/single_post/cubit/single_post_cubit.dart';
import 'package:sonnat/features/single_post/screen/single_post_screen.dart';
import 'package:sonnat/features/single_post/view_models/post.dart';

class PostsScreen extends StatefulWidget {
  final String title;
  final bool searchMode;

  const PostsScreen({super.key, required this.title, this.searchMode = false});

  @override
  State<PostsScreen> createState() => _PostsScreenState();
}

class _PostsScreenState extends State<PostsScreen> {
  late final PostsCubit _cubit;
  bool _loading = true;
  bool _getListFlag = false;
  late bool _searchMode;
  final ScrollController _controller = ScrollController();
  int _selectedFilterIndex = 1;

  final List<FilterItem> _filterList = [
    const FilterItem(selected: false, title: 'پر تکرارترین‌ها'),
    const FilterItem(selected: true, title: 'مشابه‌ها'),
    const FilterItem(selected: false, title: 'محبوبترین‌ها'),
    const FilterItem(selected: false, title: 'برای‌ شما'),
    const FilterItem(selected: false, title: 'محبوبترین‌ها'),
    const FilterItem(selected: false, title: 'پر تکرارترین‌ها'),
    const FilterItem(selected: true, title: 'مشابه‌ها'),
    const FilterItem(selected: false, title: 'محبوبترین‌ها'),
    const FilterItem(selected: false, title: 'برای‌ شما'),
    const FilterItem(selected: false, title: 'محبوبترین‌ها'),
  ];

  @override
  void initState() {
    _searchMode = widget.searchMode;
    _cubit = BlocProvider.of<PostsCubit>(context);
    _cubit.getData();
    _controller.addListener(_onScroll);
    super.initState();
  }

  void _onScroll() {
    final double maxScroll = _controller.position.maxScrollExtent;
    final double currentScroll = _controller.position.pixels;
    if (maxScroll - currentScroll <= 400) {
      if (_getListFlag) {
        _getListFlag = false;
        _cubit.getData();
      }
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SafeArea(
        child: BlocBuilder<PostsCubit, BaseCubitType<PostsState>>(
          builder: (context, state) {
            switch (state.eventName!) {
              case PostsState.empty:
                break;
              case PostsState.data:
                _loading = false;
                _getListFlag = true;
                break;
              case PostsState.loading:
                _loading = true;
                break;
              case PostsState.loadingPagination:
                break;
              case PostsState.changeFilterIndex:
                _selectedFilterIndex = state.data;
                _loading = true;
                break;
            }
            return Column(
              children: [
                SizedBox(height: context.height * 26 / AppConstants.instance.appHeight),
                Padding(
                  padding: EdgeInsets.symmetric(horizontal: context.width * 26 / AppConstants.instance.appWidth),
                  child: _searchMode
                      ? Row(
                          children: [
                            Expanded(
                              child: SearchWidget(
                                search: (query) {
                                  _cubit.search(query: query);
                                },
                              ),
                            ),
                            SizedBox(width: context.width * 12 / AppConstants.instance.appWidth),
                            GestureDetector(
                              onTap: () {
                                _cubit.clearSearch();
                                setState(() {
                                  _searchMode = !_searchMode;
                                });
                              },
                              child: SvgPicture.asset(
                                'ic_back'.svgPath,
                              ),
                            ),
                          ],
                        )
                      : Row(
                          children: [
                            GestureDetector(
                              onTap: () {},
                              child: SvgPicture.asset(
                                'ic_more'.svgPath,
                              ),
                            ),
                            SizedBox(width: context.width * 8 / AppConstants.instance.appWidth),
                            GestureDetector(
                              onTap: () {
                                setState(() {
                                  _searchMode = !_searchMode;
                                });
                              },
                              child: SvgPicture.asset(
                                'ic_rounded_search'.svgPath,
                              ),
                            ),
                            const Spacer(),
                            Text(
                              widget.title,
                              style: const TextStyle(
                                color: Color(0xff404966),
                                fontSize: 22,
                              ),
                            ),
                            const Spacer(),
                            GestureDetector(
                              onTap: () {
                                Navigator.pop(context);
                              },
                              child: SvgPicture.asset(
                                'ic_back'.svgPath,
                              ),
                            ),
                          ],
                        ),
                ),
                if (_searchMode)
                  Padding(
                    padding: EdgeInsets.only(
                      top: context.height * 17 / AppConstants.instance.appHeight,
                      left: context.width * 26 / AppConstants.instance.appWidth,
                      right: context.width * 26 / AppConstants.instance.appWidth,
                    ),
                    child: Row(
                      children: [
                        SvgPicture.asset(
                          'ic_search'.svgPath,
                          colorFilter: const ColorFilter.mode(
                            Color(0xff26237A),
                            BlendMode.srcIn,
                          ),
                        ),
                        const SizedBox(width: 8),
                        Text(
                          '${Translator.translate('search')}:',
                          style: const TextStyle(
                            color: Color(0xff26237A),
                            fontSize: 16,
                          ),
                        ),
                        const SizedBox(width: 8),
                        Expanded(
                          child: Text(
                            _cubit.query,
                            maxLines: 1,
                            overflow: TextOverflow.ellipsis,
                            style: const TextStyle(
                              color: Color(0xff26237A),
                              fontSize: 16,
                            ),
                          ),
                        ),
                        const Spacer(),
                        Text(
                          _loading
                              ? 'در حال جستجو'
                              : _cubit.query.isEmpty
                                  ? ''
                                  : _cubit.searchedList.isEmpty
                                      ? "موردی یافت نشد"
                                      : "${_cubit.searchedList.length} مورد یافت شد",
                          style: const TextStyle(
                            color: Color(0xff636E88),
                            fontSize: 12,
                          ),
                        )
                      ],
                    ),
                  ),
                SizedBox(height: context.height * 35 / AppConstants.instance.appHeight),
                SizedBox(
                  height: context.height * 31 / AppConstants.instance.appHeight,
                  child: ListView.builder(
                    padding: EdgeInsetsDirectional.only(start: context.width * 26 / AppConstants.instance.appWidth),
                    itemBuilder: (context, index) {
                      return GestureDetector(
                        onTap: () {
                          _cubit.changeFilter(index);
                        },
                        child: FilterItemWidget(
                          title: _filterList[index].title,
                          selected: index == _selectedFilterIndex,
                        ),
                      );
                    },
                    itemCount: _filterList.length,
                    scrollDirection: Axis.horizontal,
                  ),
                ),
                SizedBox(height: context.height * 26 / AppConstants.instance.appHeight),
                if (_loading)
                  const Expanded(child: LoadingListWidget())
                else
                  Expanded(
                    child: ListView.builder(
                      controller: _controller,
                      itemBuilder: (context, index) {
                        if (_searchMode) {
                          return GestureDetector(
                            onTap: () => _clickOnPost(_cubit.searchedList[index]),
                            child: PostItemWidget(post: _cubit.searchedList[index]),
                          );
                        }
                        return GestureDetector(
                          onTap: () => _clickOnPost(_cubit.postList[index]),
                          child: PostItemWidget(post: _cubit.postList[index]),
                        );
                      },
                      itemCount: _searchMode ? _cubit.searchedList.length : _cubit.postList.length,
                    ),
                  )
              ],
            );
          },
        ),
      ),
    );
  }

  void _clickOnPost(Post post) {
    Navigator.push(
      context,
      MaterialPageRoute(
        builder: (context) {
          return BlocProvider(
            child: SinglePostScreen(post: post),
            create: (context) => SinglePostCubit(),
          );
        },
      ),
    );
  }
}

class FilterItem {
  final bool selected;
  final String title;

  const FilterItem({required this.selected, required this.title});
}