import 'package:flutter/material.dart';
import 'package:flutter_gen/gen_l10n/app_localizations.dart';

import 'package:adguard_home_manager/screens/logs/log_list_tile.dart';

import 'package:adguard_home_manager/functions/get_filtered_status.dart';
import 'package:adguard_home_manager/functions/format_time.dart';
import 'package:adguard_home_manager/models/logs.dart';

class LogDetailsModal extends StatelessWidget {
  final ScrollController scrollController;
  final Log log;
  final void Function(Log, String) blockUnblock;

  const LogDetailsModal({
    Key? key,
    required this.scrollController,
    required this.log,
    required this.blockUnblock
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    Widget getResult() {
      final filter = getFilteredStatus(context, log.reason, true);
      return Text(
        filter['label'],
        style: TextStyle(
          color: filter['color'],
          fontWeight: FontWeight.w500
        ),
      );
    }

    return Container(
      decoration: BoxDecoration(
        color: Theme.of(context).dialogBackgroundColor,
        borderRadius: const BorderRadius.only(
          topLeft: Radius.circular(28),
          topRight: Radius.circular(28),
        )
      ),
      child: Column(
        children: [
          Expanded(
            child: ListView(
              controller: scrollController,
              children: [
                const Padding(
                  padding: EdgeInsets.only(
                    top: 28,
                    bottom: 20,
                  ),
                  child: Icon(
                    Icons.list_rounded,
                    size: 26,
                  ),
                ),
                Text(
                  AppLocalizations.of(context)!.logDetails,
                  textAlign: TextAlign.center,
                  style: const TextStyle(
                    fontSize: 24
                  ),
                ),
                Padding(
                  padding: const EdgeInsets.all(20),
                  child: Text(
                    AppLocalizations.of(context)!.status,
                    style: TextStyle(
                      fontSize: 16,
                      fontWeight: FontWeight.w500,
                      color: Theme.of(context).primaryColor
                    ),
                  ),
                ),
                LogListTile(
                  icon: Icons.shield_rounded, 
                  title: AppLocalizations.of(context)!.result, 
                  subtitleWidget: getResult(),
                  trailing: log.cached == true 
                    ? Container(
                        padding: const EdgeInsets.all(5),
                        decoration: BoxDecoration(
                          color: Theme.of(context).listTileTheme.iconColor,
                          borderRadius: BorderRadius.circular(10)
                        ),
                        child: const Text(
                          "CACHE",
                          style: TextStyle(
                            fontSize: 12,
                            color: Colors.white,
                            fontWeight: FontWeight.w500
                          ),
                        ),
                      )
                    : null,
                ),
                if (log.rule != null) LogListTile(
                  icon: Icons.block, 
                  title: AppLocalizations.of(context)!.blockingRule, 
                  subtitle: log.rule
                ),
                LogListTile(
                  icon: Icons.schedule, 
                  title: AppLocalizations.of(context)!.time,
                  subtitle: formatTimestampUTCFromAPI(log.time, 'HH:mm:ss')
                ),
                Padding(
                  padding: const EdgeInsets.all(20),
                  child: Text(
                    AppLocalizations.of(context)!.request,
                    style: TextStyle(
                      fontSize: 16,
                      fontWeight: FontWeight.w500,
                      color: Theme.of(context).primaryColor
                    ),
                  ),
                ),
                LogListTile(
                  icon: Icons.domain_rounded, 
                  title: AppLocalizations.of(context)!.domain,
                  subtitle: log.question.name
                ),
                LogListTile(
                  icon: Icons.category_rounded, 
                  title: AppLocalizations.of(context)!.type,
                  subtitle: log.question.type
                ),
                LogListTile(
                  icon: Icons.class_rounded, 
                  title: AppLocalizations.of(context)!.clas,
                  subtitle: log.question.questionClass
                ),
                Padding(
                  padding: const EdgeInsets.all(20),
                  child: Text(
                    AppLocalizations.of(context)!.response,
                    style: TextStyle(
                      fontSize: 16,
                      fontWeight: FontWeight.w500,
                      color: Theme.of(context).primaryColor
                    ),
                  ),
                ),
                if (log.upstream != '') LogListTile(
                  icon: Icons.dns_rounded, 
                  title: AppLocalizations.of(context)!.dnsServer,
                  subtitle: log.upstream
                ),
                LogListTile(
                  icon: Icons.timer_rounded, 
                  title: AppLocalizations.of(context)!.elapsedTime,
                  subtitle: "${double.parse(log.elapsedMs).toStringAsFixed(2)} ms"
                ),
                LogListTile(
                  icon: Icons.system_update_alt_rounded, 
                  title: AppLocalizations.of(context)!.responseCode,
                  subtitle: log.status
                ),
                Padding(
                  padding: const EdgeInsets.all(20),
                  child: Text(
                    AppLocalizations.of(context)!.client,
                    style: TextStyle(
                      fontSize: 16,
                      fontWeight: FontWeight.w500,
                      color: Theme.of(context).primaryColor
                    ),
                  ),
                ),
                LogListTile(
                  icon: Icons.smartphone_rounded, 
                  title: AppLocalizations.of(context)!.deviceIp,
                  subtitle: log.client
                ),
                if (log.clientInfo != null && log.clientInfo!.name != '') LogListTile(
                  icon: Icons.abc_rounded, 
                  title: AppLocalizations.of(context)!.deviceName,
                  subtitle: log.clientInfo!.name
                ),
                if (log.answer.isNotEmpty) ...[
                  Padding(
                    padding: const EdgeInsets.all(20),
                    child: Text(
                      AppLocalizations.of(context)!.answer,
                      style: TextStyle(
                        fontSize: 16,
                        fontWeight: FontWeight.w500,
                        color: Theme.of(context).primaryColor
                      ),
                    ),
                  ),
                  ...log.answer.map((a) => LogListTile(
                    icon: Icons.download_rounded, 
                    title: a.value,
                    subtitle: "TTL: ${a.ttl.toString()}",
                    trailing: Container(
                      padding: const EdgeInsets.all(5),
                      decoration: BoxDecoration(
                        color: Theme.of(context).listTileTheme.iconColor,
                        borderRadius: BorderRadius.circular(10)
                      ),
                      child: Text(
                        a.type,
                        style: const TextStyle(
                          fontSize: 12,
                          color: Colors.white,
                          fontWeight: FontWeight.w500
                        ),
                      ),
                    )
                  )).toList()
                ]
              ],
            ),
          ),
          Padding(
            padding: const EdgeInsets.all(20),
            child: Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [
                TextButton(
                  onPressed: () {
                    blockUnblock(log, getFilteredStatus(context, log.reason, true)['filtered'] == true ? 'unblock' : 'block');
                    Navigator.pop(context);
                  },
                  child: Text(
                    getFilteredStatus(context, log.reason, true)['filtered'] == true
                      ? AppLocalizations.of(context)!.unblockDomain
                      : AppLocalizations.of(context)!.blockDomain
                    )
                ),
                TextButton(
                  onPressed: () => Navigator.pop(context),
                  child: Text(AppLocalizations.of(context)!.close)
                ),
              ],  
            ),
          )
        ],
      ),
    );
  }
}