import 'package:dio/dio.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:toolbox/core/route.dart';
import 'package:toolbox/core/utils.dart';
import 'package:toolbox/data/model/server/server_private_info.dart';
import 'package:toolbox/data/model/server/snippet.dart';
import 'package:toolbox/data/provider/server.dart';
import 'package:toolbox/data/provider/snippet.dart';
import 'package:toolbox/data/res/color.dart';
import 'package:toolbox/data/res/padding.dart';
import 'package:toolbox/locator.dart';
import 'package:toolbox/view/page/snippet/edit.dart';
import 'package:toolbox/view/widget/round_rect_card.dart';

class SnippetListPage extends StatefulWidget {
  const SnippetListPage({Key? key, this.spi}) : super(key: key);
  final ServerPrivateInfo? spi;

  @override
  _SnippetListPageState createState() => _SnippetListPageState();
}

class _SnippetListPageState extends State<SnippetListPage> {
  late ServerPrivateInfo _selectedIndex;

  final _importFieldController = TextEditingController();
  final _exportFieldController = TextEditingController();

  final _textStyle = TextStyle(color: primaryColor);
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Snippet List'),
        actions: [
          IconButton(
              onPressed: () => _showImportExport(),
              icon: const Icon(Icons.import_export)),
        ],
      ),
      body: _buildBody(),
      floatingActionButton: FloatingActionButton(
        child: const Icon(Icons.add),
        onPressed: () =>
            AppRoute(const SnippetEditPage(), 'snippet edit page').go(context),
      ),
    );
  }

  Future<void> _showImportExport() async {
    await showRoundDialog(
        context,
        'Choose',
        Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            ListTile(
              title: const Text('Import'),
              leading: const Icon(Icons.download),
              onTap: () => _showImportDialog(),
            ),
            ListTile(
              title: const Text('Export'),
              leading: const Icon(Icons.file_upload),
              onTap: () => _showExportDialog(),
            ),
          ],
        ),
        []);
  }

  Future<void> _showExportDialog() async {
    Navigator.of(context).pop();
    _exportFieldController.text = locator<SnippetProvider>().export;
    await showRoundDialog(
        context,
        'Export',
        TextField(
          decoration: const InputDecoration(
            labelText: 'JSON',
          ),
          maxLines: 3,
          controller: _exportFieldController,
        ),
        [
          TextButton(
            child: const Text('OK'),
            onPressed: () => Navigator.pop(context),
          ),
        ]);
  }

  Future<void> _showImportDialog() async {
    Navigator.of(context).pop();
    await showRoundDialog(
        context,
        'Import',
        TextField(
          decoration: const InputDecoration(
            labelText: 'Url or JSON',
          ),
          maxLines: 2,
          controller: _importFieldController,
        ),
        [
          TextButton(
              onPressed: () => Navigator.of(context).pop(),
              child: const Text('Cancel')),
          TextButton(
            onPressed: () async =>
                await _import(_importFieldController.text.trim()),
            child: const Text('GO'),
          )
        ]);
  }

  Future<void> _import(String text) async {
    if (text.isEmpty) {
      showSnackBar(context, const Text('field can not be empty'));
      return;
    }
    final snippetProvider = locator<SnippetProvider>();
    if (text.startsWith('http')) {
      final resp = await Dio().get(text);
      if (resp.statusCode != 200) {
        showSnackBar(
            context, Text('request failed, status code: ${resp.statusCode}'));
        return;
      }
      for (final snippet in getSnippetList(resp.data)) {
        snippetProvider.add(snippet);
      }
    } else {
      for (final snippet in getSnippetList(text)) {
        snippetProvider.add(snippet);
      }
    }
    Navigator.of(context).pop();
  }

  Widget _buildBody() {
    return Consumer<SnippetProvider>(
      builder: (_, key, __) {
        return key.snippets.isNotEmpty
            ? ListView.builder(
                padding: const EdgeInsets.all(13),
                itemCount: key.snippets.length,
                itemExtent: 57,
                itemBuilder: (context, idx) {
                  return RoundRectCard(Padding(
                    padding: roundRectCardPadding,
                    child: Row(
                      crossAxisAlignment: CrossAxisAlignment.center,
                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                      children: [
                        Text(
                          key.snippets[idx].name,
                          textAlign: TextAlign.center,
                        ),
                        Row(children: [
                          TextButton(
                              onPressed: () => AppRoute(
                                      SnippetEditPage(
                                          snippet: key.snippets[idx]),
                                      'snippet edit page')
                                  .go(context),
                              child: Text(
                                'Edit',
                                style: _textStyle,
                              )),
                          TextButton(
                              onPressed: () {
                                final snippet = key.snippets[idx];
                                if (widget.spi == null) {
                                  _showRunDialog(snippet);
                                  return;
                                }
                                run(context, snippet);
                              },
                              child: Text(
                                'Run',
                                style: _textStyle,
                              ))
                        ])
                      ],
                    ),
                  ));
                })
            : const Center(child: Text('No saved snippets.'));
      },
    );
  }

  void _showRunDialog(Snippet snippet) {
    showRoundDialog(context, 'Choose destination',
        Consumer<ServerProvider>(builder: (_, provider, __) {
      if (provider.servers.isEmpty) {
        return const Text('No server available');
      }
      _selectedIndex = provider.servers.first.info;
      return SizedBox(
          height: 111,
          child: Stack(children: [
            Positioned(
              child: Container(
                height: 37,
                decoration: const BoxDecoration(
                  borderRadius: BorderRadius.all(Radius.circular(7)),
                  color: Colors.black12,
                ),
              ),
              top: 36,
              bottom: 36,
              left: 0,
              right: 0,
            ),
            ListWheelScrollView.useDelegate(
              itemExtent: 37,
              diameterRatio: 1.2,
              controller: FixedExtentScrollController(initialItem: 0),
              onSelectedItemChanged: (idx) =>
                  _selectedIndex = provider.servers[idx].info,
              physics: const FixedExtentScrollPhysics(),
              childDelegate: ListWheelChildBuilderDelegate(
                  builder: (context, index) => Center(
                        child: Text(
                          provider.servers[index].info.name,
                          textAlign: TextAlign.center,
                        ),
                      ),
                  childCount: provider.servers.length),
            )
          ]));
    }), [
      TextButton(
          onPressed: () async => run(context, snippet),
          child: const Text('Run')),
      TextButton(
          onPressed: () => Navigator.of(context).pop(),
          child: const Text('Cancel')),
    ]);
  }

  Future<void> run(BuildContext context, Snippet snippet) async {
    final result = await locator<ServerProvider>()
        .runSnippet(widget.spi ?? _selectedIndex, snippet);
    if (result != null) {
      showRoundDialog(context, 'Result',
          Text(result, style: const TextStyle(fontSize: 13)), [
        TextButton(
            onPressed: () => Navigator.of(context).pop(),
            child: const Text('Close'))
      ]);
    }
  }
}