import 'dart:math' as math;

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'AndroidTv glitch POC',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const Scaffold(body: MyHomePage()),
    );
  }
}

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

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  final _controller = ScrollController();

  @override
  Widget build(BuildContext context) {
    return ColoredBox(
      color: Colors.black12,
      child: Shortcuts(
        shortcuts: <ShortcutActivator, Intent>{
          LogicalKeySet(LogicalKeyboardKey.arrowUp): const _FocusUpIntent(),
          LogicalKeySet(LogicalKeyboardKey.arrowDown): const _FocusDownIntent(),
        },
        child: Actions(
          actions: <Type, Action<Intent>>{
            _FocusUpIntent: CallbackAction<_FocusUpIntent>(
              onInvoke: (intent) {
                _controller.animateTo(
                  _controller.offset - 150,
                  duration: const Duration(milliseconds: 50),
                  curve: Curves.easeIn,
                );
                return null;
              },
            ),
            _FocusDownIntent: CallbackAction<_FocusDownIntent>(
              onInvoke: (intent) {
                _controller.animateTo(
                  _controller.offset + 150,
                  duration: const Duration(milliseconds: 50),
                  curve: Curves.easeIn,
                );
                return null;
              },
            ),
          },
          child: CustomScrollView(
            controller: _controller,
            scrollDirection: Axis.vertical,
            slivers: [
              SliverList(
                delegate: SliverChildBuilderDelegate(
                  (context, rowIndex) {
                    return SizedBox(
                      height: 200,
                      child: ListView(
                        scrollDirection: Axis.horizontal,
                        children: [
                          // Text(rowIndex.toString()),
                          ...List.generate(
                            8,
                            (columnIndex) {
                              return const Item();
                            },
                          ),
                        ],
                      ),
                    );
                  },
                  childCount: 100,
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

class _FocusDownIntent extends Intent {
  const _FocusDownIntent();
}

class _FocusUpIntent extends Intent {
  const _FocusUpIntent();
}

class Item extends StatelessWidget {
  const Item({super.key});

  @override
  Widget build(BuildContext context) {
    return Focus(
      child: SizedBox.fromSize(
        size: const Size(500, 200),
        child: CustomPaint(
          painter: BackgroundColor(const Size(500, 200)),
          isComplex: true,
          willChange: false,
        ),
      ),
    );
  }
}

class BackgroundColor extends CustomPainter {
  static const List<Color> colors = [
    Colors.orange,
    Colors.purple,
    Colors.blue,
    Colors.green,
    Colors.purple,
    Colors.red,
  ];

  final Size _size;
  BackgroundColor(this._size);

  @override
  void paint(Canvas canvas, Size size) {
    final rand = math.Random();

    for (var i = 0; i < 100; i++) {
      canvas.drawOval(
          Rect.fromCenter(
            center: Offset(
              rand.nextDouble() * _size.width - 100,
              _size.height / 2 + rand.nextDouble(),
            ),
            width: rand.nextDouble() * rand.nextInt(150) + 20,
            height: rand.nextDouble() * rand.nextInt(150) + 20,
          ),
          Paint()..color = colors[rand.nextInt(colors.length)].withOpacity(0.3));
    }
  }

  @override
  bool shouldRepaint(BackgroundColor oldDelegate) => false;
}