import 'package:flutter/material.dart';

import '../backend.dart';
import '../database.dart';
import '../selectors/files.dart';
import '../selectors/recording.dart';
import '../widgets/recording_tile.dart';

class TrackModel {
  String path;

  TrackModel(this.path);
}

class TracksEditor extends StatefulWidget {
  @override
  _TracksEditorState createState() => _TracksEditorState();
}

class _TracksEditorState extends State<TracksEditor> {
  int recordingId;
  List<TrackModel> tracks = [];

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

    return Scaffold(
      appBar: AppBar(
        title: Text('Tracks'),
        actions: <Widget>[
          FlatButton(
            child: Text('DONE'),
            onPressed: () async {
              // TODO: Save tracks.
            },
          ),
        ],
      ),
      body: ReorderableListView(
        header: Column(
          children: <Widget>[
            recordingId != null
                ? RecordingTile(
                    recordingId: recordingId,
                    onTap: selectRecording,
                  )
                : ListTile(
                    title: Text('Select recording'),
                    onTap: selectRecording,
                  ),
            ListTile(
              title: Text('Files'),
              trailing: IconButton(
                icon: const Icon(Icons.add),
                onPressed: () async {
                  final Set<String> paths = await Navigator.push(
                    context,
                    MaterialPageRoute(
                      builder: (context) => FilesSelector(
                        baseDirectory: backend.musicLibraryPath,
                      ),
                    ),
                  );

                  if (paths != null) {
                    setState(() {
                      for (final path in paths) {
                        tracks.add(TrackModel(path));
                      }
                    });
                  }
                },
              ),
            ),
          ],
        ),
        children: tracks
            .map((t) => ListTile(
                  key: Key(t.hashCode.toString()),
                  title: Text(t.path),
                  trailing: IconButton(
                    icon: const Icon(Icons.delete),
                    onPressed: () {
                      setState(() {
                        tracks.remove(t);
                      });
                    },
                  ),
                ))
            .toList(),
        onReorder: (i1, i2) {
          setState(() {
            final track = tracks.removeAt(i1);
            final newIndex = i2 > i1 ? i2 - 1 : i2;
            tracks.insert(newIndex, track);
          });
        },
      ),
    );
  }

  void selectRecording() async {
    final Recording recording = await Navigator.push(
      context,
      MaterialPageRoute(
        builder: (context) => RecordingsSelector(),
      ),
    );

    if (recording != null) {
      setState(() {
        recordingId = recording.id;
      });
    }
  }
}