import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';

import '../../../../routing/app_routes.dart';
import '../../../../state/app/modules/settings/bloc/settings_cubit.dart';
import '../widgets/settings_checkbox_tile.dart';

class TalkSection extends StatelessWidget {
  const TalkSection({super.key});

  @override
  Widget build(BuildContext context) {
    final settings = context.watch<SettingsCubit>();
    final talkSettings = settings.val().talkSettings;
    return Column(
      children: [
        SettingsCheckboxTile(
          icon: Icons.star_border,
          title: 'Favoriten im Talk nach oben sortieren',
          value: talkSettings.sortFavoritesToTop,
          onChanged: (e) =>
              settings.val(write: true).talkSettings.sortFavoritesToTop = e,
        ),
        SettingsCheckboxTile(
          icon: Icons.mark_email_unread_outlined,
          title: 'Ungelesene Chats nach oben sortieren',
          value: talkSettings.sortUnreadToTop,
          onChanged: (e) =>
              settings.val(write: true).talkSettings.sortUnreadToTop = e,
        ),
        ListTile(
          leading: const Icon(Icons.wallpaper_outlined),
          title: const Text('Chat-Hintergrund'),
          subtitle: const Text('Bild, Farbe und Darstellung anpassen'),
          trailing: const Icon(Icons.arrow_right),
          onTap: () => AppRoutes.openChatBackgroundSettings(context),
        ),
      ],
    );
  }
}