dependencies:
  flutter:
    sdk: flutter
  webview_flutter: ^4.13.0
  webview_flutter_android: ^4.7.0
  webview_flutter_wkwebview: ^3.22.0
  image_picker: ^1.1.2
  permission_handler: ^12.0.0+1
  shelf: ^1.4.2
  path: ^1.9.1
  shelf_static: ^1.1.3
  path_provider: ^2.1.5
  fluttertoast: ^8.2.12
  share_plus: ^11.0.0
  open_file: ^3.5.10

flutter:
  assets:
    - assets/web/

WebViewController _controller = WebViewController()
  ..setJavaScriptMode(JavaScriptMode.unrestricted)
  ..enableZoom(true)
  ..setBackgroundColor(Colors.transparent)
  ..setNavigationDelegate(NavigationDelegate())
  ..platform.setOnPlatformPermissionRequest((request) {
    debugPrint('Permission requested by web content: ${request.types}');
    request.grant();
  })
  ..loadFlutterAsset('assets/web/index.html');

_controller = WebViewController()
  ...
  ..addJavaScriptChannel(
    'SaveFile',
    onMessageReceived: (JavaScriptMessage message) async {
      List<dynamic> byteList = jsonDecode(message.message);
      Uint8List pdfBytes = Uint8List.fromList(byteList.cast<int>());
      String filename = await saveFile(pdfBytes);
      Fluttertoast.showToast(
        msg: "File saved as: $filename",
        toastLength: Toast.LENGTH_LONG,
      );
    },
  )
  ...;

savePDFButton.addEventListener('click', async () => {
  const fileName = document.getElementById('fileName').value;
  const password = document.getElementById('password').value;
  const annotationType = document.getElementById('annotationType').value;
  try {
    const pdfSettings = { password, saveAnnotation: annotationType };
    let blob = await editViewer.currentDocument.saveToPdf(pdfSettings);
    sendBlobToDart(blob, fileName + `.pdf`);
  } catch (error) {
    console.log(error);
  }
  document.getElementById("save-pdf").style.display = "none";
});

function sendBlobToDart(blob) {
  const reader = new FileReader();
  reader.onload = function () {
    const arrayBuffer = reader.result;
    const byteArray = new Uint8Array(arrayBuffer);
    SaveFile.postMessage(JSON.stringify(Array.from(byteArray)));
  };
  reader.onerror = function (error) {
    console.error("Error reading blob:", error);
  };
  reader.readAsArrayBuffer(blob);
}

Future<String> saveFile(Uint8List pdfBytes) async {
  final directory = await getApplicationDocumentsDirectory();
  String filename = getFileName();
  final filePath = '${directory.path}/$filename';
  await File(filePath).writeAsBytes(pdfBytes);
  return filePath;
}

String getFileName() {
  DateTime now = DateTime.now();
  String timestamp = '${now.year}${now.month}${now.day}_${now.hour}${now.minute}${now.second}';
  return '$timestamp.pdf';
}

if (_controller.platform is AndroidWebViewController) {
  AndroidWebViewController.enableDebugging(true);
  (_controller.platform as AndroidWebViewController).setMediaPlaybackRequiresUserGesture(false);
  (_controller.platform as AndroidWebViewController).setOnShowFileSelector(
    (params) async {
      final XFile? image = await _picker.pickImage(source: ImageSource.gallery);
      if (image != null) {
        return ['file://${image.path}'];
      }
      return [''];
    }
  );
}

<uses-permission android:name="android.permission.CAMERA"/>

<key>NSCameraUsageDescription</key>
<string>This app needs camera access to allow the webpage to use your camera for video input.</string>

Future<void> requestCameraPermission() async {
  final status = await Permission.camera.request();
  if (status == PermissionStatus.granted) {
    // Đã cấp quyền
  } else if (status == PermissionStatus.denied) {
    // Hiện thông báo hoặc xử lý khi bị từ chối
  } else if (status == PermissionStatus.permanentlyDenied) {
    // Hướng dẫn người dùng bật lại trong cài đặt
  }
}

@override
void initState() {
  super.initState();
  requestCameraPermission();
}

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  if (Platform.isAndroid) {
    final dir = await getTemporaryDirectory();
    final path = p.join(dir.path, 'web');
    final webDir = Directory(path)..createSync(recursive: true);
    final files = ['index.html', 'full.json', 'main.css', 'main.js'];
    for (var filename in files) {
      final ByteData data = await rootBundle.load('assets/web/$filename');
      final file = File(p.join(webDir.path, filename));
      await file.writeAsBytes(data.buffer.asUint8List());
    }
    final handler = createStaticHandler(
      webDir.path,
      defaultDocument: 'index.html',
      serveFilesOutsidePath: true,
    );
    try {
      final server = await shelf_io.serve(handler, 'localhost', 8080);
      print('Serving at http://${server.address.host}:${server.port}');
    } catch (e) {
      print('Failed to start server: $e');
    }
  }
  runApp(const MyApp());
}

if (Platform.isAndroid) {
  _controller = WebViewController()
    ..setJavaScriptMode(JavaScriptMode.unrestricted)
    ..enableZoom(true)
    ..setBackgroundColor(Colors.transparent)
    ..setNavigationDelegate(NavigationDelegate())
    ..addJavaScriptChannel(
      'SaveFile',
      onMessageReceived: (JavaScriptMessage message) {
        // Xử lý lưu file
      },
    )
    ..platform.setOnPlatformPermissionRequest((request) {
      request.grant();
    })
    ..loadRequest(Uri.parse('http://localhost:8080/index.html'));
}

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: TabBarView(
      controller: _tabController,
      physics: const NeverScrollableScrollPhysics(),
      children: [
        HomeView(title: 'Document Viewer', controller: _controller),
        const HistoryView(title: 'History'),
      ],
    ),
    bottomNavigationBar: TabBar(
      labelColor: Colors.blue,
      controller: _tabController,
      tabs: const [
        Tab(icon: Icon(Icons.home), text: 'Home'),
        Tab(icon: Icon(Icons.history_sharp), text: 'History'),
      ],
    ),
  );
}

class HomeView extends StatefulWidget {
  final WebViewController controller;
  final String title;
  const HomeView({super.key, required this.title, required this.controller});

  @override
  State<HomeView> createState() => _HomeViewState();
}

class _HomeViewState extends State<HomeView> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text(widget.title)),
      body: WebViewWidget(controller: widget.controller),
    );
  }
}

class HistoryView extends StatefulWidget {
  const HistoryView({super.key, required this.title});
  final String title;

  @override
  State<HistoryView> createState() => _HistoryViewState();
}

class _HistoryViewState extends State<HistoryView> {
  List<String> _results = [];
  int selectedValue = -1;

  @override
  void initState() {
    super.initState();
    getFiles().then((value) => setState(() => _results = value));
  }

  Widget createListView(BuildContext context, List<String> results) {
    return ListView.builder(
      itemCount: results.length,
      itemBuilder: (context, index) {
        return RadioListTile<int>(
          value: index,
          groupValue: selectedValue,
          title: Text(results[index]),
          onChanged: (int? value) {
            setState(() => selectedValue = value!);
          },
        );
      },
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
        actions: [
          IconButton(
            icon: const Icon(Icons.info),
            onPressed: () {
              if (selectedValue != -1) OpenFile.open(_results[selectedValue]);
            },
          ),
          IconButton(
            icon: const Icon(Icons.share),
            onPressed: () {
              if (selectedValue != -1) {
                SharePlus.instance.share(
                  ShareParams(
                    text: 'Check out this image!',
                    files: [XFile(_results[selectedValue])],
                  ),
                );
              }
            },
          ),
          IconButton(
            icon: const Icon(Icons.delete),
            onPressed: () async {
              if (selectedValue != -1) {
                bool isDeleted = await deleteFile(_results[selectedValue]);
                if (isDeleted) {
                  setState(() {
                    _results.removeAt(selectedValue);
                    selectedValue = -1;
                  });
                }
              }
            },
          ),
        ],
      ),
      body: Center(
        child: _results.isNotEmpty
            ? createListView(context, _results)
            : const Text('No documents found.'),
      ),
    );
  }
}