import 'package:fipy/providers/home.dart';
import 'package:fipy/providers/player.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';

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

  @override
  Widget build(BuildContext context) {
    final hp = Provider.of<HomeProvider>(context, listen: false);
    final playerProvider = Provider.of<PlayerProvider>(context, listen: true);

    return SliderTheme(
      data: const SliderThemeData(
        thumbShape: RoundSliderThumbShape(enabledThumbRadius: 7),
        overlayShape: RoundSliderThumbShape(enabledThumbRadius: 8),
        trackHeight: 2.5,
      ),
      child: SizedBox(
        width: 130,
        child: Slider(
          value: hp.currentVolume,
          max: 1,
          onChanged: (double value) async {
            hp.currentVolume = value;
            await hp.player.setVolume(value);
            playerProvider.reload();
          },
          activeColor: Colors.grey[400],
          inactiveColor: Colors.grey[700],
        ),
      ),
    );
  }
}