import 'package:auto_route/auto_route.dart';
import 'package:collection/collection.dart';
import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:selfprivacy/logic/bloc/server_logs/server_logs_bloc.dart';
import 'package:selfprivacy/logic/models/server_logs.dart';
import 'package:selfprivacy/utils/platform_adapter.dart';

@RoutePage()
class ServerLogsScreen extends StatefulWidget {
  const ServerLogsScreen({super.key});

  @override
  State<ServerLogsScreen> createState() => _ServerLogsScreenState();
}

class _ServerLogsScreenState extends State<ServerLogsScreen> {
  final ScrollController _scrollController = ScrollController();
  late ServerLogsBloc _serverLogsBloc;

  String? _selectedSystemdUnit;

  @override
  void initState() {
    super.initState();
    _serverLogsBloc = BlocProvider.of<ServerLogsBloc>(context);
    _scrollController.addListener(_onScroll);
    _serverLogsBloc.add(ServerLogsFetch());
  }

  @override
  void dispose() {
    _scrollController.dispose();
    _serverLogsBloc.add(ServerLogsDisconnect());
    super.dispose();
  }

  void _onScroll() {
    if (_scrollController.position.pixels >=
        _scrollController.position.maxScrollExtent) {
      _serverLogsBloc.add(ServerLogsFetchMore());
    }
  }

  Widget _buildDrawer(final List<String> systemdUnits) => Drawer(
        child: ListView(
          padding: EdgeInsets.zero,
          children: [
            DrawerHeader(
              child: Text('server.filter_by_systemd_unit'.tr()),
            ),
            // a tile to reset filter
            RadioListTile(
              title: Text('server.all_units'.tr()),
              value: null,
              groupValue: _selectedSystemdUnit,
              onChanged: (final value) {
                setState(() {
                  _selectedSystemdUnit = value;
                });
              },
            ),
            for (final unit in systemdUnits.sorted())
              RadioListTile(
                title: Text(unit),
                value: unit,
                groupValue: _selectedSystemdUnit,
                onChanged: (final value) {
                  setState(() {
                    _selectedSystemdUnit = value;
                  });
                },
              ),
          ],
        ),
      );

  @override
  Widget build(final BuildContext context) => Scaffold(
        appBar: AppBar(
          title: Text('server.logs'.tr()),
        ),
        endDrawer: BlocBuilder<ServerLogsBloc, ServerLogsState>(
          builder: (final context, final state) {
            if (state is ServerLogsLoaded) {
              return _buildDrawer(state.systemdUnits);
            }
            return const SizedBox.shrink();
          },
        ),
        body: BlocBuilder<ServerLogsBloc, ServerLogsState>(
          builder: (final context, final state) {
            final isLoadingMore =
                state is ServerLogsLoaded && state.loadingMore;
            if (state is ServerLogsLoading) {
              return const Center(child: CircularProgressIndicator());
            } else if (state is ServerLogsLoaded) {
              if (_selectedSystemdUnit == null) {
                return ListView.builder(
                  controller: _scrollController,
                  itemCount: state.entries.length + (isLoadingMore ? 1 : 0),
                  itemBuilder: (final context, final index) {
                    if (isLoadingMore && index == state.entries.length) {
                      return const Center(child: CircularProgressIndicator());
                    }
                    final logEntry = state.entries[index];
                    return LogEntryWidget(
                      logEntry: logEntry,
                      key: ValueKey(logEntry.cursor),
                    );
                  },
                );
              } else {
                final (filteredLogs, filteredLength) =
                    state.entriesForUnit(_selectedSystemdUnit!);
                return ListView.builder(
                  controller: _scrollController,
                  itemCount: filteredLength + (isLoadingMore ? 1 : 0),
                  itemBuilder: (final context, final index) {
                    if (isLoadingMore && index == filteredLength) {
                      return const Center(child: CircularProgressIndicator());
                    }
                    final logEntry = filteredLogs[index];
                    return LogEntryWidget(
                      logEntry: logEntry,
                      key: ValueKey(logEntry.cursor),
                    );
                  },
                );
              }
            } else if (state is ServerLogsError) {
              return Center(child: Text('Error: ${state.error}'));
            }
            return Center(child: Text('server.no_logs'.tr()));
          },
        ),
      );
}

class LogEntryWidget extends StatelessWidget {
  const LogEntryWidget({
    required this.logEntry,
    super.key,
  });

  final ServerLogEntry logEntry;

  @override
  Widget build(final BuildContext context) {
    final Color color = logEntry.priority == 4
        ? Theme.of(context).colorScheme.primary
        : logEntry.priority != null && logEntry.priority! <= 3
            ? Theme.of(context).colorScheme.error
            : Theme.of(context).colorScheme.onSurface;
    return Padding(
      padding: const EdgeInsets.symmetric(horizontal: 12),
      child: ListTile(
        dense: true,
        title: Text.rich(
          TextSpan(
            style: DefaultTextStyle.of(context).style,
            children: <TextSpan>[
              TextSpan(
                text: '${logEntry.timeString}: ',
                style: TextStyle(
                  fontFeatures: const [FontFeature.tabularFigures()],
                  color: color,
                ),
              ),
              TextSpan(
                text: logEntry.systemdUnit,
                style: TextStyle(
                  fontWeight: FontWeight.bold,
                  color: color,
                ),
              ),
            ],
          ),
        ),
        subtitle: Text(
          logEntry.message,
          overflow: TextOverflow.ellipsis,
          maxLines: 6,
        ),
        onTap: () => showDialog(
          context: context,
          builder: (final BuildContext context) =>
              ServerLogEntryDialog(log: logEntry),
        ),
      ),
    );
  }
}

/// dialog with detailed log content
class ServerLogEntryDialog extends StatelessWidget {
  const ServerLogEntryDialog({
    required this.log,
    super.key,
  });

  final ServerLogEntry log;

  @override
  Widget build(final BuildContext context) => AlertDialog(
        scrollable: true,
        title: Text(log.timeString),
        contentPadding: const EdgeInsets.symmetric(
          vertical: 16,
          horizontal: 12,
        ),
        content: Column(
          crossAxisAlignment: CrossAxisAlignment.stretch,
          children: [
            const Divider(),
            Padding(
              padding: const EdgeInsets.symmetric(horizontal: 12),
              child: SelectableText.rich(
                TextSpan(
                  style: DefaultTextStyle.of(context).style,
                  children: <TextSpan>[
                    TextSpan(
                      text: '${'console_page.logged_at'.tr()}: ',
                      style: const TextStyle(),
                    ),
                    TextSpan(
                      text: '${log.timeString} (${log.fullUTCString})',
                      style: const TextStyle(
                        fontWeight: FontWeight.w700,
                        fontFeatures: [FontFeature.tabularFigures()],
                      ),
                    ),
                  ],
                ),
              ),
            ),
            const Divider(),
            _SectionRow('server.log_dialog.metadata'.tr()),
            _KeyValueRow('server.log_dialog.cursor'.tr(), log.cursor),
            if (log.priority != null)
              _KeyValueRow(
                  'server.log_dialog.priority'.tr(), log.priority?.toString()),
            if (log.systemdSlice != null)
              _KeyValueRow(
                  'server.log_dialog.systemd_slice'.tr(), log.systemdSlice),
            if (log.systemdUnit != null)
              _KeyValueRow(
                  'server.log_dialog.systemd_unit'.tr(), log.systemdUnit),
            const Divider(),
            _SectionRow('server.log_dialog.message'.tr()),
            _DataRow(log.message),
          ],
        ),
        actions: [
          // A button to copy the request to the clipboard
          if (log.message.isNotEmpty)
            TextButton(
              onPressed: () => PlatformAdapter.setClipboard(log.message),
              child: Text('console_page.copy'.tr()),
            ),
          // close dialog
          TextButton(
            onPressed: () => Navigator.of(context).pop(),
            child: Text('basis.close'.tr()),
          ),
        ],
      );
}

class _SectionRow extends StatelessWidget {
  const _SectionRow(this.title);

  final String title;

  @override
  Widget build(final BuildContext context) => Padding(
        padding: const EdgeInsets.symmetric(vertical: 8),
        child: DecoratedBox(
          decoration: BoxDecoration(
            border: Border(
              bottom: BorderSide(
                color: Theme.of(context).colorScheme.outlineVariant,
                width: 2.4,
              ),
            ),
          ),
          child: SelectableText(
            title.tr(),
            style: const TextStyle(
              fontWeight: FontWeight.w800,
              fontSize: 20,
            ),
          ),
        ),
      );
}

class _KeyValueRow extends StatelessWidget {
  const _KeyValueRow(this.title, this.value);

  final String title;
  final String? value;

  @override
  Widget build(final BuildContext context) => Padding(
        padding: const EdgeInsets.symmetric(horizontal: 12),
        child: SelectableText.rich(
          TextSpan(
            style: DefaultTextStyle.of(context).style,
            children: <TextSpan>[
              TextSpan(
                text: '$title: ',
                style: const TextStyle(fontWeight: FontWeight.bold),
              ),
              TextSpan(text: value ?? ''),
            ],
          ),
        ),
      );
}

class _DataRow extends StatelessWidget {
  const _DataRow(this.data);

  final String? data;

  @override
  Widget build(final BuildContext context) => Padding(
        padding: const EdgeInsets.symmetric(horizontal: 12),
        child: SelectableText(
          data ?? 'null',
          style: const TextStyle(fontWeight: FontWeight.w400),
        ),
      );
}