import 'package:flutter/material.dart';
import 'package:auto_size_text/auto_size_text.dart';
import 'package:manager_api/api.dart';
import 'package:mymuseum_visitapp/Components/CustomAppBar.dart';
import 'package:mymuseum_visitapp/Components/Loading.dart';
import 'package:mymuseum_visitapp/Helpers/DatabaseHelper.dart';
import 'package:mymuseum_visitapp/Helpers/translationHelper.dart';
import 'package:mymuseum_visitapp/Models/visitContext.dart';
import 'package:mymuseum_visitapp/Screens/Visit/visit.dart';
import 'package:mymuseum_visitapp/Services/apiService.dart';
import 'package:mymuseum_visitapp/Services/downloadConfiguration.dart';
import 'package:mymuseum_visitapp/app_context.dart';
import 'package:mymuseum_visitapp/client.dart';
import 'package:mymuseum_visitapp/constants.dart';
import 'package:provider/provider.dart';

import 'configurations_list.dart';

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

  @override
  State<HomePage> createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  List<ConfigurationDTO> configurations = [];
  List<String?> alreadyDownloaded = [];
  VisitAppContext? visitAppContext;

  @override
  Widget build(BuildContext context) {
    Size size = MediaQuery.of(context).size;
    final appContext = Provider.of<AppContext>(context);
    visitAppContext = appContext.getContext();

    return Scaffold(
      appBar: CustomAppBar(
        title: TranslationHelper.getFromLocale("visitTitle", appContext),
        isHomeButton: false,
      ),
      body: SingleChildScrollView(
        child: SizedBox(
          width: size.width,
          height: size.height,
          child: FutureBuilder(
              future: getConfigurationsCall(appContext.clientAPI, visitAppContext),
              builder: (context, AsyncSnapshot<dynamic> snapshot) {
                if (snapshot.connectionState == ConnectionState.done) {
                  configurations = List<ConfigurationDTO>.from(snapshot.data).where((configuration) => configuration.isMobile!).toList();
                  return RefreshIndicator (
                    onRefresh: () {
                      setState(() {});
                      return Future(() => null);
                    },
                    color: kSecondColor,
                    child: ConfigurationsList(alreadyDownloaded: alreadyDownloaded, configurations: configurations),/*ListView.builder(
                      shrinkWrap: true, //I've set this as true here depending on what your listview content is
                      //physics: NeverScrollableScrollPhysics(),//This prevents scrolling, but may inhibit refresh indicator, remove as you need
                      itemBuilder: (BuildContext context, int index) {
                        return InkWell(
                          onTap: () async {
                            if(configurations[index].isOffline! && alreadyDownloaded.any((c) => c == configurations[index].id)) {
                              VisitAppContext visitAppContext = appContext.getContext();

                              if(!configurations[index].languages!.contains(visitAppContext.language)) {
                                ScaffoldMessenger.of(context).showSnackBar(
                                  SnackBar(content: Text(TranslationHelper.getFromLocale("languageNotSupported", appContext)), backgroundColor: kBlue2),
                                );
                              } else {
                                // Update context
                                visitAppContext.configuration = configurations[index];
                                visitAppContext.sectionIds = List<SectionDTO>.from(await DatabaseHelper.instance.queryWithConfigurationId(DatabaseTableType.sections, visitAppContext.configuration!.id!)).map((e) => e.id).toList();
                                appContext.setContext(visitAppContext);

                                Navigator.of(context).pushReplacement(MaterialPageRoute(
                                  builder: (context) => VisitPage(configurationId: configurations[index].id!),
                                ));
                              }
                            } else {
                              ScaffoldMessenger.of(context).showSnackBar(
                                SnackBar(content: Text(TranslationHelper.getFromLocale("visitDownloadWarning", appContext)), backgroundColor: kBlue2),
                              );
                            }
                          },
                          child: Container(
                            height: size.height*0.15,
                            decoration: boxDecoration(configurations[index], false),
                            margin: const EdgeInsets.symmetric(vertical: 10, horizontal: 20),
                            child: Stack(
                              children: [
                                Align(
                                  alignment: Alignment.topLeft,
                                  child: Padding(
                                    padding: const EdgeInsets.only(top: 20, left: 10),
                                    child: AutoSizeText(
                                      TranslationHelper.get(configurations[index].title, appContext),
                                      style: const TextStyle(fontSize: kMenuTitleDetailSize),
                                      maxLines: 1,
                                    ),
                                  ),
                                ),
                                if(configurations[index].isOffline!)
                                  Positioned(
                                      bottom: 0,
                                      right: 0,
                                      child: Container(
                                        width: 45,
                                        height: 45,
                                        decoration: BoxDecoration(
                                          shape: BoxShape.rectangle,
                                          color: kBlue1,
                                          borderRadius: BorderRadius.circular(20.0),
                                        ),
                                        margin: const EdgeInsets.all(8),
                                        child: InkWell(
                                          onTap: () async {
                                            downloadClicked(appContext, configurations[index]);
                                            setState(() {}); // Force refresh
                                          },
                                          child: configurations[index].isOffline! && !alreadyDownloaded.any((c) => c == configurations[index].id) ?
                                          const Icon(Icons.download, color: Colors.white) : const Icon(Icons.refresh, color: Colors.white),
                                        ),
                                      )
                                  )
                              ],
                            ),
                          ),
                        );
                      },
                      itemCount: configurations.length
                    ),*/
                  );
                } else if (snapshot.connectionState == ConnectionState.none) {
                  return Text(TranslationHelper.getFromLocale("noData", appContext));
                } else {
                  return Center(
                      child: Container(
                          height: size.height * 0.15,
                          child: Loading()
                      )
                  );
                }
              }
          ),
        )
      ),
      //floatingActionButton: ScannerBouton(appContext: appContext),
      //floatingActionButtonLocation: FloatingActionButtonLocation.miniCenterFloat,
    );
  }

  Future<List<ConfigurationDTO>?> getConfigurationsCall(Client client, VisitAppContext? visitAppContext) async {
    List<ConfigurationDTO>? configurations;
    configurations = List<ConfigurationDTO>.from(await DatabaseHelper.instance.getData(DatabaseTableType.configurations));
    alreadyDownloaded = configurations.map((c) => c.id).toList();
    return ApiService.getConfigurations(client, visitAppContext);
  }

  /*Future<void> downloadClicked(AppContext appContext, ConfigurationDTO configuration) async {
    var isFinish = await DownloadConfiguration.downloadClicked(appContext, configuration);
    print("C4EST FINIITO");
    print(isFinish);
  }*/
}

/*boxDecoration(ConfigurationDTO configuration, bool isSelected) {
  return BoxDecoration(
    color: Colors.white,
    shape: BoxShape.rectangle,
    borderRadius: BorderRadius.circular(20.0),
    border: Border.all(
      color: kBlue0.withOpacity(0.35),
      width: 0.2,
    ),
    boxShadow: [
      BoxShadow(
        color: kBlue0.withOpacity(0.35),
        //spreadRadius: 0.15,
        blurRadius: 27,
        offset: const Offset(0, 15), // changes position of shadow
      ),
    ],
  );
}*/