import 'dart:math' as math;

import 'package:flutter/material.dart';
import 'package:share_plus/share_plus.dart';
import 'package:smooth_app/generic_lib/design_constants.dart';
import 'package:smooth_app/helpers/analytics_helper.dart';
import 'package:smooth_app/l10n/app_localizations.dart';
import 'package:smooth_app/themes/smooth_theme_colors.dart';

class GuidesFooter extends StatelessWidget {
  const GuidesFooter({required this.shareUrl, this.shareMessage, super.key});

  final String? shareMessage;
  final String shareUrl;

  @override
  Widget build(BuildContext context) {
    final SmoothColorsThemeExtension colors = Theme.of(
      context,
    ).extension<SmoothColorsThemeExtension>()!;

    return CustomPaint(
      painter: _FooterPainter(
        color: colors.primaryNormal,
        wazeSize: _FooterPainter.WAVE_SIZE,
      ),
      child: SizedBox(
        width: double.infinity,
        child: Padding(
          padding: EdgeInsetsDirectional.only(
            top: _FooterPainter.WAVE_SIZE + MEDIUM_SPACE,
            start: VERY_LARGE_SPACE,
            end: VERY_LARGE_SPACE,
            bottom: BALANCED_SPACE + MediaQuery.viewPaddingOf(context).bottom,
          ),
          child: TextButton(
            style: TextButton.styleFrom(
              foregroundColor: colors.primaryBlack,
              backgroundColor: Colors.white,
              shape: RoundedRectangleBorder(
                borderRadius: BorderRadius.circular(24.0),
              ),
              padding: const EdgeInsetsDirectional.symmetric(
                horizontal: VERY_LARGE_SPACE / 2,
                vertical: VERY_LARGE_SPACE,
              ),
            ),
            child: Text(
              AppLocalizations.of(context).guide_share_label,
              style: const TextStyle(
                fontWeight: FontWeight.bold,
                fontSize: 15.5,
              ),
            ),
            onPressed: () {
              SharePlus.instance.share(ShareParams(text: _shareText));
              AnalyticsHelper.trackOutlink(url: shareUrl);
            },
          ),
        ),
      ),
    );
  }

  String get _shareText {
    if (shareMessage?.isNotEmpty == true) {
      return '$shareMessage\n$shareUrl';
    } else {
      return shareUrl;
    }
  }
}

class _FooterPainter extends CustomPainter {
  _FooterPainter({this.wazeSize = WAVE_SIZE, required Color color})
    : assert(color.a > 0.0),
      _localPaint = Paint()
        ..color = color
        ..style = PaintingStyle.fill;

  static const double WAVE_SIZE = 24.0;
  final double wazeSize;
  final Paint _localPaint;

  @override
  void paint(Canvas canvas, Size size) {
    Offset offset = Offset(wazeSize / 2, wazeSize / 2);

    /// Draw top waves
    while (true) {
      canvas.drawArc(
        Rect.fromCenter(center: offset, height: wazeSize, width: wazeSize),
        math.pi,
        math.pi,
        false,
        _localPaint,
      );

      offset = offset.translate(wazeSize, 0);
      if (offset.dx > (size.width + wazeSize)) {
        break;
      }
    }

    /// Draw background color
    canvas.drawRect(
      Rect.fromLTWH(
        0,
        // 0.5 to eliminate some glitches
        (wazeSize / 2) - 0.5,
        size.width,
        size.height,
      ),
      _localPaint,
    );
  }

  @override
  bool shouldRepaint(_FooterPainter oldDelegate) => false;

  @override
  bool shouldRebuildSemantics(_FooterPainter oldDelegate) => false;
}