flutter_clock/lib/pages/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;
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      appBar: AppBar(
        backgroundColor: Colors.white,
        elevation: 0,
        leading: IconButton(
          icon: Icon(Icons.close, color: Colors.black),
          onPressed: () => Navigator.pop(context),
        ),
        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;
            });
          },
        ),
        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;
                  });
                },
              ),
            ],
          ),
        ),
        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;
                  });
                },
              ),
            ],
          ),
        ),
        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;
                });
                Navigator.pop(context);
              },
              trailing: _sound == sound
                  ? Icon(Icons.check, color: Colors.blue)
                  : null,
            );
          }).toList(),
        );
      },
    );
  }

  @override
  void dispose() {
    // Save settings before exiting
    final updatedSettings = TimerSettings(
      sound: _sound,
      volume: _volume,
      vibrate: _vibrate,
      loop: _loop,
    );
    updatedSettings.saveSettings();
    Navigator.pop(context, updatedSettings);
    super.dispose();
  }
}