import 'package:ekallu_app/controller/UserScreenController.dart';
import 'package:ekallu_app/main.dart';
import 'package:ekallu_app/widgets/screens/BaseScreen.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter/widgets.dart';

class UserScreenWidget extends BaseScreen {
  UserScreenController controller;

  UserScreenWidget() {
    controller = new UserScreenController(this);
  }

  @override
  Widget build(BuildContext context) {
    SystemChrome.setEnabledSystemUIOverlays(SystemUiOverlay.values);
    return new MaterialApp(
        title: 'Ekallu',
        home: buildScaffold(),
        routes: App.routes,
        debugShowCheckedModeBanner: false);
  }

  Scaffold buildScaffold() {
    return new Scaffold(
        resizeToAvoidBottomPadding: false,
        key: scaffoldKey,
        backgroundColor: Color.fromARGB(1, 18, 12, 12),
        drawer: new SizedBox(
          width: 250,
          child: new Drawer(
              child: new ListView(
            children: <Widget>[
              new DrawerHeader(
                child: new Text('Header'),
              ),
              new ListTile(
                title: new Text('First Menu Item'),
                onTap: () {},
              ),
              new ListTile(
                title: new Text('Second Menu Item'),
                onTap: () {},
              ),
              new Divider(),
              new ListTile(
                title: new Text('About'),
                onTap: () {},
              ),
            ],
          )),
        ),
        body: new Column(
          crossAxisAlignment: CrossAxisAlignment.stretch,
          children: <Widget>[
            new Stack(
              children: <Widget>[
                new Container(
                    alignment: Alignment.topLeft,
                    padding: EdgeInsets.only(top: 40, left: 10),
                    child: new IconButton(
                        icon: new Icon(Icons.menu, size: 28.0),
                        color: Colors.white,
                        onPressed: controller.openDrawer)),
                new Container(
                  padding: EdgeInsets.only(top: 55),
                  alignment: Alignment.center,
                  child: new Text("EKALLU",
                      style: TextStyle(fontSize: 16, color: Colors.white)),
                )
              ],
            ),
            Container(
              padding: EdgeInsets.only(top: 30),
              child: new SizedBox(
                width:
                    MediaQuery.of(scaffoldKey.currentContext).size.width * 0.9,
                height:
                    MediaQuery.of(scaffoldKey.currentContext).size.height * 0.4,
                child: new Container(
                    color: Color.fromRGBO(239, 230, 221, 1),
                    child: new Stack(
                      children: <Widget>[],
                    )),
              ),
            ),
          ],
       ));
  }
}