rating_dialog.dart

Go to the documentation of this file.

import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_rating_bar/flutter_rating_bar.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
 
import '../../../bloc/collections_information_bloc/collections_information_bloc.dart';
 
class RatingDialog extends StatefulWidget {
  final String collectionId;
  final Function() onRatingSuccess;
 
  const RatingDialog({
    super.key,
    required this.collectionId,
    required this.onRatingSuccess,
  });
 
  @override
  State<RatingDialog> createState() => _RatingDialogState();
}
 
class _RatingDialogState extends State<RatingDialog> {
  double _rating = 5;
  String? _selectedReasonId;
  final TextEditingController _noteController = TextEditingController();
 
  @override
  void initState() {
    super.initState();
    context.read<CollectionsInformationBloc>().add(GetLowRatingResonsListEvent());
  }
 
  @override
  void dispose() {
    _noteController.dispose();
    super.dispose();
  }
 
  @override
  Widget build(BuildContext context) {
    final theme = Theme.of(context);
    
    return BlocListener<CollectionsInformationBloc, CollectionsInformationState>(
      listener: (context, state) {
        if (state is CollectionRatingSuccess) {
          widget.onRatingSuccess();
          Navigator.pop(context);
        } else if (state is CollectionRatingError) {
          ScaffoldMessenger.of(context).showSnackBar(
            SnackBar(
              content: Text(
                'Error submitting rating: ${state.failure}',
                style: TextStyle(color: theme.colorScheme.onError),
              ),
              backgroundColor: theme.colorScheme.error,
              behavior: SnackBarBehavior.floating,
              shape: RoundedRectangleBorder(
                borderRadius: BorderRadius.circular(8.sp),
              ),
            ),
          );
        }
      },
      child: Dialog(
        backgroundColor: Colors.transparent,
        elevation: 0,
        child: Container(
          decoration: BoxDecoration(
            color: theme.colorScheme.surface,
            borderRadius: BorderRadius.circular(24.sp),
            boxShadow: [
              BoxShadow(
                color: Colors.black.withValues(alpha: 0.1),
                blurRadius: 20,
                offset: const Offset(0, 10),
              ),
            ],
          ),
          child: SingleChildScrollView(
            child: Padding(
              padding: EdgeInsets.all(24.sp),
              child: Column(
                mainAxisSize: MainAxisSize.min,
                children: [
                  // Header with illustration
                  Container(
                    padding: EdgeInsets.symmetric(vertical: 16.sp),
                    child: Icon(
                      Icons.rate_review_rounded,
                      size: 48.sp,
                      color: theme.colorScheme.primary,
                    ),
                  ),
                  
                  // Title
                  Text(
                    'full_fill_collection.how_was_the_collection'.tr(),
                    style: theme.textTheme.headlineSmall?.copyWith(
                      fontWeight: FontWeight.bold,
                      color: theme.colorScheme.onSurface,
                    ),
                    textAlign: TextAlign.center,
                  ),
                  
                  SizedBox(height: 8.sp),
                  
                  // Subtitle
                  Text(
                    'full_fill_collection.your_feedback'.tr(),
                    style: theme.textTheme.bodyMedium?.copyWith(
                      color: theme.colorScheme.onSurface.withValues(alpha: 0.6),
                    ),
                    textAlign: TextAlign.center,
                  ),
                  
                  SizedBox(height: 24.sp),
                  
                  // Rating Stars
                  Container(
                    decoration: BoxDecoration(
                      color: theme.colorScheme.primary.withValues(alpha: 0.05),
                      borderRadius: BorderRadius.circular(16.sp),
                    ),
                    padding: EdgeInsets.symmetric(vertical: 16.sp),
                    child: RatingBar.builder(
                      initialRating: 5,
                      minRating: 1,
                      direction: Axis.horizontal,
                      allowHalfRating: false,
                      itemCount: 5,
                      itemPadding: EdgeInsets.symmetric(horizontal: 4.sp),
                      itemBuilder: (context, _) => Icon(
                        Icons.star_rounded,
                        color: theme.colorScheme.primary,
                      ),
                      onRatingUpdate: (rating) {
                        setState(() {
                          _rating = rating;
                          _selectedReasonId = null;
                        });
                      },
                    ),
                  ),
                  
                  if (_rating <= 3) ...[
                    SizedBox(height: 24.sp),
                    BlocBuilder<CollectionsInformationBloc, CollectionsInformationState>(
                      buildWhen: (previous, current) => current is CollectionLowRatingReasonsLoaded || current is CollectionLowRatingReasonsLoading || current is CollectionLowRatingReasonsError,
                      builder: (context, state) {
                        if (state is CollectionLowRatingReasonsLoading) {
                          return Center(
                            child: CircularProgressIndicator(
                              color: theme.colorScheme.primary,
                            ),
                          );
                        } else if (state is CollectionLowRatingReasonsError) {
                          return Text(
                            'Error loading reasons: ${state.failure}',
                            style: TextStyle(color: theme.colorScheme.error),
                          );
                        } else if (state is CollectionLowRatingReasonsLoaded) {
                          if (state.reasons.isEmpty) {
                            return Text(
                              'full_fill_collection.no_rating_reason'.tr(),
                              style: theme.textTheme.bodyLarge?.copyWith(
                                color: theme.colorScheme.onSurface.withValues(alpha: 0.6),
                              ),
                              textAlign: TextAlign.center,
                            );
                          }
                          return Container(
                            decoration: BoxDecoration(
                              borderRadius: BorderRadius.circular(12.sp),
                              border: Border.all(
                                color: theme.colorScheme.outline.withValues(alpha: 0.2),
                              ),
                            ),
                            child: DropdownButtonHideUnderline(
                              child: DropdownButton<String>(
                                isExpanded: true,
                                value: _selectedReasonId,
                                hint: Padding(
                                  padding: EdgeInsets.symmetric(horizontal: 16.sp),
                                  child: Text(
                                    'full_fill_collection.what_went_wrong'.tr(),
                                    style: theme.textTheme.bodyLarge?.copyWith(
                                      color: theme.colorScheme.onSurface.withValues(alpha: 0.6),
                                    ),
                                  ),
                                ),
                                icon: Icon(
                                  Icons.keyboard_arrow_down_rounded,
                                  color: theme.colorScheme.primary,
                                ),
                                padding: EdgeInsets.symmetric(horizontal: 16.sp),
                                borderRadius: BorderRadius.circular(12.sp),
                                items: state.reasons.map((reason) {
                                  return DropdownMenuItem<String>(
                                    value: reason.id?.toString(),
                                    child: Text(
                                      reason.name ?? '',
                                      style: theme.textTheme.bodyLarge,
                                    ),
                                  );
                                }).toList(),
                                onChanged: (String? newValue) {
                                  setState(() {
                                    _selectedReasonId = newValue;
                                  });
                                },
                              ),
                            ),
                          );
                        }
                        return const SizedBox.shrink();
                      },
                    ),
                    
                    SizedBox(height: 16.sp),
                    
                    TextField(
                      controller: _noteController,
                      maxLines: 3,
                      style: theme.textTheme.bodyLarge,
                      decoration: InputDecoration(
                        hintText: 'full_fill_collection.tell_us_more'.tr(),
                        hintStyle: theme.textTheme.bodyLarge?.copyWith(
                          color: theme.colorScheme.onSurface.withValues(alpha: 0.6),
                        ),
                        border: OutlineInputBorder(
                          borderRadius: BorderRadius.circular(12.sp),
                          borderSide: BorderSide(
                            color: theme.colorScheme.outline.withValues(alpha: 0.2),
                          ),
                        ),
                        enabledBorder: OutlineInputBorder(
                          borderRadius: BorderRadius.circular(12.sp),
                          borderSide: BorderSide(
                            color: theme.colorScheme.outline.withValues(alpha: 0.2),
                          ),
                        ),
                        focusedBorder: OutlineInputBorder(
                          borderRadius: BorderRadius.circular(12.sp),
                          borderSide: BorderSide(
                            color: theme.colorScheme.primary,
                          ),
                        ),
                        contentPadding: EdgeInsets.all(16.sp),
                        filled: true,
                        fillColor: theme.colorScheme.surface,
                      ),
                    ),
                  ],
                  SizedBox(height: 24.sp),
                  BlocBuilder<CollectionsInformationBloc, CollectionsInformationState>(
                    buildWhen: (previous, current) => current is CollectionRatingLoading || current is CollectionRatingSuccess || current is CollectionRatingError,
                    builder: (context, state) {
                      final isLoading = state is CollectionRatingLoading;
                      
                      return ElevatedButton(
                        onPressed: isLoading ? null : () {
                          final state = context.read<CollectionsInformationBloc>().state;
                          final hasReasons = state is CollectionLowRatingReasonsLoaded && state.reasons.isNotEmpty;
                          
                          if (_rating <= 3 && hasReasons && _selectedReasonId == null) {
                            ScaffoldMessenger.of(context).showSnackBar(
                              SnackBar(
                                content: Text(
                                  'full_fill_collection.select_a_reason'.tr(),
                                  style: TextStyle(color: theme.colorScheme.onError),
                                ),
                                backgroundColor: theme.colorScheme.error,
                                behavior: SnackBarBehavior.floating,
                                shape: RoundedRectangleBorder(
                                  borderRadius: BorderRadius.circular(8.sp),
                                ),
                              ),
                            );
                            return;
                          }
                          
                          context.read<CollectionsInformationBloc>().add(
                            SendCollectionRatingEvent(
                              id: widget.collectionId,
                              rate: _rating.toInt().toString(),
                              reasonId: _rating <= 3 ? _selectedReasonId : null,
                              note: _rating <= 3 ? _noteController.text : null,
                            ),
                          );
                        },
                        style: ElevatedButton.styleFrom(
                          backgroundColor: theme.colorScheme.primary,
                          foregroundColor: theme.colorScheme.onPrimary,
                          padding: EdgeInsets.symmetric(
                            horizontal: 24.sp,
                            vertical: 12.sp,
                          ),
                          shape: RoundedRectangleBorder(
                            borderRadius: BorderRadius.circular(8.sp),
                          ),
                        ),
                        child: isLoading
                            ? SizedBox(
                                height: 20.sp,
                                width: 20.sp,
                                child: CircularProgressIndicator(
                                  strokeWidth: 2.sp,
                                  valueColor: AlwaysStoppedAnimation<Color>(
                                    theme.colorScheme.onPrimary,
                                  ),
                                ),
                              )
                            : Text(
                                'full_fill_collection.submit'.tr(),
                                style: theme.textTheme.bodyLarge?.copyWith(
                                  color: theme.colorScheme.onPrimary,
                                  fontWeight: FontWeight.bold,
                                ),
                              ),
                      );
                    },
                  ),
                ],
              ),
            ),
          ),
        ),
      ),
    );
  }
}