// Copyright (C) 2025, uvok cheetah
//
// This program is free software: you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with this program.  If not, see <https://www.gnu.org/licenses/>.

import 'package:flutter/material.dart';
import 'package:uvok_epaper_badge/model/badge_motive.dart';
import 'package:uvok_epaper_badge/view_model/badge_motive_view_model.dart';
import 'package:uvok_epaper_badge/widgets/notifying_list_widget.dart';

class BadgeMotiveList extends NotifyingListWidget<BadgeMotive> {
  final BadgeMotiveViewModel _motiveVM;

  const BadgeMotiveList({super.key, required BadgeMotiveViewModel motiveVM})
    : _motiveVM = motiveVM,
      super(items: const []);

  @override
  State<StatefulWidget> createState() => _BadgeMotiveListState();
}

class _BadgeMotiveListState extends State<BadgeMotiveList> {
  int _selectedIndex = -1;

  @override
  Widget build(BuildContext context) {
    var mytheme = Theme.of(context);

    return Flexible(
      fit: FlexFit.loose,
      child: Column(
        children: [
          ElevatedButton(
            child: Text("Refresh"),
            onPressed: () async => await widget._motiveVM.updateMotives(),
          ),
          Expanded(
            child: ListenableBuilder(
              listenable: widget._motiveVM,
              builder: (context, child) {
                return ListView.separated(
                  itemBuilder: (context, index) {
                    var item = widget._motiveVM.motives[index];
                    return ListTile(
                      title: Text(item.description),
                      selectedTileColor: mytheme.primaryColorLight,
                      selectedColor: Colors.black,
                      onTap: () {
                        setState(() {
                          _selectedIndex = index;
                        });
                        widget.onItemSelected(item);
                      },
                      selected: _selectedIndex == index,
                    );
                  },
                  separatorBuilder: (context, index) {
                    return Divider();
                  },
                  itemCount: widget._motiveVM.motives.length,
                );
              },
            ),
          ),
        ],
      ),
    );
  }
}