import 'package:flutter/material.dart';
import 'package:manager_app/Models/menu.dart';
import 'package:manager_app/Models/menuSection.dart';
import 'package:manager_app/Screens/Main/components/body.dart';
import 'package:manager_app/constants.dart';
import 'package:responsive_framework/responsive_breakpoints.dart';

class MainScreen extends StatefulWidget {
  MainScreen({Key? key}) : super(key: key);

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

class _MainScreenState extends State<MainScreen> {
  @override
  Widget build(BuildContext context) {
    if(ResponsiveBreakpoints.of(context).equals(DESKTOP)) {
      return Scaffold(
        body: Body(),
      );
    } else {
      return Scaffold(
        appBar: AppBar(title: Text("MyMuseum - Manager tablet and mobile mode"), backgroundColor: kPrimaryColor),
        drawer: Drawer(
            child: getMenu()
        ),
        body: Body(),
      );
    }

  }

  getMenu() {
    //MenuSection devices = new MenuSection(name: "Test", type: "devices", order: 0);
    MenuSection configurations = new MenuSection(name: "Visites", type: "configurations", order: 0);
    MenuSection resources = new MenuSection(name: "Ressources", type: "resources", order: 1);

    Menu menu = new Menu(title: "MyMuseum");

    return ListView(
      // Important: Remove any padding from the ListView.
      padding: EdgeInsets.zero,
      children: [
        DrawerHeader(
          decoration: BoxDecoration(
            color: kPrimaryColor,
          ),
          child: Text(menu.title),
        ),
        ListTile(
          title: Text(configurations.name),
          onTap: () {
            // TODO Navigate to configurations screen (by route if possible)
          },
        ),
        ListTile(
          title: Text(resources.name),
          onTap: () {
            // TODO Navigate to resources screen (by route if possible)
          },
        ),
      ],
    );
  }
}