// Copyright 2014 The Flutter Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

import 'dart:math' show pi;

import 'package:flutter/material.dart';

const int numRows = 26;
const int numCols = 39;

class DrawArcsPage extends StatefulWidget {
  const DrawArcsPage({super.key, required this.paintStyle});

  final PaintingStyle paintStyle;

  @override
  State<DrawArcsPage> createState() => _DrawArcsPageState();
}

class _DrawArcsPageState extends State<DrawArcsPage> with SingleTickerProviderStateMixin {
  late final AnimationController controller;
  double tick = 0.0;

  @override
  void initState() {
    super.initState();
    controller = AnimationController(vsync: this, duration: const Duration(hours: 1));
    controller.addListener(() {
      setState(() {
        tick += 1;
      });
    });
    controller.forward(from: 0);
  }

  @override
  void dispose() {
    controller.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: EdgeInsets.fromLTRB(numRows.toDouble(), 0, numRows * 2, numRows.toDouble()),
      child: CustomPaint(painter: ArcsPainter(tick, widget.paintStyle), child: Container()),
    );
  }
}

class ArcsPainter extends CustomPainter {
  ArcsPainter(this.tick, this.paintStyle);

  final double tick;
  final PaintingStyle paintStyle;

  static const List<Color> kColors = <Color>[
    Colors.red,
    Colors.blue,
    Colors.green,
    Colors.yellow,
    Colors.orange,
    Colors.purple,
    Colors.pink,
    Colors.deepPurple,
  ];

  @override
  void paint(Canvas canvas, Size size) {
    if (size.width == 0) {
      return;
    }
    canvas.drawPaint(Paint()..color = Colors.white);
    for (var row = 0; row < numRows; row++) {
      for (var col = 0; col < numCols; col++) {
        final center = Offset((col / numCols) * size.width, (row / numRows) * size.height);
        // Radius increases with row.
        final double radius = row.toDouble();
        // Sweep angle repeatedly goes from -2pi to 2pi.
        final double sweepAngle = (tick / 20) % (4 * pi) - 2 * pi;
        // useCenter alternates with each row.
        final bool useCenter = (row % 2).isEven;
        // Stroke width is proportional to radius (row), and increases with column up to 2 * radius.
        final double strokeWidth = 2 * radius * (col / numCols);
        // Color changes with each arc.
        final Color color = kColors[(row * numCols + col) % kColors.length].withValues(alpha: 0.5);
        // Stroke cap changes with each row.
        final StrokeCap cap = StrokeCap.values[row % StrokeCap.values.length];
        canvas.drawArc(
          Rect.fromCircle(center: center, radius: radius),
          0,
          sweepAngle,
          useCenter,
          Paint()
            ..color = color
            ..style = paintStyle
            ..strokeWidth = strokeWidth
            ..strokeCap = cap,
        );
      }
    }
  }

  @override
  bool shouldRepaint(covariant CustomPainter oldDelegate) {
    return true;
  }
}