pyramid/lib/features/chat/chat_input.dart

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

class ChatInput extends StatefulWidget {
  final Room room;
  final Event? replyTo;
  final VoidCallback? onClearReply;

  const ChatInput({
    super.key,
    required this.room,
    this.replyTo,
    this.onClearReply,
  });

  @override
  State<ChatInput> createState() => _ChatInputState();
}

class _ChatInputState extends State<ChatInput> {
  final _ctrl = TextEditingController();
  bool _canSend = false;

  @override
  void initState() {
    super.initState();
    _ctrl.addListener(() {
      final hasText = _ctrl.text.trim().isNotEmpty;
      if (hasText != _canSend) setState(() => _canSend = hasText);
    });
  }

  @override
  void dispose() {
    _ctrl.dispose();
    super.dispose();
  }

  Future<void> _send() async {
    final text = _ctrl.text.trim();
    if (text.isEmpty) return;
    _ctrl.clear();
    setState(() => _canSend = false);
    await widget.room.sendTextEvent(text, inReplyTo: widget.replyTo);
    widget.onClearReply?.call();
  }

  @override
  Widget build(BuildContext context) {
    final theme = Theme.of(context);
    final isDesktop = !kIsWeb &&
        (defaultTargetPlatform == TargetPlatform.windows ||
            defaultTargetPlatform == TargetPlatform.linux ||
            defaultTargetPlatform == TargetPlatform.macOS);

    // Desktop: taller bar, 4px square corners, bigger button
    // Mobile: compact bar, pill shape, smaller button
    final fieldRadius = isDesktop ? 4.0 : 20.0;
    final btnSize = isDesktop ? 56.0 : 44.0;
    final btnRadius = isDesktop ? 6.0 : 12.0;
    final iconSize = isDesktop ? 24.0 : 20.0;
    final fontSize = isDesktop ? 15.0 : 14.0;
    final vPad = isDesktop ? 18.0 : 10.0;
    final hPad = isDesktop ? 16.0 : 14.0;
    final outerPad = isDesktop
        ? const EdgeInsets.fromLTRB(12, 10, 12, 12)
        : const EdgeInsets.fromLTRB(8, 4, 8, 8);

    return SafeArea(
      child: Column(
        mainAxisSize: MainAxisSize.min,
        children: [
          if (widget.replyTo != null)
            _ReplyBar(
              event: widget.replyTo!,
              onClear: widget.onClearReply ?? () {},
            ),
          Padding(
            padding: outerPad,
            child: Row(
              crossAxisAlignment: CrossAxisAlignment.end,
              children: [
                Expanded(
                  child: TextField(
                    controller: _ctrl,
                    minLines: 1,
                    maxLines: 6,
                    textCapitalization: TextCapitalization.sentences,
                    style: TextStyle(fontSize: fontSize),
                    decoration: InputDecoration(
                      hintText: 'Nachricht...',
                      hintStyle: TextStyle(fontSize: fontSize),
                      contentPadding: EdgeInsets.symmetric(
                        horizontal: hPad,
                        vertical: vPad,
                      ),
                      border: OutlineInputBorder(
                        borderRadius: BorderRadius.circular(fieldRadius),
                        borderSide: BorderSide.none,
                      ),
                      enabledBorder: OutlineInputBorder(
                        borderRadius: BorderRadius.circular(fieldRadius),
                        borderSide: BorderSide.none,
                      ),
                      focusedBorder: OutlineInputBorder(
                        borderRadius: BorderRadius.circular(fieldRadius),
                        borderSide: BorderSide.none,
                      ),
                      filled: true,
                      fillColor: theme.colorScheme.surfaceContainerHigh,
                    ),
                    onSubmitted: (_) => _send(),
                    keyboardType: TextInputType.multiline,
                    inputFormatters: [
                      _SendOnEnterFormatter(onSend: _send),
                    ],
                  ),
                ),
                SizedBox(width: isDesktop ? 10 : 8),
                GestureDetector(
                  onTap: _canSend ? _send : null,
                  child: AnimatedContainer(
                    duration: const Duration(milliseconds: 150),
                    width: btnSize,
                    height: btnSize,
                    decoration: BoxDecoration(
                      color: _canSend
                          ? theme.colorScheme.primary
                          : theme.colorScheme.primary.withAlpha(70),
                      borderRadius: BorderRadius.circular(btnRadius),
                    ),
                    child: Center(
                      child: Icon(
                        Icons.send_rounded,
                        size: iconSize,
                        color: Colors.white,
                      ),
                    ),
                  ),
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }
}

class _ReplyBar extends StatelessWidget {
  final Event event;
  final VoidCallback onClear;
  const _ReplyBar({required this.event, required this.onClear});

  @override
  Widget build(BuildContext context) {
    final theme = Theme.of(context);
    return Container(
      padding: const EdgeInsets.fromLTRB(16, 8, 8, 4),
      decoration: BoxDecoration(
        border: Border(
          top: BorderSide(color: theme.dividerColor),
          left: BorderSide(color: theme.colorScheme.primary, width: 3),
        ),
      ),
      child: Row(
        children: [
          Expanded(
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Text(
                  event.senderFromMemoryOrFallback.calcDisplayname(),
                  style: theme.textTheme.labelSmall?.copyWith(
                    color: theme.colorScheme.primary,
                    fontWeight: FontWeight.bold,
                  ),
                ),
                Text(
                  event.body,
                  maxLines: 1,
                  overflow: TextOverflow.ellipsis,
                  style: theme.textTheme.bodySmall,
                ),
              ],
            ),
          ),
          IconButton(
            icon: const Icon(Icons.close, size: 18),
            onPressed: onClear,
          ),
        ],
      ),
    );
  }
}

class _SendOnEnterFormatter extends TextInputFormatter {
  final VoidCallback onSend;
  _SendOnEnterFormatter({required this.onSend});

  @override
  TextEditingValue formatEditUpdate(
    TextEditingValue oldValue,
    TextEditingValue newValue,
  ) {
    return newValue;
  }
}