import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import '../l10n/app_localizations.dart';
import '../providers/connection_provider.dart';
import '../services/wizard_preferences.dart';
import '../widgets/connection_dialog.dart';

/// Welcome wizard screen to introduce new users to the app
class WelcomeWizardScreen extends StatefulWidget {
  final VoidCallback? onCompleted;

  const WelcomeWizardScreen({super.key, this.onCompleted});

  @override
  State<WelcomeWizardScreen> createState() => _WelcomeWizardScreenState();
}

class _WelcomeWizardScreenState extends State<WelcomeWizardScreen> {
  final PageController _pageController = PageController();
  final TextEditingController _deviceNameController = TextEditingController();
  int _currentPage = 0;
  bool _isApplyingDeviceSetup = false;
  static const int _totalPages = 6;
  static const List<_RadioPreset> _radioPresets = [
    // Official MeshCore config presets from https://api.meshcore.nz/api/v1/config
    _RadioPreset(
      id: 'australia',
      label: 'Australia',
      summary: '915.800 MHz, BW 250 kHz, SF10, CR5',
      frequencyKhz: 915800,
      bandwidth: 8,
      spreadingFactor: 10,
      codingRate: 5,
    ),
    _RadioPreset(
      id: 'australia_narrow',
      label: 'Australia (Narrow)',
      summary: '916.575 MHz, BW 62.5 kHz, SF7, CR8',
      frequencyKhz: 916575,
      bandwidth: 6,
      spreadingFactor: 7,
      codingRate: 8,
    ),
    _RadioPreset(
      id: 'australia_sa_wa',
      label: 'Australia: SA, WA',
      summary: '923.125 MHz, BW 62.5 kHz, SF8, CR8',
      frequencyKhz: 923125,
      bandwidth: 6,
      spreadingFactor: 8,
      codingRate: 8,
    ),
    _RadioPreset(
      id: 'australia_qld',
      label: 'Australia: QLD',
      summary: '923.125 MHz, BW 62.5 kHz, SF8, CR5',
      frequencyKhz: 923125,
      bandwidth: 6,
      spreadingFactor: 8,
      codingRate: 5,
    ),
    _RadioPreset(
      id: 'eu_uk_narrow',
      label: 'EU/UK (Narrow)',
      summary: '869.618 MHz, BW 62.5 kHz, SF8, CR8',
      frequencyKhz: 869618,
      bandwidth: 6,
      spreadingFactor: 8,
      codingRate: 8,
    ),
    _RadioPreset(
      id: 'eu_uk_deprecated',
      label: 'EU/UK (Deprecated)',
      summary: '869.525 MHz, BW 250 kHz, SF11, CR5',
      frequencyKhz: 869525,
      bandwidth: 8,
      spreadingFactor: 11,
      codingRate: 5,
    ),
    _RadioPreset(
      id: 'czech_republic_narrow',
      label: 'Czech Republic (Narrow)',
      summary: '869.432 MHz, BW 62.5 kHz, SF7, CR5',
      frequencyKhz: 869432,
      bandwidth: 6,
      spreadingFactor: 7,
      codingRate: 5,
    ),
    _RadioPreset(
      id: 'eu_433_long_range',
      label: 'EU 433MHz (Long Range)',
      summary: '433.650 MHz, BW 250 kHz, SF11, CR5',
      frequencyKhz: 433650,
      bandwidth: 8,
      spreadingFactor: 11,
      codingRate: 5,
    ),
    _RadioPreset(
      id: 'new_zealand',
      label: 'New Zealand',
      summary: '917.375 MHz, BW 250 kHz, SF11, CR5',
      frequencyKhz: 917375,
      bandwidth: 8,
      spreadingFactor: 11,
      codingRate: 5,
    ),
    _RadioPreset(
      id: 'new_zealand_narrow',
      label: 'New Zealand (Narrow)',
      summary: '917.375 MHz, BW 62.5 kHz, SF7, CR5',
      frequencyKhz: 917375,
      bandwidth: 6,
      spreadingFactor: 7,
      codingRate: 5,
    ),
    _RadioPreset(
      id: 'portugal_433',
      label: 'Portugal 433',
      summary: '433.375 MHz, BW 62.5 kHz, SF9, CR6',
      frequencyKhz: 433375,
      bandwidth: 6,
      spreadingFactor: 9,
      codingRate: 6,
    ),
    _RadioPreset(
      id: 'portugal_868',
      label: 'Portugal 868',
      summary: '869.618 MHz, BW 62.5 kHz, SF7, CR6',
      frequencyKhz: 869618,
      bandwidth: 6,
      spreadingFactor: 7,
      codingRate: 6,
    ),
    _RadioPreset(
      id: 'switzerland',
      label: 'Switzerland',
      summary: '869.618 MHz, BW 62.5 kHz, SF8, CR8',
      frequencyKhz: 869618,
      bandwidth: 6,
      spreadingFactor: 8,
      codingRate: 8,
    ),
    _RadioPreset(
      id: 'usa_canada_recommended',
      label: 'USA/Canada (Recommended)',
      summary: '910.525 MHz, BW 62.5 kHz, SF7, CR5',
      frequencyKhz: 910525,
      bandwidth: 6,
      spreadingFactor: 7,
      codingRate: 5,
    ),
    _RadioPreset(
      id: 'vietnam_narrow',
      label: 'Vietnam (Narrow)',
      summary: '920.250 MHz, BW 62.5 kHz, SF8, CR5',
      frequencyKhz: 920250,
      bandwidth: 6,
      spreadingFactor: 8,
      codingRate: 5,
    ),
    _RadioPreset(
      id: 'vietnam_deprecated',
      label: 'Vietnam (Deprecated)',
      summary: '920.250 MHz, BW 250 kHz, SF11, CR5',
      frequencyKhz: 920250,
      bandwidth: 8,
      spreadingFactor: 11,
      codingRate: 5,
    ),
  ];
  _RadioPreset _selectedPreset = _radioPresets[4];

  @override
  void initState() {
    super.initState();
    final deviceInfo = context.read<ConnectionProvider>().deviceInfo;
    _deviceNameController.text =
        deviceInfo.selfName ?? deviceInfo.deviceName ?? '';
  }

  @override
  void dispose() {
    _pageController.dispose();
    _deviceNameController.dispose();
    super.dispose();
  }

  void _onPageChanged(int page) {
    setState(() {
      _currentPage = page;
    });
  }

  void _nextPage() {
    if (_currentPage == 1) {
      _handleDeviceSetupAction();
    } else if (_currentPage < _totalPages - 1) {
      _pageController.nextPage(
        duration: const Duration(milliseconds: 300),
        curve: Curves.easeInOut,
      );
    } else {
      _completeWizard();
    }
  }

  void _previousPage() {
    if (_currentPage > 0) {
      _pageController.previousPage(
        duration: const Duration(milliseconds: 300),
        curve: Curves.easeInOut,
      );
    }
  }

  Future<void> _completeWizard() async {
    await WizardPreferences.setWizardCompleted(true);
    if (mounted) {
      widget.onCompleted?.call();
    }
  }

  Future<void> _openConnectionDialog() async {
    await showModalBottomSheet(
      context: context,
      isScrollControlled: true,
      builder: (context) => const ConnectionDialog(),
    );
    if (!mounted) return;
    final connectionProvider = context.read<ConnectionProvider>();
    if (connectionProvider.deviceInfo.isConnected) {
      await connectionProvider.refreshDeviceInfo();
    }
    if (!mounted) return;
    final deviceInfo = connectionProvider.deviceInfo;
    final fetchedName = deviceInfo.selfName ?? deviceInfo.deviceName ?? '';
    if (fetchedName.isNotEmpty) {
      setState(() {
        _deviceNameController.text = fetchedName;
      });
    } else {
      setState(() {});
    }
  }

  Future<void> _handleDeviceSetupAction() async {
    final l10n = AppLocalizations.of(context)!;
    final connectionProvider = context.read<ConnectionProvider>();
    final deviceInfo = connectionProvider.deviceInfo;
    if (!deviceInfo.isConnected) {
      await _openConnectionDialog();
      return;
    }

    final trimmedName = _deviceNameController.text.trim();
    if (trimmedName.isEmpty) {
      ScaffoldMessenger.of(
        context,
      ).showSnackBar(SnackBar(content: Text(l10n.wizardEnterDeviceName)));
      return;
    }

    setState(() {
      _isApplyingDeviceSetup = true;
    });

    try {
      await connectionProvider.setAdvertName(trimmedName);
      await connectionProvider.setRadioParams(
        frequency: _selectedPreset.frequencyKhz,
        bandwidth: _selectedPreset.bandwidth,
        spreadingFactor: _selectedPreset.spreadingFactor,
        codingRate: _selectedPreset.codingRate,
      );
      await connectionProvider.refreshDeviceInfo();

      if (!mounted) return;
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(
          content: Text(
            l10n.wizardDeviceSetupSaved(trimmedName, _selectedPreset.label),
          ),
          backgroundColor: Colors.green,
        ),
      );
      _pageController.nextPage(
        duration: const Duration(milliseconds: 300),
        curve: Curves.easeInOut,
      );
    } catch (e) {
      if (!mounted) return;
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(
          content: Text(l10n.failedToSave(e.toString())),
          backgroundColor: Colors.red,
        ),
      );
    } finally {
      if (mounted) {
        setState(() {
          _isApplyingDeviceSetup = false;
        });
      }
    }
  }

  void _skipDeviceSetupStep() {
    if (_isApplyingDeviceSetup) return;
    _pageController.nextPage(
      duration: const Duration(milliseconds: 300),
      curve: Curves.easeInOut,
    );
  }

  @override
  Widget build(BuildContext context) {
    final l10n = AppLocalizations.of(context)!;
    final theme = Theme.of(context);
    final colorScheme = theme.colorScheme;

    return Scaffold(
      body: SafeArea(
        child: Column(
          children: [
            // Top bar with skip button
            Padding(
              padding: const EdgeInsets.fromLTRB(16, 12, 16, 8),
              child: Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: [
                  if (_currentPage > 0)
                    TextButton.icon(
                      onPressed: _previousPage,
                      icon: Icon(Icons.arrow_back),
                      label: Text(l10n.wizardBack),
                    )
                  else
                    const SizedBox(width: 80),
                  if (_currentPage < _totalPages - 1)
                    TextButton(
                      onPressed: _completeWizard,
                      child: Text(l10n.wizardSkip),
                    )
                  else
                    const SizedBox(width: 80),
                ],
              ),
            ),

            // Page view with wizard content
            Expanded(
              child: PageView(
                controller: _pageController,
                onPageChanged: _onPageChanged,
                physics: const NeverScrollableScrollPhysics(),
                children: [
                  _buildWelcomePage(context, l10n, colorScheme),
                  _buildConnectDevicePage(context, l10n, colorScheme),
                  _buildConnectingPage(context, l10n, colorScheme),
                  _buildChannelPage(context, l10n, colorScheme),
                  _buildContactsPage(context, l10n, colorScheme),
                  _buildMapPage(context, l10n, colorScheme),
                ],
              ),
            ),

            // Page indicators
            Padding(
              padding: const EdgeInsets.fromLTRB(16, 8, 16, 8),
              child: Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: List.generate(
                  _totalPages,
                  (index) => Container(
                    margin: const EdgeInsets.symmetric(horizontal: 4.0),
                    width: _currentPage == index ? 12.0 : 8.0,
                    height: _currentPage == index ? 12.0 : 8.0,
                    decoration: BoxDecoration(
                      shape: BoxShape.circle,
                      color: _currentPage == index
                          ? colorScheme.primary
                          : colorScheme.outline.withValues(alpha: 0.3),
                    ),
                  ),
                ),
              ),
            ),

            // Next/Get Started button
            Padding(
              padding: const EdgeInsets.fromLTRB(16, 8, 16, 16),
              child: SizedBox(
                width: double.infinity,
                child: ElevatedButton(
                  onPressed: _isApplyingDeviceSetup ? null : _nextPage,
                  style: ElevatedButton.styleFrom(
                    padding: const EdgeInsets.symmetric(vertical: 16.0),
                    shape: RoundedRectangleBorder(
                      borderRadius: BorderRadius.circular(12),
                    ),
                  ),
                  child: Text(
                    _currentPage == 1
                        ? _deviceSetupButtonLabel(context)
                        : _currentPage < _totalPages - 1
                        ? l10n.wizardNext
                        : l10n.wizardGetStarted,
                    style: const TextStyle(fontSize: 16),
                  ),
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }

  Widget _buildWelcomePage(
    BuildContext context,
    AppLocalizations l10n,
    ColorScheme colorScheme,
  ) {
    return _buildPage(
      icon: Icons.waving_hand,
      iconColor: Colors.orange,
      title: l10n.wizardWelcomeTitle,
      description: l10n.wizardOverviewDescription,
      features: [
        _FeatureItem(
          icon: Icons.chat_bubble_outline,
          text: l10n.wizardOverviewFeature1,
        ),
        _FeatureItem(
          icon: Icons.emergency_share,
          text: l10n.wizardOverviewFeature2,
        ),
        _FeatureItem(
          icon: Icons.settings_input_antenna,
          text: l10n.wizardOverviewFeature3,
        ),
      ],
      colorScheme: colorScheme,
    );
  }

  Widget _buildConnectingPage(
    BuildContext context,
    AppLocalizations l10n,
    ColorScheme colorScheme,
  ) {
    return _buildPage(
      icon: Icons.forum_rounded,
      iconColor: Colors.blue,
      title: l10n.wizardMessagingTitle,
      description: l10n.wizardMessagingDescription,
      features: [
        _FeatureItem(icon: Icons.chat, text: l10n.wizardMessagingFeature1),
        _FeatureItem(icon: Icons.campaign, text: l10n.wizardMessagingFeature2),
        _FeatureItem(icon: Icons.mic, text: l10n.wizardMessagingFeature3),
      ],
      colorScheme: colorScheme,
    );
  }

  Widget _buildConnectDevicePage(
    BuildContext context,
    AppLocalizations l10n,
    ColorScheme colorScheme,
  ) {
    final connectionProvider = context.watch<ConnectionProvider>();
    final deviceInfo = connectionProvider.deviceInfo;
    final isConnected = deviceInfo.isConnected;
    final connectedName = deviceInfo.selfName ?? deviceInfo.deviceName;

    return LayoutBuilder(
      builder: (context, constraints) => Center(
        child: ConstrainedBox(
          constraints: BoxConstraints(
            maxWidth: 600,
            maxHeight: constraints.maxHeight,
          ),
          child: Padding(
            padding: const EdgeInsets.fromLTRB(20, 12, 20, 12),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.stretch,
              children: [
                _buildPageHeader(
                  context: context,
                  colorScheme: colorScheme,
                  icon: Icons.bluetooth_connected,
                  iconColor: Colors.green,
                  title: l10n.wizardConnectDeviceTitle,
                  description: l10n.wizardConnectDeviceDescription,
                  badge: l10n.wizardSetupBadge,
                ),
                const SizedBox(height: 16),
                _buildContentCard(
                  colorScheme: colorScheme,
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.stretch,
                    children: [
                      Row(
                        children: [
                          Icon(
                            isConnected
                                ? Icons.check_circle
                                : Icons.bluetooth_searching,
                            color: isConnected
                                ? colorScheme.primary
                                : colorScheme.onSurfaceVariant,
                          ),
                          SizedBox(width: 12),
                          Expanded(
                            child: Text(
                              isConnected
                                  ? l10n.wizardConnectedToDevice(
                                      connectedName ?? l10n.device,
                                    )
                                  : l10n.wizardNoDeviceConnected,
                              style: Theme.of(context).textTheme.bodyMedium
                                  ?.copyWith(fontWeight: FontWeight.w600),
                            ),
                          ),
                          TextButton(
                            onPressed: _openConnectionDialog,
                            child: Text(
                              isConnected ? l10n.change : l10n.connect,
                            ),
                          ),
                        ],
                      ),
                      Align(
                        alignment: Alignment.centerRight,
                        child: TextButton(
                          onPressed: _skipDeviceSetupStep,
                          child: Text(l10n.wizardSkipForNow),
                        ),
                      ),
                    ],
                  ),
                ),
                const SizedBox(height: 12),
                _buildContentCard(
                  colorScheme: colorScheme,
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.stretch,
                    children: [
                      TextField(
                        controller: _deviceNameController,
                        textInputAction: TextInputAction.done,
                        decoration: InputDecoration(
                          labelText: l10n.wizardDeviceNameLabel,
                          border: OutlineInputBorder(),
                          helperText: l10n.wizardDeviceNameHelp,
                        ),
                      ),
                      const SizedBox(height: 12),
                      DropdownButtonFormField<_RadioPreset>(
                        initialValue: _selectedPreset,
                        isExpanded: true,
                        decoration: InputDecoration(
                          labelText: l10n.wizardConfigRegionLabel,
                          border: OutlineInputBorder(),
                          helperText: l10n.wizardConfigRegionHelp,
                        ),
                        items: _radioPresets
                            .map(
                              (preset) => DropdownMenuItem<_RadioPreset>(
                                value: preset,
                                child: Text(
                                  preset.label,
                                  overflow: TextOverflow.ellipsis,
                                ),
                              ),
                            )
                            .toList(),
                        onChanged: (preset) {
                          if (preset == null) return;
                          setState(() {
                            _selectedPreset = preset;
                          });
                        },
                      ),
                    ],
                  ),
                ),
                const SizedBox(height: 16),
                _buildContentCard(
                  colorScheme: colorScheme,
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Text(
                        _selectedPreset.label,
                        style: Theme.of(context).textTheme.titleMedium
                            ?.copyWith(fontWeight: FontWeight.w700),
                      ),
                      const SizedBox(height: 4),
                      Text(
                        _selectedPreset.summary,
                        style: Theme.of(context).textTheme.bodyMedium,
                      ),
                      SizedBox(height: 14),
                      ...[
                        _FeatureItem(
                          icon: Icons.rule,
                          text: l10n.wizardPresetNote1,
                        ),
                        _FeatureItem(
                          icon: Icons.settings_input_antenna,
                          text: l10n.wizardPresetNote2,
                        ),
                        _FeatureItem(
                          icon: Icons.public,
                          text: l10n.wizardPresetNote3,
                        ),
                      ].map(
                        (feature) => Padding(
                          padding: const EdgeInsets.symmetric(vertical: 5),
                          child: _buildFeatureRow(
                            context,
                            colorScheme,
                            feature,
                            iconSize: 20,
                            gap: 12,
                          ),
                        ),
                      ),
                    ],
                  ),
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }

  String _deviceSetupButtonLabel(BuildContext context) {
    final isConnected = context
        .watch<ConnectionProvider>()
        .deviceInfo
        .isConnected;
    if (_isApplyingDeviceSetup) {
      return AppLocalizations.of(context)!.wizardSaving;
    }
    final l10n = AppLocalizations.of(context)!;
    return isConnected
        ? l10n.wizardSaveAndContinue
        : l10n.wizardConnectDeviceTitle;
  }

  Widget _buildChannelPage(
    BuildContext context,
    AppLocalizations l10n,
    ColorScheme colorScheme,
  ) {
    return _buildPage(
      icon: Icons.groups_rounded,
      iconColor: Colors.purple,
      title: l10n.wizardNetworkTitle,
      description: l10n.wizardNetworkDescription,
      features: [
        _FeatureItem(
          icon: Icons.person_add_alt_1,
          text: l10n.wizardNetworkFeature1,
        ),
        _FeatureItem(icon: Icons.route, text: l10n.wizardNetworkFeature2),
        _FeatureItem(icon: Icons.hub, text: l10n.wizardNetworkFeature3),
      ],
      colorScheme: colorScheme,
    );
  }

  Widget _buildContactsPage(
    BuildContext context,
    AppLocalizations l10n,
    ColorScheme colorScheme,
  ) {
    return _buildPage(
      icon: Icons.map_rounded,
      iconColor: Colors.teal,
      title: l10n.wizardMapOpsTitle,
      description: l10n.wizardMapOpsDescription,
      features: [
        _FeatureItem(icon: Icons.location_on, text: l10n.wizardMapOpsFeature1),
        _FeatureItem(icon: Icons.draw, text: l10n.wizardMapOpsFeature2),
        _FeatureItem(icon: Icons.router, text: l10n.wizardMapOpsFeature3),
      ],
      colorScheme: colorScheme,
    );
  }

  Widget _buildMapPage(
    BuildContext context,
    AppLocalizations l10n,
    ColorScheme colorScheme,
  ) {
    return _buildPage(
      icon: Icons.tune_rounded,
      iconColor: Colors.red,
      title: l10n.wizardToolsTitle,
      description: l10n.wizardToolsDescription,
      features: [
        _FeatureItem(icon: Icons.settings, text: l10n.wizardToolsFeature1),
        _FeatureItem(icon: Icons.sensors, text: l10n.wizardToolsFeature2),
        _FeatureItem(
          icon: Icons.analytics_outlined,
          text: l10n.wizardToolsFeature3,
        ),
      ],
      colorScheme: colorScheme,
    );
  }

  Widget _buildPage({
    required IconData icon,
    required Color iconColor,
    required String title,
    required String description,
    List<_FeatureItem>? features,
    required ColorScheme colorScheme,
  }) {
    final l10n = AppLocalizations.of(context)!;
    return LayoutBuilder(
      builder: (context, constraints) => Center(
        child: ConstrainedBox(
          constraints: BoxConstraints(
            maxWidth: 560,
            maxHeight: constraints.maxHeight,
          ),
          child: Padding(
            padding: const EdgeInsets.fromLTRB(20, 12, 20, 12),
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                _buildPageHeader(
                  context: context,
                  colorScheme: colorScheme,
                  icon: icon,
                  iconColor: iconColor,
                  title: title,
                  description: description,
                  badge: l10n.wizardOverviewBadge,
                ),
                if (features != null && features.isNotEmpty) ...[
                  const SizedBox(height: 18),
                  _buildContentCard(
                    colorScheme: colorScheme,
                    child: Column(
                      children: features
                          .map(
                            (feature) => Padding(
                              padding: const EdgeInsets.symmetric(vertical: 7),
                              child: _buildFeatureRow(
                                context,
                                colorScheme,
                                feature,
                              ),
                            ),
                          )
                          .toList(),
                    ),
                  ),
                ],
              ],
            ),
          ),
        ),
      ),
    );
  }

  Widget _buildPageHeader({
    required BuildContext context,
    required ColorScheme colorScheme,
    required IconData icon,
    required Color iconColor,
    required String title,
    required String description,
    required String badge,
  }) {
    return Column(
      children: [
        Container(
          padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 6),
          decoration: BoxDecoration(
            color: colorScheme.secondaryContainer,
            borderRadius: BorderRadius.circular(999),
          ),
          child: Text(
            badge,
            style: Theme.of(context).textTheme.labelLarge?.copyWith(
              color: colorScheme.onSecondaryContainer,
              fontWeight: FontWeight.w700,
            ),
          ),
        ),
        const SizedBox(height: 12),
        Container(
          padding: const EdgeInsets.all(18),
          decoration: BoxDecoration(
            color: iconColor.withValues(alpha: 0.1),
            shape: BoxShape.circle,
          ),
          child: Icon(icon, size: 56, color: iconColor),
        ),
        const SizedBox(height: 18),
        Text(
          title,
          style: Theme.of(context).textTheme.headlineSmall?.copyWith(
            fontWeight: FontWeight.bold,
            color: colorScheme.onSurface,
          ),
          textAlign: TextAlign.center,
        ),
        const SizedBox(height: 10),
        Text(
          description,
          style: Theme.of(context).textTheme.bodyMedium?.copyWith(
            color: colorScheme.onSurface.withValues(alpha: 0.72),
            height: 1.4,
          ),
          textAlign: TextAlign.center,
        ),
      ],
    );
  }

  Widget _buildContentCard({
    required ColorScheme colorScheme,
    required Widget child,
  }) {
    return Container(
      padding: const EdgeInsets.all(16),
      decoration: BoxDecoration(
        color: colorScheme.surfaceContainerHighest,
        borderRadius: BorderRadius.circular(18),
      ),
      child: child,
    );
  }

  Widget _buildFeatureRow(
    BuildContext context,
    ColorScheme colorScheme,
    _FeatureItem feature, {
    double iconSize = 22,
    double gap = 14,
  }) {
    return Row(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Icon(feature.icon, color: colorScheme.primary, size: iconSize),
        SizedBox(width: gap),
        Expanded(
          child: Text(
            feature.text,
            style: Theme.of(
              context,
            ).textTheme.bodyMedium?.copyWith(color: colorScheme.onSurface),
          ),
        ),
      ],
    );
  }
}

class _FeatureItem {
  final IconData icon;
  final String text;

  _FeatureItem({required this.icon, required this.text});
}

class _RadioPreset {
  final String id;
  final String label;
  final String summary;
  final int frequencyKhz;
  final int bandwidth;
  final int spreadingFactor;
  final int codingRate;

  const _RadioPreset({
    required this.id,
    required this.label,
    required this.summary,
    required this.frequencyKhz,
    required this.bandwidth,
    required this.spreadingFactor,
    required this.codingRate,
  });
}