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

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

  @override
  Widget build(BuildContext context) {
    final hp = Provider.of<HomeProvider>(context, listen: true);
    final trackTitle = TextEditingController();
    final trackArtiste = TextEditingController();
    trackTitle.text = hp.currentTrack?.title ?? '';
    trackArtiste.text = hp.currentTrack?.artiste ?? '';

    return Expanded(
      child: Column(children: [
        SizedBox(
          height: 20,
          child: TextField(
            enabled: false,
            maxLines: 1,
            controller: trackTitle,
            decoration: const InputDecoration(
              border: InputBorder.none,
              focusedBorder: InputBorder.none,
              enabledBorder: InputBorder.none,
              disabledBorder: InputBorder.none,
              contentPadding: EdgeInsets.only(left: 15),
            ),
            style: TextStyle(
              fontSize: 14,
              color: Colors.grey[300],
            ),
          ),
        ),
        SizedBox(
          height: 20,
          child: TextField(
            enabled: false,
            maxLines: 1,
            controller: trackArtiste,
            decoration: const InputDecoration(
              border: InputBorder.none,
              focusedBorder: InputBorder.none,
              enabledBorder: InputBorder.none,
              disabledBorder: InputBorder.none,
              contentPadding: EdgeInsets.only(left: 15),
            ),
            style: TextStyle(
              fontSize: 12,
              color: Colors.grey[500],
            ),
          ),
        ),
      ]),
    );
  }
}