import 'dart:async';
import 'dart:math';

import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
import 'package:flutter_filament/animations/animation_data.dart';
import 'package:flutter_filament/filament_controller.dart';
import 'package:flutter_filament_example/main.dart';
import 'package:permission_handler/permission_handler.dart';

import 'package:vector_math/vector_math_64.dart' as v;

class AssetSubmenu extends StatefulWidget {
  final FilamentController controller;
  const AssetSubmenu({super.key, required this.controller});

  @override
  State<StatefulWidget> createState() => _AssetSubmenuState();
}

class _AssetSubmenuState extends State<AssetSubmenu> {
  @override
  void initState() {
    super.initState();
  }

  Widget _shapesSubmenu() {
    var children = [
      MenuItemButton(
          onPressed: () async {
            Timer.periodic(Duration(milliseconds: 50), (_) async {
              await widget.controller.setBoneTransform(
                  ExampleWidgetState.assets.last,
                  "Cylinder",
                  "Bone",
                  Matrix4.rotationX(pi / 2));
            });
          },
          child:
              const Text('Set bone transform for Cylinder (pi/2 rotation X)')),
      MenuItemButton(
          onPressed: () async {
            await widget.controller.addBoneAnimation(
                ExampleWidgetState.assets.last,
                BoneAnimationData(
                    "Bone",
                    ["Cylinder"],
                    List.generate(
                        60,
                        (idx) => v.Quaternion.axisAngle(
                                v.Vector3(0, 0, 1), pi * 8 * (idx / 60))
                            .normalized()),
                    1000.0 / 60.0));
          },
          child: const Text('Set bone transform animation for Cylinder')),
      MenuItemButton(
          onPressed: () async {
            var names = await widget.controller.getMorphTargetNames(
                ExampleWidgetState.assets.last, "Cylinder");
            await showDialog(
                context: context,
                builder: (ctx) {
                  return Container(
                      height: 100,
                      width: 100,
                      color: Colors.white,
                      child: Text(names.join(",")));
                });
          },
          child: const Text("Show morph target names for Cylinder")),
      MenuItemButton(
          onPressed: () async {
            widget.controller.setMorphTargetWeights(
                ExampleWidgetState.assets.last,
                "Cylinder",
                List.filled(4, 1.0));
          },
          child: const Text("set Cylinder morph weights to 1")),
      MenuItemButton(
          onPressed: () async {
            widget.controller.setMorphTargetWeights(
                ExampleWidgetState.assets.last,
                "Cylinder",
                List.filled(4, 0.0));
          },
          child: const Text("Set Cylinder morph weights to 0")),
      MenuItemButton(
        onPressed: () async {
          widget.controller
              .setPosition(ExampleWidgetState.assets.last, 1.0, 1.0, -1.0);
        },
        child: const Text('Set position to 1, 1, -1'),
      ),
      MenuItemButton(
          onPressed: () async {
            if (ExampleWidgetState.coneHidden) {
              widget.controller.reveal(ExampleWidgetState.assets.last, "Cone");
            } else {
              widget.controller.hide(ExampleWidgetState.assets.last, "Cone");
            }

            ExampleWidgetState.coneHidden = !ExampleWidgetState.coneHidden;
          },
          child:
              Text(ExampleWidgetState.coneHidden ? 'show cone' : 'hide cone')),
      MenuItemButton(
          onPressed: () async {
            widget.controller.setMaterialColor(
                ExampleWidgetState.assets.last, "Cone", 0, Colors.purple);
          },
          child: const Text("Set cone material color to purple")),
      MenuItemButton(
          onPressed: () async {
            ExampleWidgetState.loop = !ExampleWidgetState.loop;
          },
          child: Text(
              "Toggle animation looping ${ExampleWidgetState.loop ? "OFF" : "ON"}"))
    ];
    if (ExampleWidgetState.animations != null) {
      children.addAll(ExampleWidgetState.animations!.map((a) => MenuItemButton(
          onPressed: () {
            widget.controller.playAnimation(ExampleWidgetState.assets.last,
                ExampleWidgetState.animations!.indexOf(a),
                replaceActive: true,
                crossfade: 0.5,
                loop: ExampleWidgetState.loop);
          },
          child: Text(
              "play animation ${ExampleWidgetState.animations!.indexOf(a)} (replace/fade)"))));
      children.addAll(ExampleWidgetState.animations!.map((a) => MenuItemButton(
          onPressed: () {
            widget.controller.playAnimation(ExampleWidgetState.assets.last,
                ExampleWidgetState.animations!.indexOf(a),
                replaceActive: false, loop: ExampleWidgetState.loop);
          },
          child: Text(
              "Play animation ${ExampleWidgetState.animations!.indexOf(a)} (noreplace)"))));
    }

    return SubmenuButton(menuChildren: children, child: const Text("Shapes"));
  }

  @override
  Widget build(BuildContext context) {
    return SubmenuButton(
      menuChildren: [
        _shapesSubmenu(),
        MenuItemButton(
          onPressed: () async {
            ExampleWidgetState.directionalLight = await widget.controller
                .addLight(1, 6500, 150000, 0, 1, 0, 0, -1, 0, true);
          },
          child: const Text("Add directional light"),
        ),
        MenuItemButton(
          onPressed: () async {
            await widget.controller.clearLights();
          },
          child: const Text("Clear lights"),
        ),
        MenuItemButton(
            onPressed: () async {
              if (ExampleWidgetState.buster == null) {
                ExampleWidgetState.buster = await widget.controller.loadGltf(
                    "assets/BusterDrone/scene.gltf", "assets/BusterDrone",
                    force: true);
                await widget.controller
                    .playAnimation(ExampleWidgetState.buster!, 0, loop: true);
                ExampleWidgetState.animations = await widget.controller
                    .getAnimationNames(ExampleWidgetState.assets.last);
              } else {
                await widget.controller.removeAsset(ExampleWidgetState.buster!);
                ExampleWidgetState.buster = null;
              }
            },
            child: Text(ExampleWidgetState.buster == null
                ? 'Load buster'
                : 'Remove buster')),
        MenuItemButton(
            onPressed: () async {
              if (ExampleWidgetState.flightHelmet == null) {
                ExampleWidgetState.flightHelmet ??= await widget.controller
                    .loadGltf('assets/FlightHelmet/FlightHelmet.gltf',
                        'assets/FlightHelmet',
                        force: true);
              } else {
                await widget.controller
                    .removeAsset(ExampleWidgetState.flightHelmet!);
                ExampleWidgetState.flightHelmet = null;
              }
            },
            child: Text(ExampleWidgetState.flightHelmet == null
                ? 'Load flight helmet'
                : 'Remove flight helmet')),
        MenuItemButton(
            onPressed: () {
              widget.controller.setBackgroundColor(const Color(0xFF73C9FA));
            },
            child: const Text("Set background color")),
        MenuItemButton(
            onPressed: () {
              widget.controller.setBackgroundImage('assets/background.ktx');
            },
            child: const Text("Load background image")),
        MenuItemButton(
            onPressed: () {
              widget.controller.setBackgroundImage('assets/background.ktx',
                  fillHeight: true);
            },
            child: const Text("Load background image (fill height)")),
        MenuItemButton(
            onPressed: () {
              if (ExampleWidgetState.hasSkybox) {
                widget.controller.removeSkybox();
              } else {
                widget.controller
                    .loadSkybox('assets/default_env/default_env_skybox.ktx');
              }
              ExampleWidgetState.hasSkybox = !ExampleWidgetState.hasSkybox;
            },
            child: Text(ExampleWidgetState.hasSkybox
                ? 'Remove skybox'
                : 'Load skybox')),
        MenuItemButton(
            onPressed: () {
              widget.controller
                  .loadIbl('assets/default_env/default_env_ibl.ktx');
            },
            child: const Text('Load IBL')),
        MenuItemButton(
            onPressed: () async {
              await Permission.microphone.request();
            },
            child: const Text("Request permissions (tests inactive->resume)")),
        MenuItemButton(
            onPressed: () async {
              await widget.controller.clearAssets();
              ExampleWidgetState.flightHelmet = null;
              ExampleWidgetState.buster = null;
              ExampleWidgetState.assets.clear();
            },
            child: const Text('Clear assets')),
      ],
      child: const Text("Assets"),
    );
  }
}


//           _item(() async {
//             var frameData = Float32List.fromList(
//                 List<double>.generate(120, (i) => i / 120).expand((x) {
//               var vals = List<double>.filled(7, x);
//               vals[3] = 1.0;
//               // vals[4] = 0;
//               vals[5] = 0;
//               vals[6] = 0;
//               return vals;
//             }).toList());

//             widget.controller!.setBoneAnimation(
//                 _shapes!,
//                 BoneAnimationData(
//                     "Bone.001", ["Cube.001"], frameData, 1000.0 / 60.0));
//             //     ,
//             //     "Bone.001",
//             //     "Cube.001",
//             //     BoneTransform([Vec3(x: 0, y: 0.0, z: 0.0)],
//             //         [Quaternion(x: 1, y: 1, z: 1, w: 1)]));
//           }, 'construct bone animation'),

//           _item(() async {
//             var morphs = await widget.controller!
//                 .getMorphTargetNames(_shapes!, "Cylinder");
//             final animation = AnimationBuilder(
//                     availableMorphs: morphs,
//                     framerate: 30,
//                     meshName: "Cylinder")
//                 .setDuration(4)
//                 .setMorphTargets(["Key 1", "Key 2"])
//                 .interpolateMorphWeights(0, 4, 0, 1)
//                 .build();
//             widget.controller!.setMorphAnimationData(_shapes!, animation);
//           }, "animate cylinder morph weights #1 and #2"),
//           _item(() async {
//             var morphs = await widget.controller!
//                 .getMorphTargetNames(_shapes!, "Cylinder");
//             final animation = AnimationBuilder(
//                     availableMorphs: morphs,
//                     framerate: 30,
//                     meshName: "Cylinder")
//                 .setDuration(4)
//                 .setMorphTargets(["Key 3", "Key 4"])
//                 .interpolateMorphWeights(0, 4, 0, 1)
//                 .build();
//             widget.controller!.setMorphAnimationData(_shapes!, animation);
//           }, "animate cylinder morph weights #3 and #4"),
//           _item(() async {
//             var morphs = await widget.controller!
//                 .getMorphTargetNames(_shapes!, "Cube");
//             final animation = AnimationBuilder(
//                     availableMorphs: morphs, framerate: 30, meshName: "Cube")
//                 .setDuration(4)
//                 .setMorphTargets(["Key 1", "Key 2"])
//                 .interpolateMorphWeights(0, 4, 0, 1)
//                 .build();
//             widget.controller!.setMorphAnimationData(_shapes!, animation);
//           }, "animate shapes morph weights #1 and #2"),