import 'dart:io';
import 'dart:typed_data';
import 'package:flutter/material.dart';

import 'package:polyvox_filament/filament_controller.dart';
import 'package:polyvox_filament/animations/bone_animation_data.dart';
import 'package:polyvox_filament/filament_controller_ffi.dart';
import 'package:polyvox_filament/filament_gesture_detector.dart';
import 'package:polyvox_filament/filament_widget.dart';
import 'package:polyvox_filament/animations/animation_builder.dart';

import 'package:path_provider/path_provider.dart';

void main() {
  runApp(const 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(
        // showPerformanceOverlay: true,
        color: Colors.white,
        home: Scaffold(backgroundColor: Colors.white, body: ExampleWidget()));
  }
}

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

class _ExampleWidgetState extends State<ExampleWidget> {
  final _filamentController = FilamentControllerFFI();

  FilamentEntity? _shapes;
  FilamentEntity? _flightHelmet;
  List<String>? _animations;
  FilamentEntity? _light;

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

  bool _loop = false;
  bool _vertical = false;
  bool _rendering = false;
  int _framerate = 60;

  bool _initialized = false;

  bool _coneHidden = false;
  bool _frustumCulling = true;

  @override
  void initState() {
    getApplicationSupportDirectory().then((dir) {
      print(dir);
    });
    super.initState();
  }

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

  @override
  Widget build(BuildContext context) {
    var children = [
      _item(() {
        _filamentController.render();
      }, "render"),
      _item(() {
        setState(() {
          _rendering = !_rendering;
          _filamentController.setRendering(_rendering);
        });
      }, "Rendering: $_rendering "),
      _item(() {
        setState(() {
          _framerate = _framerate == 60 ? 30 : 60;
          _filamentController.setFrameRate(_framerate);
        });
      }, "$_framerate fps"),
      _item(() {
        _filamentController.setBackgroundColor(Color(0xFF73C9FA));
      }, "set background color"),
      _item(() {
        _filamentController.setBackgroundImage('assets/background.ktx');
      }, "load background image"),
      _item(() {
        _filamentController.setBackgroundImage('assets/background.ktx',
            fillHeight: true);
      }, "load background image (fill height)"),
      _item(() {
        _filamentController
            .loadSkybox('assets/default_env/default_env_skybox.ktx');
      }, 'load skybox'),
      _item(() {
        _filamentController.loadIbl('assets/default_env/default_env_ibl.ktx');
      }, 'load IBL'),
      _item(
        () {
          _filamentController.removeSkybox();
        },
        'remove skybox',
      ),
      _item(() async {
        _shapes = await _filamentController.loadGlb('assets/shapes/shapes.glb');
        _animations = await _filamentController.getAnimationNames(_shapes!);
        setState(() {});
      }, 'load shapes GLB'),
      _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.setPosition(_shapes!, 1.0, 1.0, -1.0);
      }, 'move camera to shapes position'),
      _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"}")
    ];
    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.add(_item(() {
      _filamentController.setToneMapping(ToneMapper.LINEAR);
    }, "Set tone mapping to linear"));

    children.add(_item(() {
      _filamentController.moveCameraToAsset(_shapes!);
    }, "Move camera to asset"));

    children.add(_item(() {
      setState(() {
        _frustumCulling = !_frustumCulling;
      });

      _filamentController.setViewFrustumCulling(_frustumCulling);
    }, "${_frustumCulling ? "Disable" : "Enable"} frustum culling"));

    return Stack(children: [
      Positioned.fill(
          child: FilamentGestureDetector(
              showControlOverlay: true,
              controller: _filamentController,
              child: FilamentWidget(
                controller: _filamentController,
              ))),
      Positioned(
          bottom: 0,
          left: 0,
          right: 0,
          height: 200,
          child: Container(
              color: Colors.white,
              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 25:
//         setState(() {
//           _vertical = !_vertical;
//         });
//         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 29:
//         _light = await _filamentController.addLight(
//             1, 6500, 15000000, 0, 1, 0, 0, -1, 0, true);
//         break;
//       case 30:
//         if (_light != null) {
//           _filamentController.removeLight(_light!);
//           _light = null;
//         }
//         break;
//       case 31:
//         _filamentController.clearLights();
//         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;