import 'dart:convert';
import 'dart:io';

import 'package:desktop_multi_window/desktop_multi_window.dart';
import 'package:flutter/material.dart';
import 'package:flutter_gen/gen_l10n/app_localizations.dart';
import 'package:network_proxy/network/bin/server.dart';
import 'package:network_proxy/ui/component/encoder.dart';
import 'package:network_proxy/ui/component/js_run.dart';
import 'package:network_proxy/ui/component/multi_window.dart';
import 'package:network_proxy/ui/mobile/request/request_editor.dart';
import 'package:network_proxy/utils/platform.dart';
import 'package:window_manager/window_manager.dart';

class Toolbox extends StatefulWidget {
  final ProxyServer? proxyServer;

  const Toolbox({super.key, this.proxyServer});

  @override
  State<StatefulWidget> createState() {
    return _ToolboxState();
  }
}

class _ToolboxState extends State<Toolbox> {
  AppLocalizations get localizations => AppLocalizations.of(context)!;

  @override
  Widget build(BuildContext context) {
    return Container(
      padding: const EdgeInsets.all(10),
      child: Column(
        mainAxisAlignment: MainAxisAlignment.start,
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          const Divider(thickness: 0.3),
          Row(children: [
            InkWell(
                onTap: httpRequest,
                child: Container(
                  padding: const EdgeInsets.all(10),
                  child: Column(children: [
                    const Icon(Icons.http),
                    Text(localizations.httpRequest, style: const TextStyle(fontSize: 14)),
                  ]),
                )),
            const SizedBox(width: 10),
            InkWell(
                onTap: () async {
                  if (Platforms.isMobile()) {
                    Navigator.of(context).push(MaterialPageRoute(builder: (context) => const JavaScript()));
                    return;
                  }

                  var size = MediaQuery.of(context).size;
                  var ratio = 1.0;
                  if (Platform.isWindows) {
                    ratio = WindowManager.instance.getDevicePixelRatio();
                  }

                  final window = await DesktopMultiWindow.createWindow(jsonEncode(
                    {'name': 'JavaScript'},
                  ));
                  window.setTitle('JavaScript');
                  window
                    ..setFrame(const Offset(100, 100) & Size(960 * ratio, size.height * ratio))
                    ..center()
                    ..show();
                },
                child: Container(
                  padding: const EdgeInsets.all(10),
                  child: const Column(children: [Icon(Icons.javascript), Text("JavaScript")]),
                )),
          ]),
          const Divider(thickness: 0.3),
          Text(localizations.encode, style: const TextStyle(fontSize: 14, fontWeight: FontWeight.bold)),
          Row(
            children: [
              InkWell(
                  onTap: () => encodeWindow(EncoderType.url, context),
                  child: Container(
                    padding: const EdgeInsets.all(10),
                    child: const Column(children: [Icon(Icons.link), Text(' URL')]),
                  )),
              const SizedBox(width: 10),
              InkWell(
                  onTap: () => encodeWindow(EncoderType.base64, context),
                  child: Container(
                    padding: const EdgeInsets.all(10),
                    child: const Column(children: [Icon(Icons.currency_bitcoin), Text('Base64')]),
                  )),
              const SizedBox(width: 15),
              InkWell(
                  onTap: () => encodeWindow(EncoderType.md5, context),
                  child: Container(
                    padding: const EdgeInsets.all(10),
                    child: const Column(children: [Icon(Icons.enhanced_encryption), Text('MD5')]),
                  )),
            ],
          )
        ],
      ),
    );
  }

  httpRequest() async {
    if (Platforms.isMobile()) {
      Navigator.of(context)
          .push(MaterialPageRoute(builder: (context) => MobileRequestEditor(proxyServer: widget.proxyServer)));
      return;
    }

    var size = MediaQuery.of(context).size;
    var ratio = 1.0;
    if (Platform.isWindows) {
      ratio = WindowManager.instance.getDevicePixelRatio();
    }

    final window = await DesktopMultiWindow.createWindow(jsonEncode(
      {'name': 'RequestEditor'},
    ));
    window.setTitle(localizations.httpRequest);
    window
      ..setFrame(const Offset(100, 100) & Size(960 * ratio, size.height * ratio))
      ..center()
      ..show();
  }
}