import 'package:awesome_dialog/awesome_dialog.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:smoke_cess_app/providers/page_provider.dart';
import 'package:smoke_cess_app/providers/tasks_provider.dart';
import 'package:smoke_cess_app/providers/workout_provider.dart';
import 'package:smoke_cess_app/services/pages_service.dart';
import 'package:smoke_cess_app/providers/settings_provider.dart';

import '../widgets/todo_icon.dart';

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

  @override
  MyHomePageState createState() => MyHomePageState();
}

class MyHomePageState extends State<MyHomePage> {
  int _selectedIndex = 4;
  bool _isConfigured = false;

  void _onItemTapped(int index) {
    PageProvider pageProvider = context.read<PageProvider>();
    WorkoutProvider workoutProvider = context.read<WorkoutProvider>();
    setState(() {
      if (_isConfigured) {
        pageProvider.showForm = false;
        workoutProvider.interruptWorkout();
        _selectedIndex = index;
        return;
      }
      AwesomeDialog(
        context: context,
        dialogType: DialogType.info,
        title: 'Fehlende Konfiguration',
        desc: 'Bitte QR Code Scannen!',
      ).show();
    });
  }

  @override
  Widget build(BuildContext context) {
    var settingsModel = context.watch<SettingsProvider>();
    var tasksModel = context.watch<TasksProvider>();
    _isConfigured = settingsModel.initialized;
    return Scaffold(
      appBar: AppBar(
          title: Text(
              '${pages.values.elementAt(_selectedIndex)['title']} ${_isConfigured ? "Gruppe ${settingsModel.settings?.group}" : ""}')),
      body: SingleChildScrollView(
        child: pages.values.elementAt(_selectedIndex)['page'],
      ),
      bottomNavigationBar: NavigationBar(
          onDestinationSelected: _onItemTapped,
          selectedIndex: _selectedIndex,
          destinations: pages.keys.map((key) {
            return NavigationDestination(
                icon: tasksModel.tasks[key] ?? false
                    ? MyToDoIcon(pages[key]?['icon'])
                    : pages[key]!['icon'],
                label: pages[key]?['title']);
          }).toList()),
    );
  }
}