flutter_clock/lib/pages/timer/timer_settings_page.dart

import 'package:flutter/material.dart';
import 'package:flutter_clock/model/timer_settings.dart';

class TimerSettingsPage extends StatefulWidget {
  final TimerSettings settings;

  const TimerSettingsPage({Key? key, required this.settings}) : super(key: key);

  @override
  _TimerSettingsPageState createState() => _TimerSettingsPageState();
}

class _TimerSettingsPageState extends State<TimerSettingsPage> {
  late String _sound;
  late double _volume;
  late bool _vibrate;
  late bool _loop;

  final List<String> _availableSounds = ['Dripping', 'Alarm', 'Bell'];

  @override
  void initState() {
    super.initState();
    _sound = widget.settings.sound;
    _volume = widget.settings.volume;
    _vibrate = widget.settings.vibrate;
    _loop = widget.settings.loop;
  }
  
  // Save settings
  Future<TimerSettings> _saveSettings() async {
    final updatedSettings = TimerSettings(
      sound: _sound,
      volume: _volume,
      vibrate: _vibrate,
      loop: _loop,
    );
    await updatedSettings.saveSettings();
    return updatedSettings;
  }

  @override
  Widget build(BuildContext context) {
    return WillPopScope(
      onWillPop: () async {
        final updatedSettings = await _saveSettings();
        Navigator.pop(context, updatedSettings);
        return false;
      },
      child: Scaffold(
        backgroundColor: Colors.white,
        appBar: AppBar(
          backgroundColor: Colors.white,
          elevation: 0,
          leading: IconButton(
            icon: Icon(Icons.close, color: Colors.black),
            onPressed: () async {
              final updatedSettings = await _saveSettings();
              Navigator.pop(context, updatedSettings);
            },
          ),
          title: Text(
            'Settings',
            style: TextStyle(color: Colors.black, fontSize: 24),
          ),
          centerTitle: true,
        ),
        body: ListView(
          children: [
            _buildSoundSetting(),
            _buildVolumeSetting(),
            _buildVibrateSetting(),
            _buildLoopSetting(),
          ],
        ),
      ),
    );
  }

  Widget _buildSoundSetting() {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Padding(
          padding: const EdgeInsets.fromLTRB(16, 16, 16, 8),
          child: Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              Text(
                'Sound',
                style: TextStyle(fontSize: 18),
              ),
              GestureDetector(
                onTap: () {
                  _showSoundPicker();
                },
                child: Row(
                  children: [
                    Text(
                      _sound,
                      style: TextStyle(fontSize: 16, color: Colors.grey[700]),
                    ),
                    Icon(
                      Icons.chevron_right,
                      color: Colors.grey[700],
                    ),
                  ],
                ),
              ),
            ],
          ),
        ),
        Divider(),
      ],
    );
  }

  Widget _buildVolumeSetting() {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Padding(
          padding: const EdgeInsets.fromLTRB(16, 8, 16, 8),
          child: Text(
            'Vol.',
            style: TextStyle(fontSize: 18),
          ),
        ),
        Slider(
          value: _volume,
          min: 0.0,
          max: 1.0,
          activeColor: Colors.orange,
          inactiveColor: Colors.grey[300],
          onChanged: (value) {
            setState(() {
              _volume = value;
            });
            _saveSettings();
          },
        ),
        Divider(),
      ],
    );
  }

  Widget _buildVibrateSetting() {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Padding(
          padding: const EdgeInsets.fromLTRB(16, 8, 16, 8),
          child: Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              Text(
                'Vibrate on ring',
                style: TextStyle(fontSize: 18),
              ),
              Switch(
                value: _vibrate,
                activeColor: Colors.orange,
                onChanged: (value) {
                  setState(() {
                    _vibrate = value;
                  });
                  _saveSettings();
                },
              ),
            ],
          ),
        ),
        Divider(),
      ],
    );
  }

  Widget _buildLoopSetting() {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Padding(
          padding: const EdgeInsets.fromLTRB(16, 8, 16, 8),
          child: Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              Text(
                'Loop timer',
                style: TextStyle(fontSize: 18),
              ),
              Switch(
                value: _loop,
                activeColor: Colors.orange,
                onChanged: (value) {
                  setState(() {
                    _loop = value;
                  });
                  _saveSettings();
                },
              ),
            ],
          ),
        ),
        Divider(),
      ],
    );
  }

  void _showSoundPicker() {
    showModalBottomSheet(
      context: context,
      builder: (context) {
        return Column(
          mainAxisSize: MainAxisSize.min,
          children: _availableSounds.map((sound) {
            return ListTile(
              title: Text(sound),
              onTap: () {
                setState(() {
                  _sound = sound;
                });
                _saveSettings();
                Navigator.pop(context);
              },
              trailing: _sound == sound
                  ? Icon(Icons.check, color: Colors.blue)
                  : null,
            );
          }).toList(),
        );
      },
    );
  }

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