import 'dart:convert';

import 'package:flutter/material.dart';
import 'package:flutter_expandable_fab/flutter_expandable_fab.dart';
import 'package:provider/provider.dart';
import 'package:sendtrain/daos/actions_dao.dart';
import 'package:sendtrain/database/database.dart';
import 'package:sendtrain/extensions/string_extensions.dart';
import 'package:sendtrain/helpers/widget_helpers.dart';
import 'package:sendtrain/models/activity_timer_model.dart';
import 'package:sendtrain/widgets/activities/activity_action_view.dart';
import 'package:sendtrain/widgets/activities/activity_view_categories.dart';
import 'package:sendtrain/widgets/activities/activity_view_media.dart';

class ActivityView extends StatefulWidget {
  const ActivityView({super.key, required this.activity});
  final Activity activity;

  @override
  State<ActivityView> createState() => _ActivityViewState();
}

class _ActivityViewState extends State<ActivityView> {
  List<Widget> action(actions) {
    if (actions.isNotEmpty) {
      return [
        Padding(
            padding: const EdgeInsets.only(left: 10, right: 10),
            child: Card(
                clipBehavior: Clip.antiAlias,
                shape: const RoundedRectangleBorder(
                  borderRadius: BorderRadius.only(
                      topLeft: Radius.circular(10),
                      topRight: Radius.circular(10)),
                ),
                color: Theme.of(context).colorScheme.onPrimary,
                child: Row(children: [
                  Ink(
                      width: 70,
                      color: Theme.of(context).colorScheme.primaryContainer,
                      child: Consumer<ActivityTimerModel>(
                        builder: (context, atm, child) {
                          return IconButton(
                              alignment: AlignmentDirectional.center,
                              icon: atm.isActive
                                  ? const Icon(Icons.pause_rounded)
                                  : const Icon(Icons.play_arrow_rounded),
                              onPressed: () =>
                                  {atm.isActive ? atm.pause() : atm.start()});
                        },
                      )),
                  Expanded(
                      flex: 1,
                      child: Stack(alignment: Alignment.center, children: [
                        Container(
                          alignment: Alignment.center,
                          child: Consumer<ActivityTimerModel>(
                            builder: (context, atm, child) {
                              return Text(
                                  style: const TextStyle(fontSize: 20),
                                  textAlign: TextAlign.center,
                                  '${atm.actionCount} ${atm.currentAction['type']}'
                                      .toTitleCase());
                            },
                          ),
                        ),
                        Container(
                            alignment: Alignment.centerRight,
                            padding: EdgeInsets.only(right: 15),
                            child: Consumer<ActivityTimerModel>(
                                builder: (context, atm, child) {
                              return Text(
                                  style: const TextStyle(fontSize: 12),
                                  textAlign: TextAlign.right,
                                  '${atm.currentAction['actionID'] + 1} of ${atm.totalActions()}');
                            })),
                      ])),
                ]))),
        Padding(
            padding: EdgeInsets.only(left: 14, right: 14),
            child: Consumer<ActivityTimerModel>(builder: (context, atm, child) {
              return LinearProgressIndicator(
                value: atm.progress,
                semanticsLabel: 'Activity Progress',
              );
            })),
        ActivityActionView(actions: actions)
      ];
    } else {
      return [Text('add an  action')];
    }
  }

  @override
  Widget build(BuildContext context) {
    final Activity activity = widget.activity;
    ActivityTimerModel atm =
        Provider.of<ActivityTimerModel>(context, listen: false);

    return FutureBuilder<List>(
        future: ActionsDao(Provider.of<AppDatabase>(context))
            .fromActivity(activity),
        builder: (context, snapshot) {
          if (snapshot.hasData) {
            List actions = snapshot.data!;
            atm.setup(activity, actions);

            return Scaffold(
                floatingActionButtonLocation: ExpandableFab.location,
                floatingActionButton: ExpandableFab(
                    distance: 70,
                    type: ExpandableFabType.up,
                    overlayStyle: ExpandableFabOverlayStyle(
                      color: Colors.black.withOpacity(0.5),
                      blur: 10,
                    ),
                    children: [
                      // FloatingActionButton.extended(
                      //   icon: const Icon(Icons.upload_outlined),
                      //   label: Text('Upload Media'),
                      //   onPressed: () {},
                      // ),
                      FloatingActionButton.extended(
                        icon: const Icon(Icons.note_add_outlined),
                        label: Text('Add Note'),
                        onPressed: () {},
                      ),
                      FloatingActionButton.extended(
                        icon: const Icon(Icons.history_outlined),
                        label: Text('Restart'),
                        onPressed: () {},
                      ),
                      FloatingActionButton.extended(
                        icon: const Icon(Icons.done_all_outlined),
                        label: Text('Done'),
                        onPressed: () {},
                      ),
                    ]),
                body: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                          AppBar(
                            titleSpacing: 0,
                            centerTitle: true,
                            title: const Text('Activity',
                                style: TextStyle(fontSize: 15)),
                          ),
                          Padding(
                              padding: const EdgeInsets.only(
                                  left: 15, right: 20, top: 15, bottom: 10),
                              child: Text(
                                  maxLines: 1,
                                  style: const TextStyle(
                                      fontSize: 25,
                                      fontWeight: FontWeight.bold),
                                  activity.title.toTitleCase())),
                          Padding(
                              padding: const EdgeInsets.fromLTRB(10, 0, 0, 10),
                              child:
                                  Flex(direction: Axis.horizontal, children: [
                                ActivityViewCategories<List<ActivityLevel>>(
                                    icon: Icon(Icons.stairs_rounded),
                                    text: "Activity Level",
                                    object: activity.level != null
                                        ? [activity.level!]
                                        : []),
                                // ActivityViewCategories<List<ActivityMechanic>>(
                                //     icon: Icon(Icons.),
                                //     text: 'Activity Mechanic',
                                //     object: activity.mechanic != null
                                //         ? [activity.mechanic!]
                                //         : []),
                                ActivityViewCategories<List<ActivityEquipment>>(
                                    icon: Icon(Icons.fitness_center_rounded),
                                    text: 'Activity Equipments',
                                    object: activity.equipment != null
                                        ? [activity.equipment!]
                                        : []),
                                ActivityViewCategories<List<ActivityType>>(
                                    icon: Icon(Icons.type_specimen_rounded),
                                    text: 'Activity Equipments',
                                    object: activity.equipment != null
                                        ? [activity.type!]
                                        : []),
                              ])),
                          Padding(
                              padding: const EdgeInsets.only(
                                  top: 0, bottom: 10, left: 15, right: 15),
                              child: Text(
                                  maxLines: 4,
                                  overflow: TextOverflow. ellipsis,
                                  softWrap: true,
                                  textAlign: TextAlign.left,
                                  style: const TextStyle(fontSize: 15),
                                  jsonToDescription(json.decode(activity.description ?? "")))),
                          Padding(
                              padding: EdgeInsets.only(right: 15),
                              child: Align(
                                  alignment: Alignment.topRight,
                                  child: TextButton(
                                    style: ButtonStyle(
                                        textStyle:
                                            WidgetStateProperty.all<TextStyle>(
                                                TextStyle(
                                                    fontWeight:
                                                        FontWeight.normal)),
                                        shape: WidgetStateProperty.all<
                                                RoundedRectangleBorder>(
                                            RoundedRectangleBorder(
                                          borderRadius:
                                              BorderRadius.circular(10.0),
                                        ))),
                                    onPressed: () {
                                      showGenericSheet(
                                          context,
                                          Padding(
                                              padding: EdgeInsets.all(15),
                                              child: Text(jsonToDescription(
                                                  json.decode(activity.description ??
                                                      "")))));
                                    },
                                    child: Text("Read More...",
                                        textAlign: TextAlign.right),
                                  ))),
                          const Padding(
                              padding: EdgeInsets.fromLTRB(15, 10, 0, 10),
                              child: Text(
                                  style: TextStyle(
                                      fontSize: 20,
                                      fontWeight: FontWeight.bold),
                                  'Media:')),
                          ActivityViewMedia(activity: activity),
                          const Padding(
                              padding: EdgeInsets.fromLTRB(15, 30, 0, 10),
                              child: Text(
                                  textAlign: TextAlign.left,
                                  style: TextStyle(
                                      fontSize: 20,
                                      fontWeight: FontWeight.bold),
                                  'Actions')),

                          //   Padding(
                          //       padding: const EdgeInsets.only(left: 10, right: 10),
                          //       child: Card(
                          //           clipBehavior: Clip.antiAlias,
                          //           shape: const RoundedRectangleBorder(
                          //             borderRadius: BorderRadius.only(
                          //                 topLeft: Radius.circular(10),
                          //                 topRight: Radius.circular(10)),
                          //           ),
                          //           color: Theme.of(context).colorScheme.onPrimary,
                          //           child: Row(children: [
                          //             Ink(
                          //                 width: 70,
                          //                 color: Theme.of(context)
                          //                     .colorScheme
                          //                     .primaryContainer,
                          //                 child: Consumer<ActivityTimerModel>(
                          //                   builder: (context, atm, child) {
                          //                     return IconButton(
                          //                         alignment:
                          //                             AlignmentDirectional.center,
                          //                         icon: atm.isActive
                          //                             ? const Icon(
                          //                                 Icons.pause_rounded)
                          //                             : const Icon(
                          //                                 Icons.play_arrow_rounded),
                          //                         onPressed: () => {
                          //                               atm.isActive
                          //                                   ? atm.pause()
                          //                                   : atm.start()
                          //                             });
                          //                   },
                          //                 )),
                          //             Expanded(
                          //                 flex: 1,
                          //                 child: Stack(
                          //                     alignment: Alignment.center,
                          //                     children: [
                          //                       Container(
                          //                         alignment: Alignment.center,
                          //                         child: Consumer<ActivityTimerModel>(
                          //                           builder: (context, atm, child) {
                          //                             return Text(
                          //                                 style: const TextStyle(
                          //                                     fontSize: 20),
                          //                                 textAlign: TextAlign.center,
                          //                                 '${atm.actionCount} ${atm.currentAction['type']}'
                          //                                     .toTitleCase());
                          //                           },
                          //                         ),
                          //                       ),
                          //                       Container(
                          //                           alignment: Alignment.centerRight,
                          //                           padding:
                          //                               EdgeInsets.only(right: 15),
                          //                           child:
                          //                               Consumer<ActivityTimerModel>(
                          //                                   builder: (context, atm,
                          //                                       child) {
                          //                             return Text(
                          //                                 style: const TextStyle(
                          //                                     fontSize: 12),
                          //                                 textAlign: TextAlign.right,
                          //                                 '${atm.currentAction['actionID'] + 1} of ${atm.totalActions()}');
                          //                           })),
                          //                     ])),
                          //           ]))),
                          //   Padding(
                          //       padding: EdgeInsets.only(left: 14, right: 14),
                          //       child: Consumer<ActivityTimerModel>(
                          //           builder: (context, atm, child) {
                          //         return LinearProgressIndicator(
                          //           value: atm.progress,
                          //           semanticsLabel: 'Activity Progress',
                          //         );
                          //       })),
                          //   ActivityActionView(actions: actions),
                        ] +
                        action(actions)));
          } else {
            return Container(
                alignment: Alignment.center,
                child: SizedBox(
                  height: 50.0,
                  width: 50.0,
                  child: CircularProgressIndicator(),
                ));
          }
        });
  }
}