import 'package:confirm_dialog/confirm_dialog.dart';
import 'package:flutter/material.dart';

import '../../components/common/loading.dart';
import '../../components/library/library_list_entry_tile.dart';
import '../../models/library/library_entry.dart';
import '../../models/library/library_list.dart';

class LibraryContentView extends StatefulWidget {
  final LibraryList library;
  const LibraryContentView({
    Key? key,
    required this.library,
  }) : super(key: key);

  @override
  State<LibraryContentView> createState() => _LibraryContentViewState();
}

class _LibraryContentViewState extends State<LibraryContentView> {
  List<LibraryEntry>? entries;

  Future<void> getEntriesFromDatabase() =>
    widget.library.entries.then((es) => setState(() => entries = es));

  @override
  void initState() {
    super.initState();
    getEntriesFromDatabase();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.library.name),
        actions: [
          IconButton(
            onPressed: () async {
              final entryCount = await widget.library.length;
              if (!mounted) return;
              final bool userIsSure = await confirm(
                context,
                content: Text(
                  'Are you sure that you want to clear all $entryCount entries?',
                ),
              );
              if (!userIsSure) return;

              await widget.library.deleteAllEntries();
              await getEntriesFromDatabase();
            },
            icon: const Icon(Icons.delete),
          ),
        ],
      ),
      body: entries == null
          ? const LoadingScreen()
          : ListView.separated(
              itemCount: entries!.length,
              itemBuilder: (context, index) => LibraryListEntryTile(
                index: index,
                entry: entries![index],
                library: widget.library,
                onDelete: () => setState(() {
                  entries!.removeAt(index);
                }),
                onUpdate: () => getEntriesFromDatabase(),
              ),
              separatorBuilder: (context, index) => const Divider(
                height: 0,
                indent: 10,
                endIndent: 10,
              ),
            ),
    );
  }
}