import 'package:flutter/material.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:info_tren/models.dart';
import 'package:info_tren/pages/settings/setings_page.dart';
import 'package:info_tren/providers.dart';

class SettingsPageMaterial extends SettingsPageShared {
  const SettingsPageMaterial({super.key,});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(pageTitle),
        centerTitle: true,
      ),
      body: SingleChildScrollView(
        child: Column(
          children: [
            Consumer(
              builder: (context, ref, _) {
                final currentUiDesign = ref.watch(uiDesignProvider);
                return ListTile(
                  title: Text(appearanceTitle),
                  trailing: DropdownButton<UiDesign>(
                    items: UiDesign.values.map((d) => DropdownMenuItem(
                      value: d,
                      child: Text(d.userInterfaceName),
                    )).toList(),
                    value: currentUiDesign,
                    onChanged: (newUiDesign) {
                      ref.read(uiDesignProvider.notifier).set(newUiDesign);
                    },
                  ),
                );
              },
            ),
          ],
        ),
      ),
    );
  }
}