import 'package:flutter/material.dart';
import 'package:gallery/data_provider/data_provider.dart';
import 'package:gallery/image_grid.dart';
import 'package:path_provider/path_provider.dart';

import 'data_provider/local_data_provider.dart';
import 'data_provider/ssh_data_provider.dart';

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

  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

enum Page { local, remote }

class _MyHomePageState extends State<MyHomePage> {
  Page page = Page.local;

  final DataProvider localProvider = LocalDataProvider(getApplicationDocumentsDirectory());

  Widget _buildPage() {
    DataProvider provider;

    switch (page) {
      case Page.local:
        provider = localProvider;
        break;
      case Page.remote:
        // todo do not generate a new provider on each tab switch
        provider = SSHDataProvider(
            initialPath: "/",
            host: "",
            password: "",
            port: 0,
            username: "");
        break;
    }
    return ImageGrid(dProvider: provider);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: _buildPage(),
      drawer: Drawer(
        child: ListView(
          padding: EdgeInsets.zero,
          children: [
            DrawerHeader(
              decoration: BoxDecoration(
                color: Theme.of(context).primaryColor,
              ),
              child: const Text('Gallery'),
            ),
            ListTile(
              title: const Text('Local'),
              onTap: () {
                setState(() {
                  page = Page.local;
                });
                Navigator.pop(context);
              },
            ),
            ListTile(
              title: const Text('Remote'),
              onTap: () {
                setState(() {
                  page = Page.remote;
                });
                Navigator.pop(context);
              },
            ),
          ],
        ),
      ),
      // floatingActionButton: FloatingActionButton(
      //   onPressed: () {
      //     // _controller.animateTo(.0,
      //     //     duration: const Duration(milliseconds: 400),
      //     //     curve: Curves.easeInOutQuad);
      //   },
      //   tooltip: 'Increment',
      //   child: const Icon(Icons.arrow_upward),
      // ),
    );
  }
}