import 'package:flutter/material.dart';
import 'package:flutter_inappwebview/flutter_inappwebview.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:share_plus/share_plus.dart';

import 'package:linkdy/screens/webview/provider/webview.provider.dart';

import 'package:linkdy/models/data/bookmarks.dart';
import 'package:linkdy/i18n/strings.g.dart';
import 'package:linkdy/utils/copy_clipboard.dart';
import 'package:linkdy/utils/open_url.dart';

class WebView extends ConsumerWidget {
  final Bookmark bookmark;

  const WebView({
    Key? key,
    required this.bookmark,
  }) : super(key: key);

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    return Scaffold(
      appBar: AppBar(
        elevation: 3,
        title: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Text(
              bookmark.title != "" ? bookmark.title! : bookmark.websiteTitle!,
              style: const TextStyle(fontSize: 14),
            ),
            const SizedBox(height: 4),
            Text(
              bookmark.url!,
              style: TextStyle(
                fontSize: 12,
                color: Theme.of(context).colorScheme.onSurfaceVariant,
              ),
            ),
          ],
        ),
        bottom: PreferredSize(
          preferredSize: const Size(double.maxFinite, 0),
          child: ref.watch(webViewProvider).loadProgress < 100
              ? LinearProgressIndicator(
                  value: ref.watch(webViewProvider).loadProgress.toDouble(),
                )
              : const SizedBox(
                  height: 4,
                ),
        ),
      ),
      body: SafeArea(
        child: Column(
          children: [
            Expanded(
              child: InAppWebView(
                initialUrlRequest: URLRequest(url: WebUri.uri(Uri.parse(bookmark.url!))),
                onWebViewCreated: (controller) {
                  ref.read(webViewProvider).inAppWebViewController = controller;
                },
                onPermissionRequest: (controller, request) async {
                  return PermissionResponse(
                    resources: request.resources,
                    action: PermissionResponseAction.DENY,
                  );
                },
                onProgressChanged: (controller, progress) {
                  ref.read(webViewProvider.notifier).setLoadProgress(progress);
                },
                initialSettings: InAppWebViewSettings(
                  cacheEnabled: false,
                  isInspectable: false,
                ),
                onUpdateVisitedHistory: (controller, url, androidIsReload) {
                  controller.canGoBack().then((value) => ref.read(webViewProvider.notifier).setCanGoBack(value));
                  controller.canGoForward().then((value) => ref.read(webViewProvider.notifier).setCanGoForward(value));
                },
              ),
            ),
            Padding(
              padding: const EdgeInsets.all(8.0),
              child: Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: [
                  Row(
                    children: [
                      IconButton(
                        onPressed: ref.watch(webViewProvider).canGoBack == true
                            ? () => ref.watch(webViewProvider).inAppWebViewController?.goBack()
                            : null,
                        icon: const Icon(Icons.arrow_back_rounded),
                        tooltip: t.webview.goForward,
                      ),
                      const SizedBox(width: 8),
                      IconButton(
                        onPressed: ref.watch(webViewProvider).canGoForward == true
                            ? () => ref.watch(webViewProvider).inAppWebViewController?.goForward()
                            : null,
                        icon: const Icon(Icons.arrow_forward_rounded),
                        tooltip: t.webview.goForward,
                      ),
                      const SizedBox(width: 16),
                      IconButton(
                        onPressed: () => ref.watch(webViewProvider).inAppWebViewController?.reload(),
                        icon: const Icon(Icons.refresh_rounded),
                        tooltip: t.webview.reload,
                      ),
                    ],
                  ),
                  PopupMenuButton(
                    itemBuilder: (context) => [
                      PopupMenuItem(
                        onTap: () => Share.shareUri(Uri.parse(bookmark.url!)),
                        child: Row(
                          children: [
                            const Icon(Icons.share_rounded),
                            const SizedBox(width: 12),
                            Flexible(child: Text(t.webview.share)),
                          ],
                        ),
                      ),
                      PopupMenuItem(
                        onTap: () => copyToClipboard(
                          value: bookmark.url!,
                          successMessage: t.webview.linkCopiedClipboard,
                        ),
                        child: Row(
                          children: [
                            const Icon(Icons.copy_rounded),
                            const SizedBox(width: 12),
                            Flexible(child: Text(t.webview.copyLinkClipboard)),
                          ],
                        ),
                      ),
                      PopupMenuItem(
                        onTap: () => openUrl(bookmark.url!),
                        child: Row(
                          children: [
                            const Icon(Icons.open_in_browser_rounded),
                            const SizedBox(width: 12),
                            Flexible(child: Text(t.webview.openInSystemBrowser)),
                          ],
                        ),
                      ),
                    ],
                  ),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }
}
