import 'package:flutter/material.dart';
import 'data_util.dart' as data;
import 'check_list.dart';
import 'box_checker.dart';

class ListCard extends StatelessWidget {
  const ListCard({
    Key? key,
    required this.checkList,
    required this.confirmDismiss,
  }) : super(key: key);
  final data.List checkList;
  final FutureCallback confirmDismiss;
  final double _cardSpacing = 4;

  @override
  Widget build(BuildContext context) {
    final EdgeInsets cardMargin =
        EdgeInsets.symmetric(vertical: _cardSpacing, horizontal: 0);

    return Dismissible(
      direction: DismissDirection.startToEnd,
      key: Key(checkList.id.toString()),
      background: Card(
        margin: cardMargin,
        color: Colors.red,
        child: Row(
          children: const [
            Padding(
              padding: EdgeInsets.all(10),
              child: Icon(Icons.delete),
            ),
          ],
        ),
      ),
      confirmDismiss: confirmDismiss,
      child: Card(
        margin: cardMargin,
        child: ListTile(
          onTap: () {
            Navigator.push(
                context,
                MaterialPageRoute(
                    builder: (context) => CheckList(id: checkList.id!)));
          },
          title: Text(checkList.name),
          subtitle: Text(
              (checkList.description != null) ? checkList.description! : ""),
        ),
      ),
    );
  }
}