import 'package:fikoyt_tayyi_faal/app/widgets/joystick/flutter_joystick.dart';
import 'package:flutter/material.dart';

import 'package:get/get.dart';

import '../../../widgets/fiko_track_pad/fiko_track_pad.dart';
import '../controllers/home_controller.dart';

class HomeView extends GetView<HomeController> {
  const HomeView({Key? key}) : super(key: key);
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: const Text('HomeView'),
          centerTitle: true,
        ),
        body: Row(
          mainAxisAlignment: MainAxisAlignment.center,
          crossAxisAlignment: CrossAxisAlignment.center,
          mainAxisSize: MainAxisSize.max,
          children: [
            // Column(
            //   children: [
            //     Center(
            //       child: Joystick(
            //         stick: Image.asset("assets/rotate.png"),
            //         base: JoystickBase(
            //           decoration: JoystickBaseDecoration(
            //             color: Colors.grey.shade300,
            //             drawOuterCircle: true,
            //           ),
            //           // arrowsDecoration: JoystickArrowsDecoration(
            //           //   color: Colors.transparent,
            //           //   enableAnimation: false,
            //           // ),
            //         ),
            //         listener: (details) {
            //           print(details.x.toString() + " " + details.y.toString());
            //         },
            //       ),
            //     ),
            //   ],
            // ),
            // Column(
            //   children: [
            //     Center(
            //       child: Joystick(
            //         stickOffsetCalculator:
            //             const RectangleStickOffsetCalculator(),
            //         stick: Image.asset("assets/pan.png"),
            //         base: JoystickSquareBase(
            //           decoration: JoystickBaseDecoration(
            //             color: Colors.grey.shade300,
            //             drawOuterCircle: true,
            //           ),
            //           // arrowsDecoration: JoystickArrowsDecoration(
            //           //   color: Colors.blue,
            //           //   enableAnimation: false,
            //           // ),
            //         ),
            //         listener: (details) {
            //           print(details.x.toString() + " " + details.y.toString());
            //         },
            //       ),
            //     ),
            //   ],
            // ),
            // Column(
            //   children: [
            //     Center(
            //       child: Joystick(
            //         mode: JoystickMode.vertical,
            //         stick: Image.asset("assets/zoom.png"),
            //         base: JoystickSquareBase(
            //           mode: JoystickMode.vertical,

            //           decoration: JoystickBaseDecoration(
            //             color: Colors.grey.shade300,
            //             drawOuterCircle: true,
            //           ),
            //           // arrowsDecoration: JoystickArrowsDecoration(
            //           //   color: Colors.blue,
            //           //   enableAnimation: false,
            //           // ),
            //         ),
            //         listener: (details) {
            //           print(details.x.toString() + " " + details.y.toString());
            //         },
            //       ),
            //     ),
            //   ],
            // ),
            TrackpadWidget(
              onUpdate: (String type, Map<String, double> values) {
                print('Event: $type, Values: $values');
              },
            ),
          ],
        ));
  }
}