import 'dart:convert';
import 'dart:typed_data';

import 'package:flutter/material.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/Components/SliderImages.dart';
import 'package:mymuseum_visitapp/Helpers/DatabaseHelper.dart';
import 'package:mymuseum_visitapp/Helpers/translationHelper.dart';
import 'package:mymuseum_visitapp/Models/articleRead.dart';
import 'package:mymuseum_visitapp/Models/resourceModel.dart';
import 'package:mymuseum_visitapp/Models/visitContext.dart';
import 'package:mymuseum_visitapp/Screens/Article/audio_player.dart';
import 'package:mymuseum_visitapp/Services/apiService.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';

class QuizzPage extends StatefulWidget {
  const QuizzPage({Key? key, required this.visitAppContextIn, required this.sectionId}) : super(key: key);

  final String sectionId;
  final VisitAppContext visitAppContextIn;

  @override
  State<QuizzPage> createState() => _QuizzPageState();
}

class _QuizzPageState extends State<QuizzPage> {
  SectionDTO? sectionDTO;
  QuizzDTO? quizzDTO;
  List<ResourceModel?> resourcesModel = <ResourceModel?>[];
  ResourceModel? audioResourceModel;
  final GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey<ScaffoldState>();
  late Uint8List audiobytes;
  VisitAppContext? visitAppContext;

  @override
  void initState() {
    widget.visitAppContextIn.isContentCurrentlyShown = true;
    super.initState();
  }

  @override
  void dispose() {
    visitAppContext!.isContentCurrentlyShown = false;
    super.dispose();
  }

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

    visitAppContext = appContext.getContext();

    return Scaffold(
      key: _scaffoldKey,
      appBar: CustomAppBar(
        title: sectionDTO != null ? TranslationHelper.get(sectionDTO!.title, visitAppContext!) : "",
        isHomeButton: false,
      ),
      body: FutureBuilder(
        future: getQuizz(appContext, appContext.clientAPI, widget.sectionId),
        builder: (context, AsyncSnapshot<dynamic> snapshot) {
          if(quizzDTO != null && sectionDTO != null) {
            if(size.height > size.width) {
              return Column(
                children: [
                  Text("TODO show QUESTION THEN COLUMN WITH ALL RESPONSE")
                ],
              );
            } else {
              return Container(
                height: size.height,
                width: size.width,
                child: Column(
                  children: [
                    Text("TODO show QUESTION THEN GRID LIKE IN TABLET")
                  ],
                ),
              );
            }
          } else {
            return const Loading();
          }
        }
      ),
      //floatingActionButton: const ScannerBouton(isReplacement: true),
    );
  }

  /*Widget getImages(Size size, bool isContentTop) {
    if(size.width > size.height) {
      return SizedBox(
          width: size.width *0.5,
          height: size.height * 0.75,
          child: Padding(
              padding: isContentTop ? const EdgeInsets.only(left: 8.0, right: 8.0, bottom: 8.0): const EdgeInsets.only(left: 8.0, right: 8.0, top: 8.0),
              child: Container(
                  decoration: BoxDecoration(
                    border: Border.all(
                      color: kBlue2,
                      width: 0.5,
                    ),
                    color: Colors.white,
                    shape: BoxShape.rectangle,
                    borderRadius: BorderRadius.circular(5.0),
                    boxShadow: const [kDefaultShadow],
                  ),
                  child: SliderImagesWidget(
                    resources: resourcesModel,
                    height: size.height * 0.29,
                    imagesDTO: quizzDTO!.images!,
                  )
              )
          )
      );
    } else {
      return SizedBox(
          width: size.width,
          height: size.height * 0.3,
          child: Padding(
              padding: isContentTop ? const EdgeInsets.only(left: 8.0, right: 8.0, bottom: 8.0): const EdgeInsets.only(left: 8.0, right: 8.0, top: 8.0),
              child: Container(
                  decoration: BoxDecoration(
                    border: Border.all(
                      color: kBlue2,
                      width: 0.5,
                    ),
                    color: Colors.white,
                    shape: BoxShape.rectangle,
                    borderRadius: BorderRadius.circular(5.0),
                    boxShadow: const [kDefaultShadow],
                  ),
                  child: SliderImagesWidget(
                    resources: resourcesModel,
                    height: size.height * 0.29,
                    imagesDTO: articleDTO!.images!,
                  )
              )
          )
      );
    }
  }
*/

  /*Widget getContent(Size size, AppContext appContext) {
    if(size.width > size.height) {
      return SingleChildScrollView(
        child: Container(
            width: size.width *0.5,
            height: size.height * 0.76,
            //color: Colors.blueAccent,
            child: Padding(
                padding: const EdgeInsets.only(left: 8.0, right: 8.0, top: 8.0, bottom: 8.0),
                child: Container(
                    decoration: BoxDecoration(
                      border: Border.all(
                        color: kBlue2,
                        width: 0.5,
                      ),
                      color: Colors.white,
                      shape: BoxShape.rectangle,
                      borderRadius: BorderRadius.circular(5.0),
                      boxShadow: const [kDefaultShadow],
                    ),
                    child: SingleChildScrollView(
                      child: Padding(
                        padding: const EdgeInsets.all(8.0),
                        child: Text(
                            TranslationHelper.get(articleDTO!.content, appContext.getContext()),
                            textAlign: TextAlign.left,
                            style: const TextStyle(fontSize: kArticleContentSize)
                        ),
                      ),
                    )
                )
            )
        ),
      );
    } else {
      return Expanded(
        child: Container(
            width: size.width,
            //height: size.height * 0.65,
            //color: Colors.blueAccent,
            child: Padding(
                padding: const EdgeInsets.only(left: 8.0, right: 8.0, top: 8.0, bottom: 8.0),
                child: Container(
                    decoration: BoxDecoration(
                      border: Border.all(
                        color: kBlue2,
                        width: 0.5,
                      ),
                      color: Colors.white,
                      shape: BoxShape.rectangle,
                      borderRadius: BorderRadius.circular(5.0),
                      boxShadow: const [kDefaultShadow],
                    ),
                    child: SingleChildScrollView(
                      child: Padding(
                        padding: const EdgeInsets.all(8.0),
                        child: Text(
                            TranslationHelper.get(articleDTO!.content, appContext.getContext()),
                            textAlign: TextAlign.left,
                            style: const TextStyle(fontSize: kArticleContentSize)
                        ),
                      ),
                    )
                )
            )
        ),
      );
    }
  }*/

  Future<QuizzDTO?> getQuizz(AppContext appContext, Client client, String sectionId) async {
    try {
      if(sectionDTO == null || quizzDTO == null) {
        bool isConfigOffline = (appContext.getContext() as VisitAppContext).configuration!.isOffline!;
        if(isConfigOffline)
        {
          // OFFLINE
          List<Map<String, dynamic>> sectionTest = await DatabaseHelper.instance.queryWithColumnId(DatabaseTableType.sections, sectionId);
          if(sectionTest.isNotEmpty) {
            sectionDTO = DatabaseHelper.instance.getSectionFromDB(sectionTest.first);
            try {
              SectionRead sectionRead = SectionRead(id: sectionDTO!.id!, readTime: DateTime.now().millisecondsSinceEpoch);
              await DatabaseHelper.instance.insert(DatabaseTableType.articleRead, sectionRead.toMap());
              visitAppContext!.readSections.add(sectionRead);

              appContext.setContext(visitAppContext!);
            } catch (e) {
              print("DATABASE ERROR SECTIONREAD");
              print(e);
            }
          } else {
            print("EMPTY SECTION");
          }
        } else
        {
          // ONLINE
          SectionDTO? sectionOnline = await client.sectionApi!.sectionGetDetail(sectionId);
          if(sectionOnline != null) {
            sectionDTO = sectionOnline;
          } else {
            print("EMPTY SECTION");
          }
        }

        if(sectionDTO!.type == SectionType.Quizz) {
          quizzDTO = QuizzDTO.fromJson(jsonDecode(sectionDTO!.data!));
        }
        if(quizzDTO != null) {
          if(quizzDTO!.questions != null && quizzDTO!.questions!.isNotEmpty) {
            quizzDTO!.questions!.sort((a, b) => a.order!.compareTo(b.order!));
            /*var audioIdArticle = articleDTO!.audioIds!.where((audioId) => audioId.language == (appContext.getContext() as VisitAppContext).language);
          if(audioIdArticle.isNotEmpty && audioIdArticle.first.value != null) {
            if(isConfigOffline)
            {
              // OFFLINE
              List<Map<String, dynamic>> ressourceTest = await DatabaseHelper
                  .instance.queryWithColumnId(
                  DatabaseTableType.resources, audioIdArticle.first.value!);
              if (ressourceTest.isNotEmpty) {
                audioResourceModel = DatabaseHelper.instance.getResourceFromDB(ressourceTest.first);
                Uint8List base64String = base64Decode(audioResourceModel!.data!);
                audiobytes = base64String;
              } else {
                print("EMPTY resourcesModel - first");
              }
            }
            else
            {
              // ONLINE
              ResourceModel? resourceAudioOnline = await ApiService.downloadAudio(client, audioIdArticle.first.value!);
              if(resourceAudioOnline != null) {
                audioResourceModel = resourceAudioOnline;
                Uint8List base64String = base64Decode(resourceAudioOnline.data!);
                audiobytes = base64String;
              } else {
                print("EMPTY resourcesModel online - audio");
              }
            }
          }*/
            for (var question in quizzDTO!.questions!) {
              if(isConfigOffline)
              {
                // OFFLINE
                if(question.resourceId != null) {
                  List<Map<String, dynamic>> ressourceQuizz = await DatabaseHelper.instance.queryWithColumnId(DatabaseTableType.resources, question.resourceId!);
                  if(ressourceQuizz.isNotEmpty) {
                    resourcesModel.add(DatabaseHelper.instance.getResourceFromDB(ressourceQuizz.first));
                  } else {
                    print("EMPTY resourcesModel - second");
                  }
                }
              }
              else
              {
                // ONLINE
                if(question.resourceId != null) {
                  resourcesModel.add(ResourceModel(id: question.resourceId, source: question.source_, type: ResourceType.Image));
                }
              }
            }
          }
        }

        setState(() {
          //print(sectionDTO!.title);
        });
      } else {
        return null; // TODO return local list..
      }
    } catch (e) {
      print(e);
      print("IN CATCH");
      return null;
    }
  }
}