import 'package:flutter/material.dart';

import '../../models/track.dart';
import '../../theme/theme_extension.dart';

class TrackRow extends StatelessWidget {
  const TrackRow({
    required this.track,
    required this.onTap,
    this.trailing,
    super.key,
  });
  final TrackRef track;
  final VoidCallback onTap;
  final Widget? trailing;

  @override
  Widget build(BuildContext context) {
    final fs = Theme.of(context).extension<FabledSwordTheme>()!;
    final mins = (track.durationSec ~/ 60).toString().padLeft(2, '0');
    final secs = (track.durationSec % 60).toString().padLeft(2, '0');
    return InkWell(
      onTap: onTap,
      child: Padding(
        padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 10),
        child: Row(children: [
          if (track.trackNumber != null)
            SizedBox(
              width: 28,
              child: Text(
                track.trackNumber.toString(),
                style: TextStyle(color: fs.ash, fontSize: 13),
              ),
            ),
          Expanded(
            child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
              Text(
                track.title,
                maxLines: 1,
                overflow: TextOverflow.ellipsis,
                style: TextStyle(color: fs.parchment, fontSize: 14),
              ),
              Text(
                track.artistName,
                maxLines: 1,
                overflow: TextOverflow.ellipsis,
                style: TextStyle(color: fs.ash, fontSize: 12),
              ),
            ]),
          ),
          Text('$mins:$secs', style: TextStyle(color: fs.ash, fontSize: 12)),
          if (trailing != null)
            Padding(
              padding: const EdgeInsets.only(left: 8),
              child: trailing!,
            ),
        ]),
      ),
    );
  }
}
