import 'package:flutter/material.dart';
import 'package:flutter_mobx/flutter_mobx.dart';
import 'package:provider/provider.dart';

import '../../domain/entities/shuffle_mode.dart';
import '../state/audio_store.dart';

class ShuffleButton extends StatelessWidget {
  const ShuffleButton({Key key, this.iconSize = 20.0}) : super(key: key);

  final double iconSize;

  @override
  Widget build(BuildContext context) {
    final AudioStore audioStore = Provider.of<AudioStore>(context);

    return Observer(
      builder: (BuildContext context) {
        if (audioStore.shuffleModeStream != null) {
          switch (audioStore.shuffleModeStream.value) {
            case ShuffleMode.none:
              return IconButton(
                icon: const Icon(
                  Icons.shuffle,
                  color: Colors.white30,
                ),
                iconSize: iconSize,
                onPressed: () {
                  audioStore.setShuffleMode(ShuffleMode.standard);
                },
              );
            case ShuffleMode.standard:
              return IconButton(
                icon: const Icon(
                  Icons.shuffle,
                  color: Colors.white,
                ),
                iconSize: iconSize,
                onPressed: () {
                  audioStore.setShuffleMode(ShuffleMode.plus);
                },
              );
            case ShuffleMode.plus:
              return IconButton(
                icon: const Icon(
                  Icons.fingerprint,
                  color: Colors.white,
                ),
                iconSize: iconSize,
                onPressed: () {
                  audioStore.setShuffleMode(ShuffleMode.none);
                },
              );
          }
        }
        return Container();
      },
    );
  }
}