import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:relationship_saver/core/config/app_config.dart';
import 'package:relationship_saver/core/config/app_theme.dart';
import 'package:relationship_saver/features/auth/session_controller.dart';
import 'package:relationship_saver/features/shared/frosted_card.dart';
import 'package:relationship_saver/integrations/backend/models/backend_models.dart';

class SettingsView extends ConsumerWidget {
  const SettingsView({super.key});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final AuthSession? session = ref
        .watch(sessionControllerProvider)
        .asData
        ?.value;

    return Padding(
      padding: const EdgeInsets.fromLTRB(28, 24, 28, 28),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: <Widget>[
          Text('Settings', style: Theme.of(context).textTheme.headlineMedium),
          const SizedBox(height: 6),
          Text(
            'Environment and integration configuration for this build.',
            style: Theme.of(
              context,
            ).textTheme.bodyLarge?.copyWith(color: AppTheme.textSecondary),
          ),
          const SizedBox(height: 16),
          FrostedCard(
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: <Widget>[
                _SettingRow(
                  label: 'Signed in as',
                  value:
                      session?.user.email ??
                      session?.user.id ??
                      'Not signed in',
                ),
                const SizedBox(height: 12),
                _SettingRow(
                  label: 'Gateway mode',
                  value: AppConfig.useFakeBackend
                      ? 'Fake (offline-safe)'
                      : 'REST',
                ),
                const SizedBox(height: 12),
                _SettingRow(label: 'Base URL', value: AppConfig.backendBaseUrl),
                const SizedBox(height: 12),
                const _SettingRow(
                  label: 'Realtime',
                  value: 'Planned later (SSE/WebSocket)',
                ),
                const SizedBox(height: 14),
                Row(
                  children: <Widget>[
                    FilledButton.icon(
                      onPressed: session == null
                          ? null
                          : () => _signOut(context, ref),
                      icon: const Icon(Icons.logout_rounded),
                      label: const Text('Sign Out'),
                    ),
                    const SizedBox(width: 8),
                    OutlinedButton.icon(
                      onPressed: session == null
                          ? null
                          : () {
                              ref
                                  .read(sessionControllerProvider.notifier)
                                  .refreshProfile();
                            },
                      icon: const Icon(Icons.refresh_rounded),
                      label: const Text('Refresh Profile'),
                    ),
                  ],
                ),
              ],
            ),
          ),
          const SizedBox(height: 16),
          FrostedCard(
            child: Text(
              'Run options\n• Fake mode: flutter run --dart-define=USE_FAKE_BACKEND=true\n• REST mode: flutter run --dart-define=USE_FAKE_BACKEND=false --dart-define=BACKEND_BASE_URL=https://your-api',
              style: Theme.of(context).textTheme.bodyLarge,
            ),
          ),
        ],
      ),
    );
  }

  Future<void> _signOut(BuildContext context, WidgetRef ref) async {
    await ref.read(sessionControllerProvider.notifier).signOut();
    if (context.mounted) {
      ScaffoldMessenger.of(
        context,
      ).showSnackBar(const SnackBar(content: Text('Signed out.')));
    }
  }
}

class _SettingRow extends StatelessWidget {
  const _SettingRow({required this.label, required this.value});

  final String label;
  final String value;

  @override
  Widget build(BuildContext context) {
    return Row(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: <Widget>[
        SizedBox(
          width: 140,
          child: Text(
            label,
            style: Theme.of(
              context,
            ).textTheme.titleMedium?.copyWith(color: AppTheme.textSecondary),
          ),
        ),
        Expanded(
          child: Text(value, style: Theme.of(context).textTheme.bodyLarge),
        ),
      ],
    );
  }
}