import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:go_router/go_router.dart';
import 'package:relatica/models/focus_mode_data.dart';
import 'package:relatica/riverpod_controllers/focus_mode.dart';
import 'package:relatica/routes.dart';

class DisableFocusModeScreen extends ConsumerStatefulWidget {
  const DisableFocusModeScreen({super.key});

  @override
  ConsumerState<DisableFocusModeScreen> createState() =>
      _DisableFocusModeScreenState();
}

class _DisableFocusModeScreenState
    extends ConsumerState<DisableFocusModeScreen> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Unlock Focus Mode?'),
      ),
      body: Center(
        child: Column(
          children: [
            Text('Want to disable focus mode?'),
            ElevatedButton(
                onPressed: () {
                  ref
                      .read(focusModeProvider.notifier)
                      .setMode(FocusModeData(false));
                  context.go(ScreenPaths.timelines);
                },
                child: Text('Disable'))
          ],
        ),
      ),
    );
  }
}