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

import '../../domain/entities/song.dart';
import '../state/audio_store.dart';
import '../state/music_data_store.dart';
import 'like_button.dart';

class SongCustomizationButtons extends StatelessWidget {
  const SongCustomizationButtons({Key key}) : super(key: key);

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

    return Observer(
      builder: (BuildContext context) {
        print('building buttons');
        final Song song = audioStore.currentSong;
        final bool isBlocked = audioStore.currentSong.blocked;
        return Row(
          children: [
            IconButton(
              icon: Icon(
                song.next == null ? Icons.link_off : Icons.link,
                color: song.next == null ? Colors.white24 : Colors.white,
              ),
              iconSize: 20.0,
              onPressed: () => musicDataStore.toggleNextSongLink(song),
            ),
            const Spacer(),
            const LikeButton(),
            const Spacer(),
            IconButton(
              icon: Icon(
                Icons.remove_circle_outline_rounded,
                size: 20.0,
                color: isBlocked ? Colors.white : Colors.white24,
              ),
              onPressed: () => musicDataStore.setSongBlocked(song, !isBlocked),
            ),
          ],
          mainAxisAlignment: MainAxisAlignment.center,
        );
      },
    );
  }
}