import 'package:flutter/material.dart';

import '../theme/wise_tokens.dart';
import 'app_buttons.dart';
import 'app_card.dart';

class LoadingState extends StatelessWidget {
  const LoadingState({this.label = '正在加载研报解读', super.key});

  final String label;

  @override
  Widget build(BuildContext context) {
    return ListView.separated(
      padding: const EdgeInsets.all(WiseSpacing.x4),
      itemCount: 4,
      separatorBuilder: (_, _) => const SizedBox(height: WiseSpacing.x3),
      itemBuilder: (context, index) => const SkeletonCard(),
    );
  }
}

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

  @override
  Widget build(BuildContext context) {
    return AppCard(
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: const [
          SkeletonLine(width: 96),
          SizedBox(height: WiseSpacing.x3),
          SkeletonLine(width: double.infinity, height: 18),
          SizedBox(height: WiseSpacing.x2),
          SkeletonLine(width: 240),
          SizedBox(height: WiseSpacing.x3),
          SkeletonLine(width: 160),
        ],
      ),
    );
  }
}

class SkeletonLine extends StatelessWidget {
  const SkeletonLine({required this.width, this.height = 12, super.key});

  final double width;
  final double height;

  @override
  Widget build(BuildContext context) {
    return Container(
      width: width,
      height: height,
      decoration: BoxDecoration(
        color: WiseColors.border,
        borderRadius: BorderRadius.circular(WiseRadius.pill),
      ),
    );
  }
}

class EmptyState extends StatelessWidget {
  const EmptyState({
    required this.title,
    required this.message,
    this.icon = Icons.search_off,
    this.actionLabel,
    this.onAction,
    super.key,
  });

  final String title;
  final String message;
  final IconData icon;
  final String? actionLabel;
  final VoidCallback? onAction;

  @override
  Widget build(BuildContext context) {
    return Center(
      child: Padding(
        padding: const EdgeInsets.all(WiseSpacing.x6),
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            Icon(icon, size: 42, color: WiseColors.primary),
            const SizedBox(height: WiseSpacing.x3),
            Text(title, style: Theme.of(context).textTheme.titleMedium),
            const SizedBox(height: WiseSpacing.x2),
            Text(
              message,
              textAlign: TextAlign.center,
              style: Theme.of(context).textTheme.bodyMedium,
            ),
            if (actionLabel != null) ...[
              const SizedBox(height: WiseSpacing.x4),
              AppButton(label: actionLabel!, onPressed: onAction, kind: AppButtonKind.ghost),
            ],
          ],
        ),
      ),
    );
  }
}

class ErrorState extends StatelessWidget {
  const ErrorState({required this.message, this.onRetry, super.key});

  final String message;
  final VoidCallback? onRetry;

  @override
  Widget build(BuildContext context) {
    return EmptyState(
      icon: Icons.cloud_off_outlined,
      title: '内容暂时加载失败',
      message: message,
      actionLabel: onRetry == null ? null : '重试',
      onAction: onRetry,
    );
  }
}

void showAppToast(BuildContext context, String message) {
  ScaffoldMessenger.of(context).showSnackBar(
    SnackBar(
      content: Text(message),
      behavior: SnackBarBehavior.floating,
      backgroundColor: WiseColors.primary,
      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(WiseRadius.md)),
    ),
  );
}