import 'package:alert_banner/exports.dart';
import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
import 'package:oc_front/core/sections/header/header.dart';
import 'package:oc_front/pages/abstract_page.dart';
import 'package:oc_front/widgets/dialog/new_shared_workspace.dart';

class  SharedFactory implements AbstractFactory {
  static GlobalKey<SharedPageWidgetState> key = GlobalKey<SharedPageWidgetState>();
  @override bool searchFill() { return false; }
  @override Widget factory(GoRouterState state, List<String> args) { return SharedPageWidget(); }
  @override void search(BuildContext context) { }
}

class SharedPageWidget extends StatefulWidget {
  SharedPageWidget(): super(key: SharedFactory.key);
  @override SharedPageWidgetState createState() => SharedPageWidgetState();
  static void search(BuildContext context) { }
  static Widget factory() { return SharedPageWidget(); }
}
class SharedPageWidgetState extends State<SharedPageWidget> {

  @override Widget build(BuildContext context) {
    Future.delayed( const Duration(milliseconds: 100), () {
      showDialog(context: context, builder: (BuildContext ctx) => AlertDialog(
                                        titlePadding: EdgeInsets.zero,
                                        insetPadding: EdgeInsets.zero,
                                        backgroundColor: Colors.white,
                                        shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(0)),
                                        title:NewBoxSharedWidget()));
    });
    return Expanded( 
      child : Column( children: [ 
        Container(
          height: 50,
          color: const Color.fromRGBO(38, 166, 154, 1),
          width: MediaQuery.of(context).size.width,
        ),
        Row( 
        children: [
          Container(
            color: Colors.grey,
            height: MediaQuery.of(context).size.height - HeaderConstants.height - 50,
            width: 50,
            padding: const EdgeInsets.symmetric(vertical: 20, horizontal: 10),
            child: const Column(
              children: [
                Tooltip( message: "dashboard",
                  child: InkWell( mouseCursor: SystemMouseCursors.click,
                    child: Padding( padding: EdgeInsets.symmetric(vertical: 10), child : Icon(Icons.dashboard, color: Colors.white, size: 20)))),
                Tooltip( message: "shared workspaces",
                  child: InkWell( mouseCursor: SystemMouseCursors.click,
                    child: Padding( padding: EdgeInsets.symmetric(vertical: 10), child : Icon(Icons.workspaces, color: Colors.white, size: 20)))),
                Tooltip( message: "shared workflows",
                  child: InkWell( mouseCursor: SystemMouseCursors.click,
                    child: Padding( padding: EdgeInsets.symmetric(vertical: 10), child : Icon(Icons.rebase_edit, color: Colors.white, size: 20)))),
              ])
          ),
        ]
      ) ])
    );
  }
}