import 'package:flutter/material.dart';
import 'package:flutter_filament/filament_controller_ffi.dart';
import 'package:flutter_filament_example/camera_matrix_overlay.dart';
import 'package:flutter_filament_example/controller_menu.dart';
import 'package:flutter_filament_example/example_viewport.dart';
import 'package:flutter_filament_example/picker_result_widget.dart';
import 'package:flutter_filament_example/scene_menu.dart';

import 'package:flutter_filament/filament_controller.dart';

const loadDefaultScene = bool.hasEnvironment('--load-default-scene');

void main() async {
  print(loadDefaultScene);
  runApp(MyApp());
}

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

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> with SingleTickerProviderStateMixin {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        theme: ThemeData(useMaterial3: true),
        // showPerformanceOverlay: true,
        home: Scaffold(body: ExampleWidget()));
  }
}

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

  @override
  State<StatefulWidget> createState() {
    return _ExampleWidgetState();
  }
}

enum MenuType { controller, assets, camera, misc }

class _ExampleWidgetState extends State<ExampleWidget> {
  FilamentController? _filamentController;

  FilamentEntity? _flightHelmet;
  FilamentEntity? _buster;
  FilamentEntity? _light;

  final weights = List.filled(255, 0.0);

  EdgeInsets _viewportMargin = EdgeInsets.zero;

  Widget _item(void Function() onTap, String text) {
    return GestureDetector(
        onTap: () {
          setState(() {
            onTap();
          });
        },
        child: Container(
            color: Colors.transparent,
            padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 10),
            child: Text(text)));
  }

  @override
  void initState() {
    super.initState();
    if (loadDefaultScene) {
      WidgetsBinding.instance.addPostFrameCallback((timeStamp) async {
        setState(() {
          _filamentController = FilamentControllerFFI();
        });
        await Future.delayed(const Duration(milliseconds: 100));
        WidgetsBinding.instance.addPostFrameCallback((timeStamp) async {
          await _filamentController!.createViewer();
          await _filamentController!
              .loadSkybox("assets/default_env/default_env_skybox.ktx");
          await _filamentController!.setRendering(true);
          await _filamentController!.loadGlb("assets/shapes/shapes.glb");
        });
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    return Stack(children: [
      Positioned.fill(
        child: ExampleViewport(
          controller: _filamentController,
          padding: _viewportMargin,
        ),
      ),
      Align(
          alignment: Alignment.bottomCenter,
          child: Container(
              padding: const EdgeInsets.only(bottom: 30),
              height: 100,
              color: Colors.white,
              child:
                  Row(crossAxisAlignment: CrossAxisAlignment.start, children: [
                ControllerMenu(
                    controller: _filamentController,
                    onControllerDestroyed: () {},
                    onControllerCreated: (controller) {
                      setState(() {
                        _filamentController = controller;
                      });
                    }),
                SceneMenu(
                  controller: _filamentController,
                )
              ]))),
      _filamentController == null
          ? Container()
          : Padding(
              padding: const EdgeInsets.only(top: 40, left: 20, right: 20),
              child: CameraMatrixOverlay(controller: _filamentController!),
            ),
      _filamentController == null
          ? Container()
          : Align(
              alignment: Alignment.topRight,
              child: PickerResultWidget(controller: _filamentController!),
            )
    ]);

//           _item(() {

//           _item(() async {
//             _animations = await _filamentController!.setCamera(_shapes!, null);
//             setState(() {});
//           }, 'set camera to first camera in shapes GLB'),
//           _item(() async {
//             if (_coneHidden) {
//               _filamentController!.reveal(_shapes!, "Cone");
//             } else {
//               _filamentController!.hide(_shapes!, "Cone");
//             }
//             setState(() {
//               _coneHidden = !_coneHidden;
//             });
//           }, _coneHidden ? 'show cone' : 'hide cone'),
//           _item(() async {
//             if (_shapes != null) {
//               _filamentController!.removeAsset(_shapes!);
//             }
//             _shapes = await _filamentController!
//                 .loadGltf('assets/shapes/shapes.gltf', 'assets/shapes');
//           }, 'load shapes GLTF'),
//           _item(() async {
//             _filamentController!.transformToUnitCube(_shapes!);
//           }, 'transform to unit cube'),
//           _item(() async {
//             _filamentController!.setPosition(_shapes!, 1.0, 1.0, -1.0);
//           }, 'set shapes position to 1, 1, -1'),
//           _item(() async {
//             _filamentController!.setCameraPosition(1.0, 1.0, -1.0);
//           }, 'move camera to 1, 1, -1'),
//           _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());

//             _filamentController!.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 {
//             _filamentController!.removeAsset(_shapes!);
//             _shapes = null;
//           }, 'remove shapes'),
//           _item(() async {
//             _filamentController!.clearAssets();
//             _shapes = null;
//           }, 'clear all assets'),
//           _item(() async {
//             var names = await _filamentController!
//                 .getMorphTargetNames(_shapes!, "Cylinder");
//             await showDialog(
//                 context: context,
//                 builder: (ctx) {
//                   return Container(
//                       height: 100,
//                       width: 100,
//                       color: Colors.white,
//                       child: Text(names.join(",")));
//                 });
//           }, "show morph target names for Cylinder"),
//           _item(() {
//             _filamentController!.setMorphTargetWeights(
//                 _shapes!, "Cylinder", List.filled(4, 1.0));
//           }, "set Cylinder morph weights to 1"),
//           _item(() {
//             _filamentController!.setMorphTargetWeights(
//                 _shapes!, "Cylinder", List.filled(4, 0.0));
//           }, "set Cylinder morph weights to 0.0"),
//           _item(() async {
//             var morphs = await _filamentController!
//                 .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();
//             _filamentController!.setMorphAnimationData(_shapes!, animation);
//           }, "animate cylinder morph weights #1 and #2"),
//           _item(() async {
//             var morphs = await _filamentController!
//                 .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();
//             _filamentController!.setMorphAnimationData(_shapes!, animation);
//           }, "animate cylinder morph weights #3 and #4"),
//           _item(() async {
//             var morphs = await _filamentController!
//                 .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();
//             _filamentController!.setMorphAnimationData(_shapes!, animation);
//           }, "animate shapes morph weights #1 and #2"),
//           _item(() {
//             _filamentController!
//                 .setMaterialColor(_shapes!, "Cone", 0, Colors.purple);
//           }, "set cone material color to purple"),
//           _item(() {
//             _loop = !_loop;
//             setState(() {});
//           }, "toggle animation looping ${_loop ? "OFF" : "ON"}"),
//           _item(() {
//             setState(() {
//               _viewportMargin = _viewportMargin == EdgeInsets.zero
//                   ? EdgeInsets.all(50)
//                   : EdgeInsets.zero;
//             });
//           }, "resize"),
//           _item(() async {
//             await Permission.microphone.request();
//           }, "request permissions (tests inactive->resume)")
//         ]);
//         if (_animations != null) {
//           children.addAll(_animations!.map((a) => _item(() {
//                 _filamentController!.playAnimation(
//                     _shapes!, _animations!.indexOf(a),
//                     replaceActive: true, crossfade: 0.5, loop: _loop);
//               }, "play animation ${_animations!.indexOf(a)} (replace/fade)")));
//           children.addAll(_animations!.map((a) => _item(() {
//                 _filamentController!.playAnimation(
//                     _shapes!, _animations!.indexOf(a),
//                     replaceActive: false, loop: _loop);
//               }, "play animation ${_animations!.indexOf(a)} (noreplace)")));
//         }

//         children.addAll([
//           _item(() async {
//             await Permission.microphone.request();
//           }, "request permissions (tests inactive->resume)"),
//           _item(() async {
//             if (_buster != null) {
//               await _filamentController!.removeAsset(_buster!);
//             }
//             _buster = await (_filamentController as FilamentControllerFFI)
//                 .loadGltf("assets/BusterDrone/scene.gltf", "assets/BusterDrone",
//                     force: true);
//             await _filamentController!.playAnimation(_buster!, 0, loop: true);
//           }, "load buster")
//         ]);
//       }

//       if (_animations != null) {
//         children.addAll(_animations!.map((a) => _item(() {
//               _filamentController!.playAnimation(
//                   _shapes!, _animations!.indexOf(a),
//                   replaceActive: true, crossfade: 0.5, loop: _loop);
//             }, "play animation ${_animations!.indexOf(a)} (replace/fade)")));
//         children.addAll(_animations!.map((a) => _item(() {
//               _filamentController!.playAnimation(
//                   _shapes!, _animations!.indexOf(a),
//                   replaceActive: false, loop: _loop);
//             }, "play animation ${_animations!.indexOf(a)} (noreplace)")));
//       }
//     }
    // return Stack(children: [
    //   Viewport(_filamentController, _viewportPadding),
    //   Positioned(
    //       right: 50,
    //       top: 50,
    //       child: PickerResultWidget(controller: _filamentController!)),
    //   _cameraTimer == null
    //       ? Container()
    //       : Positioned(
    //           top: 10,
    //           left: 10,
    //           child: ,
    //   Align(
    //       alignment: Alignment.bottomCenter,
    //       child: OrientationBuilder(builder: (ctx, orientation) {
    //         return Container(
    //             alignment: Alignment.bottomCenter,
    //             height: orientation == Orientation.landscape ? 100 : 200,
    //             color: Colors.white.withOpacity(0.75),
    //             child: SingleChildScrollView(child: Wrap(children: children)));
    //       }))
    // ]);
  }
}

// _item(24 () async { 'rotate by pi around Y axis'),
// _item(5 () async { 'load flight helmet'),

// _item(7 () async { 'set all weights to 1'),
// _item(8 () async { 'set all weights to 0'),
// _item(9 () async { 'play all animations'),
// _item(34 () async { 'play animation 0'),
// _item(34 () async { 'play animation 0 (noreplace)'),
// _item(35 () async { 'play animation 1'),
// _item(34 () async { 'play animation 0 (noreplace)'),
// _item(36 () async { 'play animation 2'),
// _item(34 () async { 'play animation 0 (noreplace)'),
// _item(36 () async { 'play animation 3'),
// _item(34 () async { 'play animation 3 (noreplace)'),
// _item(37 () async { 'stop animation 0'),

// _item(14 () async { 'set camera'),
// _item(15 () async { 'animate weights'),
// _item(16 () async { 'get target names'),
// _item(17 () async { 'get animation names'),
// _item(18 () async { 'pan left'),
// _item(19 () async { 'pan right'),
// _item(25 () async {
//     Text(_vertical ? 'set horizontal' : 'set vertical')),
// _item(26 () async { 'set camera pos to 0,0,3'),
// _item(27 () async { 'toggle framerate'),
// _item(28 () async { 'set bg image pos'),
// _item(29 () async { 'add light'),
// _item(30 () async { 'remove light'),
// _item(31 () async { 'clear all lights'),
// _item(32 () async { 'set camera model matrix'),

// case -1:

//         break;
//       case -2:
//         _filamentController!.render();
//         break;
//       case -4:
//         setState(() {
//           _rendering = !_rendering;
//           _filamentController!.setRendering(_rendering);
//         });
//         break;
//       case -5:
//         setState(() {
//           _framerate = _framerate == 60 ? 30 : 60;
//           _filamentController!.setFrameRate(_framerate);
//         });
//         break;
//       case -6:
//         _filamentController!.setBackgroundColor(Color(0xFF73C9FA));
//         break;

//       case 5:
//         _flightHelmet ??= await _filamentController!.loadGltf(
//             'assets/FlightHelmet/FlightHelmet.gltf', 'assets/FlightHelmet');
//         break;

//       case 11:
//         setState(() {
//           _loop = !_loop;
//         });
//         break;
//       case 14:
//         _filamentController!.setCamera(_shapes!, "Camera_Orientation");
//         break;
//       case 15:

//         break;
//       case 17:
//         var animationNames =
//             await _filamentController!.getAnimationNames(_shapes!);

//         await showDialog(
//             context: context,
//             builder: (ctx) {
//               return Container(
//                   height: 100,
//                   width: 100,
//                   color: Colors.white,
//                   child: Text(animationNames.join(",")));
//             });

//         break;
//       case 18:
//         _filamentController!.panStart(1, 1);
//         _filamentController!.panUpdate(1, 2);
//         _filamentController!.panEnd();
//         break;
//       case 19:
//         _filamentController!.panStart(1, 1);
//         _filamentController!.panUpdate(0, 0);
//         _filamentController!.panEnd();
//         break;
//       case 20:
//         _filamentController!.clearAssets();
//         break;
//       case 21:
//         break;
//       case 22:
//         break;
//       case 23:
//         break;
//       case 24:
//         _filamentController!.setRotation(_shapes!, pi / 2, 0.0, 1.0, 0.0);
//         break;
//       case 26:
//         _filamentController!.setCameraPosition(0, 0, 3);
//         _filamentController!.setCameraRotation(0, 0, 1, 0);
//         break;
//       case 27:
//         _framerate = _framerate == 60 ? 30 : 60;
//         _filamentController!.setFrameRate(_framerate);
//         break;
//       case 28:
//         _filamentController!.setBackgroundImagePosition(25, 25);
//         break;

//       case 30:
//         if (_light != null) {
//           _filamentController!.removeLight(_light!);
//           _light = null;
//         }
//         break;
//       case 31:

//         break;
//       case 32:

//         // break;
//         break;
//       case 33:

//         break;
//       case 34:
//         var duration =
//             await _filamentController!.getAnimationDuration(_shapes!, 0);
//         _filamentController!.playAnimation(_shapes!, 0,
//             loop: false, crossfade: 0.5);
//         await Future.delayed(
//             Duration(milliseconds: (duration * 1000.0).toInt()));
//         print("animation complete");
//         // showDialog(
//         //     context: context,
//         //     builder: (context) {
//         //       return Container(
//         //           width: 100,
//         //           height: 100,
//         //           color: Colors.white,
//         //           child: "animation complete!");
//         //     });
//         break;
//       case 35:
//         _filamentController!.playAnimation(_shapes!, 1,
//             loop: false, crossfade: 0.5);
//         break;
//       case 36:
//         _filamentController!.playAnimation(_shapes!, 2,
//             loop: false, crossfade: 0.5);
//         break;
//       case 37:
//         _filamentController!.stopAnimation(_shapes!, 0);
//         break;