class HomeScreen extends StatelessWidget {
  final _planetRockUrl = 'https://stream-mz.planetradio.co.uk/planetrock.mp3';
  final _planetRockImage = 'assets/images/planet_rock.png';

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Online Radio'),
      ),
      body: Padding(
        padding: const EdgeInsets.only(bottom: 100),
        child: Container(
          child: Center(
            child: BlocBuilder<PlayerBloc, PlayerState>(builder: (context, state) {
              if (state is PausedState) {
                return IdleDots(color: Theme.of(context).accentColor);
              } else if (state is PlayingState) {
                return Loading(
                  indicator: LineScalePulseOutIndicator(),
                  size: 100,
                  color: Theme.of(context).accentColor,
                );
              } else {
                throw Exception('Unknown state of bloc');
              }
            }),
          ),
        ),
      ),
      bottomSheet: Container(
        color: Theme.of(context).primaryColor,
        height: 100,
        child: Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          crossAxisAlignment: CrossAxisAlignment.center,
          children: <Widget>[
            Padding(
              padding: const EdgeInsets.all(16.0),
              child: Container(
                height: 50,
                width: 50,
                child: Image.asset(_planetRockImage),
              ),
            ),
            Text(
              'Planet Rock',
              style: TextStyle(fontWeight: FontWeight.bold),
            ),
            Padding(
              padding: const EdgeInsets.all(16.0),
              child: BlocBuilder<PlayerBloc, PlayerState>(
                bloc: BlocProvider.of<PlayerBloc>(context),
                builder: (context, state) {
                  if (state is PausedState) {
                    return IconButton(
                      icon: Icon(
                        Icons.play_arrow,
                        size: 32,
                      ),
                      onPressed: () {
                        context.bloc<PlayerBloc>().add(PlayEvent(url: _planetRockUrl));
                      },
                    );
                  } else {
                    return IconButton(
                      icon: Icon(
                        Icons.pause,
                        size: 32,
                      ),
                      onPressed: () {
                        context.bloc<PlayerBloc>().add(PauseEvent());
                      },
                    );
                  }
                },
              ),
            )
          ],
        ),
      ),
    );
  }
}