import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';

import '../../../../services/analysis_providers.dart';
import '../../../shared/presentation/widgets/lab_section_scaffold.dart';

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

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final theme = Theme.of(context);
    final apiBaseUrl = ref.watch(apiBaseUrlProvider);

    return LabSectionScaffold(
      eyebrow: 'Settings',
      title: 'Control runtime preferences and lab policies.',
      description:
          'This page will expose mobile-lab settings such as local-first mode, remote endpoint selection, and probe-chain defaults.',
      children: [
        Card(
          child: Padding(
            padding: const EdgeInsets.all(20),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Text('Runtime Policy', style: theme.textTheme.titleLarge),
                const SizedBox(height: 8),
                Text(
                  'Configuration will stay thin at first: API base URL, local probe preference, and diagnostic logging.',
                  style: theme.textTheme.bodyMedium,
                ),
                const SizedBox(height: 16),
                Text('Active API Endpoint', style: theme.textTheme.titleMedium),
                const SizedBox(height: 8),
                SelectableText(
                  apiBaseUrl,
                  style: theme.textTheme.bodyMedium,
                ),
              ],
            ),
          ),
        ),
      ],
    );
  }
}