halobestie-clone/client_app/lib/features/chat/widgets/pricing_bottom_sheet.dart

import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import '../../../core/api/api_client.dart';
import '../../../core/chat/chat_opening_bloc.dart';
import '../../../core/pairing/pairing_bloc.dart';

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

  static Future<void> show(BuildContext context) {
    return showModalBottomSheet(
      context: context,
      isScrollControlled: true,
      builder: (_) => BlocProvider(
        create: (ctx) => ChatOpeningBloc(apiClient: ctx.read<ApiClient>())..add(LoadPricing()),
        child: const PricingBottomSheet(),
      ),
    );
  }

  String _formatPrice(int price) {
    final str = price.toString();
    final buffer = StringBuffer();
    for (var i = 0; i < str.length; i++) {
      if (i > 0 && (str.length - i) % 3 == 0) buffer.write('.');
      buffer.write(str[i]);
    }
    return 'Rp $buffer';
  }

  @override
  Widget build(BuildContext context) {
    return BlocBuilder<ChatOpeningBloc, ChatOpeningState>(
      builder: (context, state) {
        if (state is PricingLoading || state is PricingInitial) {
          return const SizedBox(
            height: 200,
            child: Center(child: CircularProgressIndicator()),
          );
        }

        if (state is PricingError) {
          return SizedBox(
            height: 200,
            child: Center(child: Text(state.message)),
          );
        }

        if (state is PricingLoaded) {
          return DraggableScrollableSheet(
            initialChildSize: 0.6,
            minChildSize: 0.4,
            maxChildSize: 0.8,
            expand: false,
            builder: (_, scrollController) {
              return Padding(
                padding: const EdgeInsets.all(24),
                child: ListView(
                  controller: scrollController,
                  children: [
                    const Text(
                      'Pilih Durasi Curhat',
                      style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
                      textAlign: TextAlign.center,
                    ),
                    const SizedBox(height: 16),
                    if (state.freeTrialEligible) ...[
                      Card(
                        color: Colors.green.shade50,
                        child: ListTile(
                          leading: const Icon(Icons.card_giftcard, color: Colors.green),
                          title: Text('Free Trial (${state.freeTrialDurationMinutes} Menit)'),
                          subtitle: const Text('Gratis untuk pertama kali!'),
                          trailing: const Icon(Icons.arrow_forward_ios, size: 16),
                          onTap: () {
                            Navigator.of(context).pop();
                            _startPairing(context, isFreeTrial: true);
                          },
                        ),
                      ),
                      const Divider(height: 24),
                    ],
                    ...state.tiers.map((tier) => Card(
                      child: ListTile(
                        title: Text(tier.label),
                        trailing: Text(
                          _formatPrice(tier.price),
                          style: const TextStyle(fontWeight: FontWeight.bold, fontSize: 16),
                        ),
                        onTap: () {
                          Navigator.of(context).pop();
                          _startPairing(
                            context,
                            durationMinutes: tier.durationMinutes,
                            price: tier.price,
                          );
                        },
                      ),
                    )),
                  ],
                ),
              );
            },
          );
        }

        return const SizedBox.shrink();
      },
    );
  }

  void _startPairing(BuildContext context, {bool isFreeTrial = false, int? durationMinutes, int? price}) {
    context.read<PairingBloc>().add(RequestPairingWithTier(
      durationMinutes: durationMinutes,
      price: price,
      isFreeTrial: isFreeTrial,
    ));
  }
}