/// Page: Write Review
///
/// Form page for users to write product reviews with star rating.
library;

import 'package:cached_network_image/cached_network_image.dart';
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:go_router/go_router.dart';
import 'package:worker/core/constants/ui_constants.dart';
import 'package:worker/core/theme/colors.dart';
import 'package:worker/features/products/domain/entities/product.dart';
import 'package:worker/features/products/presentation/providers/products_provider.dart';
import 'package:worker/features/products/presentation/widgets/write_review/review_guidelines_card.dart';
import 'package:worker/features/products/presentation/widgets/write_review/star_rating_selector.dart';
import 'package:worker/features/reviews/presentation/providers/reviews_provider.dart';

/// Write Review Page
///
/// Allows users to write a review for a product:
/// - Product info card (read-only)
/// - Star rating selector (1-5, required)
/// - Review content (textarea, min 20 chars, max 1000)
/// - Character counter (red if < 20)
/// - Review guidelines
/// - Submit button with loading state
class WriteReviewPage extends ConsumerStatefulWidget {
  /// Product ID to review
  final String productId;

  const WriteReviewPage({super.key, required this.productId});

  @override
  ConsumerState<WriteReviewPage> createState() => _WriteReviewPageState();
}

class _WriteReviewPageState extends ConsumerState<WriteReviewPage> {
  // Form state
  int _selectedRating = 0;
  final _contentController = TextEditingController();
  bool _isSubmitting = false;

  // Validation errors
  String? _ratingError;
  String? _contentError;

  // Constants
  static const int _minContentLength = 20;
  static const int _maxContentLength = 1000;

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

  /// Validate form fields
  bool _validateForm() {
    bool isValid = true;

    // Reset errors
    setState(() {
      _ratingError = null;
      _contentError = null;
    });

    // Rating validation
    if (_selectedRating == 0) {
      setState(() => _ratingError = 'Vui lòng chọn số sao đánh giá');
      isValid = false;
    }

    // Content validation
    final content = _contentController.text.trim();
    if (content.length < _minContentLength) {
      setState(() =>
          _contentError = 'Nội dung đánh giá phải có ít nhất $_minContentLength ký tự');
      isValid = false;
    }

    return isValid;
  }

  /// Submit review
  Future<void> _submitReview() async {
    if (!_validateForm()) return;

    setState(() => _isSubmitting = true);

    try {
      final submitUseCase = await ref.read(submitReviewProvider.future);

      // API expects rating on 0-5 scale directly
      // User selected 1-5 stars, pass as-is
      final apiRating = _selectedRating.toDouble();

      await submitUseCase(
        itemId: widget.productId,
        rating: apiRating,
        comment: _contentController.text.trim(),
      );

      if (mounted) {
        // Show success message
        ScaffoldMessenger.of(context).showSnackBar(
          const SnackBar(
            content: Row(
              children: [
                Icon(FontAwesomeIcons.circleCheck, color: AppColors.white),
                SizedBox(width: 12),
                Expanded(
                  child: Text('Đánh giá của bạn đã được gửi thành công!'),
                ),
              ],
            ),
            backgroundColor: AppColors.success,
            behavior: SnackBarBehavior.floating,
          ),
        );

        // Invalidate reviews to refresh the list
        ref.invalidate(productReviewsProvider(widget.productId));

        // Navigate back
        context.pop();
      }
    } catch (e) {
      if (mounted) {
        setState(() => _isSubmitting = false);

        // Show error message
        ScaffoldMessenger.of(context).showSnackBar(
          SnackBar(
            content: Row(
              children: [
                const Icon(
                  FontAwesomeIcons.triangleExclamation,
                  color: AppColors.white,
                ),
                const SizedBox(width: 12),
                Expanded(
                  child: Text('Lỗi: ${e.toString()}'),
                ),
              ],
            ),
            backgroundColor: AppColors.danger,
            behavior: SnackBarBehavior.floating,
          ),
        );
      }
    }
  }

  @override
  Widget build(BuildContext context) {
    final productAsync = ref.watch(productDetailProvider(productId: widget.productId));

    return Scaffold(
      backgroundColor: AppColors.white,
      // Standard AppBar
      appBar: AppBar(
        backgroundColor: AppColors.white,
        elevation: AppBarSpecs.elevation,
        centerTitle: false,
        leading: IconButton(
          icon: const Icon(
            Icons.arrow_back,
            color: AppColors.grey900,
          ),
          onPressed: () => context.pop(),
        ),
        title: const Text(
          'Viết đánh giá sản phẩm',
          style: TextStyle(
            color: AppColors.grey900,
            fontSize: 18,
            fontWeight: FontWeight.w600,
          ),
        ),
      ),

      body: productAsync.when(
        data: (product) => _buildForm(product),
        loading: () => const Center(child: CircularProgressIndicator()),
        error: (error, stack) => Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              const Icon(
                FontAwesomeIcons.circleExclamation,
                size: 48,
                color: AppColors.danger,
              ),
              const SizedBox(height: 16),
              Text(
                'Không thể tải thông tin sản phẩm',
                style: const TextStyle(
                  fontSize: 16,
                  color: AppColors.grey900,
                ),
              ),
              const SizedBox(height: 24),
              ElevatedButton(
                onPressed: () => context.pop(),
                child: const Text('Quay lại'),
              ),
            ],
          ),
        ),
      ),
    );
  }

  Widget _buildForm(Product product) {
    return SingleChildScrollView(
      child: Padding(
        padding: const EdgeInsets.all(16),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            // Product Info Card (Read-only)
            Container(
              padding: const EdgeInsets.all(16),
              decoration: BoxDecoration(
                color: AppColors.white,
                border: Border.all(color: const Color(0xFFe0e0e0), width: 2),
                borderRadius: BorderRadius.circular(12),
              ),
              child: Row(
                children: [
                  // Product Image
                  ClipRRect(
                    borderRadius: BorderRadius.circular(8),
                    child: CachedNetworkImage(
                      imageUrl: product.images.isNotEmpty
                          ? product.images.first
                          : '',
                      width: 80,
                      height: 80,
                      fit: BoxFit.cover,
                      placeholder: (context, url) => Container(
                        width: 80,
                        height: 80,
                        color: AppColors.grey100,
                        child: const Center(
                          child: CircularProgressIndicator(strokeWidth: 2),
                        ),
                      ),
                      errorWidget: (context, url, error) => Container(
                        width: 80,
                        height: 80,
                        color: AppColors.grey100,
                        child: const Icon(
                          FontAwesomeIcons.image,
                          color: AppColors.grey500,
                        ),
                      ),
                    ),
                  ),

                  const SizedBox(width: 16),

                  // Product Info
                  Expanded(
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        Text(
                          product.name,
                          style: const TextStyle(
                            fontSize: 16,
                            fontWeight: FontWeight.w600,
                            color: AppColors.grey900,
                          ),
                          maxLines: 2,
                          overflow: TextOverflow.ellipsis,
                        ),
                        const SizedBox(height: 6),
                        Text(
                          'Mã: ${product.productId}',
                          style: const TextStyle(
                            fontSize: 13,
                            color: AppColors.grey500,
                          ),
                        ),
                      ],
                    ),
                  ),
                ],
              ),
            ),

            const SizedBox(height: 28),

            // Rating Section (Required)
            Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                RichText(
                  text: const TextSpan(
                    text: 'Xếp hạng của bạn',
                    style: TextStyle(
                      fontSize: 16,
                      fontWeight: FontWeight.w600,
                      color: AppColors.grey900,
                    ),
                    children: [
                      TextSpan(
                        text: ' *',
                        style: TextStyle(color: AppColors.danger),
                      ),
                    ],
                  ),
                ),
                const SizedBox(height: 8),
                const Text(
                  'Bấm vào ngôi sao để chọn đánh giá',
                  style: TextStyle(
                    fontSize: 14,
                    color: AppColors.grey500,
                  ),
                ),
                const SizedBox(height: 16),

                // Star Rating Selector
                StarRatingSelector(
                  rating: _selectedRating,
                  onRatingChanged: (rating) {
                    setState(() {
                      _selectedRating = rating;
                      _ratingError = null;
                    });
                  },
                ),

                // Rating Error
                if (_ratingError != null) ...[
                  const SizedBox(height: 8),
                  Row(
                    children: [
                      const Icon(
                        FontAwesomeIcons.triangleExclamation,
                        size: 14,
                        color: AppColors.danger,
                      ),
                      const SizedBox(width: 6),
                      Text(
                        _ratingError!,
                        style: const TextStyle(
                          fontSize: 13,
                          color: AppColors.danger,
                        ),
                      ),
                    ],
                  ),
                ],
              ],
            ),

            const SizedBox(height: 28),

            // Review Content (Required)
            Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                RichText(
                  text: const TextSpan(
                    text: 'Nội dung đánh giá',
                    style: TextStyle(
                      fontSize: 16,
                      fontWeight: FontWeight.w600,
                      color: AppColors.grey900,
                    ),
                    children: [
                      TextSpan(
                        text: ' *',
                        style: TextStyle(color: AppColors.danger),
                      ),
                    ],
                  ),
                ),
                const SizedBox(height: 8),

                // Textarea
                TextField(
                  controller: _contentController,
                  maxLines: 6,
                  maxLength: _maxContentLength,
                  decoration: InputDecoration(
                    hintText:
                        'Chia sẻ trải nghiệm của bạn về sản phẩm này...',
                    hintStyle: const TextStyle(
                      fontSize: 15,
                      color: AppColors.grey500,
                    ),
                    border: OutlineInputBorder(
                      borderRadius: BorderRadius.circular(8),
                      borderSide: const BorderSide(
                        color: Color(0xFFe0e0e0),
                        width: 2,
                      ),
                    ),
                    enabledBorder: OutlineInputBorder(
                      borderRadius: BorderRadius.circular(8),
                      borderSide: const BorderSide(
                        color: Color(0xFFe0e0e0),
                        width: 2,
                      ),
                    ),
                    focusedBorder: OutlineInputBorder(
                      borderRadius: BorderRadius.circular(8),
                      borderSide: const BorderSide(
                        color: AppColors.primaryBlue,
                        width: 2,
                      ),
                    ),
                    contentPadding: const EdgeInsets.all(14),
                    counterText: '', // Hide default counter
                  ),
                  style: const TextStyle(
                    fontSize: 15,
                    height: 1.6,
                    color: AppColors.grey900,
                  ),
                  onChanged: (value) {
                    setState(() {
                      _contentError = null;
                    });
                  },
                ),

                const SizedBox(height: 6),

                // Character Counter
                Row(
                  mainAxisAlignment: MainAxisAlignment.end,
                  children: [
                    Text(
                      '${_contentController.text.length}',
                      style: TextStyle(
                        fontSize: 13,
                        color: _contentController.text.length < _minContentLength
                            ? AppColors.danger
                            : AppColors.grey500,
                      ),
                    ),
                    Text(
                      ' / $_maxContentLength ký tự',
                      style: const TextStyle(
                        fontSize: 13,
                        color: AppColors.grey500,
                      ),
                    ),
                  ],
                ),

                // Content Error
                if (_contentError != null) ...[
                  const SizedBox(height: 6),
                  Row(
                    children: [
                      const Icon(
                        FontAwesomeIcons.triangleExclamation,
                        size: 14,
                        color: AppColors.danger,
                      ),
                      const SizedBox(width: 6),
                      Expanded(
                        child: Text(
                          _contentError!,
                          style: const TextStyle(
                            fontSize: 13,
                            color: AppColors.danger,
                          ),
                        ),
                      ),
                    ],
                  ),
                ],
              ],
            ),

            const SizedBox(height: 24),

            // Guidelines
            const ReviewGuidelinesCard(),

            const SizedBox(height: 24),

            // Submit Button
            SizedBox(
              width: double.infinity,
              child: ElevatedButton(
                onPressed: _isSubmitting ? null : _submitReview,
                style: ElevatedButton.styleFrom(
                  backgroundColor: AppColors.primaryBlue,
                  disabledBackgroundColor: const Color(0xFFe0e0e0),
                  padding: const EdgeInsets.symmetric(vertical: 16),
                  shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.circular(8),
                  ),
                  elevation: 0,
                ),
                child: _isSubmitting
                    ? const SizedBox(
                        width: 20,
                        height: 20,
                        child: CircularProgressIndicator(
                          strokeWidth: 2,
                          valueColor:
                              AlwaysStoppedAnimation<Color>(AppColors.white),
                        ),
                      )
                    : Row(
                        mainAxisAlignment: MainAxisAlignment.center,
                        children: [
                          const Icon(
                            FontAwesomeIcons.paperPlane,
                            size: 16,
                            color: AppColors.white,
                          ),
                          const SizedBox(width: 10),
                          const Text(
                            'Gửi đánh giá',
                            style: TextStyle(
                              fontSize: 16,
                              fontWeight: FontWeight.w600,
                              color: AppColors.white,
                            ),
                          ),
                        ],
                      ),
              ),
            ),

            const SizedBox(height: 24),
          ],
        ),
      ),
    );
  }
}
