import 'dart:async';

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

class RoomPage extends StatefulWidget {
  const RoomPage({super.key, required this.room});

  final Room room;

  @override
  State<RoomPage> createState() => _RoomPageState();
}

class _RoomPageState extends State<RoomPage> {
  Timeline? timeline;
  final chatController = TextEditingController();
  StreamSubscription? updateListener;

  void updateTimeline() async {
    final newTimeline =
        await widget.room.getTimeline(eventContextId: widget.room.fullyRead);
    setState(() {
      timeline = newTimeline;
    });
  }

  @override
  void initState() {
    super.initState();
    updateTimeline();
    updateListener = widget.room.onUpdate.stream.listen((event) {
      updateTimeline();
    });
  }

  @override
  void dispose() {
    super.dispose();
    updateListener?.cancel();
  }

  void sendMessage() {}

  List<Widget> getChildren() {
    if (timeline == null) return [const CircularProgressIndicator()];
    return [
      Expanded(
        child: ListView.builder(
            itemCount: timeline?.events.length,
            reverse: true,
            itemBuilder: (context, index) => ListTile(
                  title: Text(timeline!
                      .events[index].senderFromMemoryOrFallback.displayName
                      .toString()),
                  subtitle: Text(timeline!.events[index].body),
                  leading: timeline?.events[index].senderFromMemoryOrFallback
                              .avatarUrl !=
                          null
                      ? CircleAvatar(
                          foregroundImage: NetworkImage(timeline!.events[index]
                              .senderFromMemoryOrFallback.avatarUrl!
                              .getThumbnail(widget.room.client,
                                  width: 50, height: 50)
                              .toString()))
                      : null,
                )),
      ),
      TextFormField(
        controller: chatController,
        decoration: const InputDecoration(hintText: 'Message'),
        onFieldSubmitted: (value) async {
          print("Sending text event $value to room ${widget.room.id}...");
          await widget.room.sendTextEvent(value);
          chatController.text = '';
        },
      ),
    ];
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        title: Text(widget.room.getLocalizedDisplayname()),
      ),
      body: Padding(
          padding: const EdgeInsets.all(16.0),
          child: Column(
            children: getChildren(),
          )),
      floatingActionButton: FloatingActionButton(
        onPressed: sendMessage,
        tooltip: 'Send message',
        child: const Icon(Icons.send),
      ),
    );
  }
}