import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:musicus_common/musicus_common.dart';

import 'server_settings.dart';

class SettingsScreen extends StatelessWidget {
  static const _platform = MethodChannel('de.johrpan.musicus/platform');

  @override
  Widget build(BuildContext context) {
    final backend = MusicusBackend.of(context);
    final settings = backend.settings;

    return Scaffold(
      appBar: AppBar(
        title: Text('Settings'),
      ),
      body: ListView(
        children: <Widget>[
          StreamBuilder<String>(
              stream: settings.musicLibraryPath,
              builder: (context, snapshot) {
                return ListTile(
                  title: Text('Music library path'),
                  subtitle: Text(snapshot.data ?? 'Choose folder'),
                  isThreeLine: snapshot.hasData,
                  onTap: () async {
                    final uri =
                        await _platform.invokeMethod<String>('openTree');

                    if (uri != null) {
                      settings.setMusicLibraryPath(uri);
                    }
                  },
                );
              }),
          StreamBuilder<MusicusServerSettings>(
              stream: settings.server,
              builder: (context, snapshot) {
                final s = snapshot.data;

                return ListTile(
                  title: Text('Musicus server'),
                  subtitle: Text(
                      s != null ? '${s.host}:${s.port}${s.apiPath}' : '...'),
                  trailing: const Icon(Icons.chevron_right),
                  onTap: () async {
                    final MusicusServerSettings result = await Navigator.push(
                      context,
                      MaterialPageRoute(
                        builder: (context) => ServerSettingsScreen(),
                      ),
                    );

                    if (result != null) {
                      settings.setServer(result);
                    }
                  },
                );
              }),
        ],
      ),
    );
  }
}