import 'package:flutter/material.dart';
void main() => runApp(MyApp());

//-----IMPORTS-------------------------------------------------------------------------------------------//

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Bepsnet Merchant',
      theme: ThemeData(
        primaryColor: Colors.blueGrey[500],
      ),


//-----SCAFFOLD-------------------------------------------------------------------------------------------//


      home: Scaffold(
        appBar: AppBar(
          title: Text('Bepsnet Merchant'),
        ),
        drawer: Drawer(
          child: ListView(
            padding: EdgeInsets.zero,
            children: <Widget>[
              DrawerHeader(
                child: Text('Bepsnet Merchant'),
                decoration: BoxDecoration(
                  color: Colors.blueGrey[500],
                ),
              ),
              ListTile(
                title: Text('Transaksi'),
                onTap: () {
                  Navigator.pop(context);
                },
              ),
              ListTile(
                title: Text('Laporan'),
                onTap: () {
                  print('coba');
                },
              ),
            ],
          ),
        ),
        body: SingleChildScrollView(
          child: Stack(
            children: <Widget>[
              new Column(
                children: <Widget>[

//-----Field 1-------------------------------------------------------------------------------------------//

                  new Container(
                    margin: EdgeInsets.all(0.0),
                    color: Colors.white,
                    child: new Column(
                      children: <Widget>[
                        new Card(
                          elevation: 0.0,
                          child: new Container(
                            alignment: Alignment(0.0, 0.0),
                            height: 30,
                            margin: EdgeInsets.all(0.0),
                            color: Colors.blue[50],
                            child: new Text(
                              'Jumlah Saldo',
                              style: TextStyle(
                                  fontSize: 15.0, color: Colors.black45),
                            ),
                          ),
                        ),
                        new Card(
                          elevation: 1.0,
                          child: new Container(
                            alignment: Alignment(0.0, 0.0),
                            height: 60.0,
                            margin: EdgeInsets.all(0.0),
                            color: Colors.white,
                            child: new Text(
                              'Rp. 100,000,000',
                              style: TextStyle(
                                  fontSize: 20.0, color: Colors.black45),
                            ),
                          ),
                        ),
                      ],
                    ),
                  ),

//-----Field 2-------------------------------------------------------------------------------------------//

                  new Container(
                    margin: EdgeInsets.all(0.0),
                    color: Colors.white,
                    child: new Column(
                      children: <Widget>[
                        new Card(
                          elevation: 0.0,
                          child: new Container(
                            alignment: Alignment(0.0, 0.0),
                            height: 30,
                            margin: EdgeInsets.all(0.0),
                            color: Colors.blue[50],
                            child: new Text(
                              'Transaksi Hari Ini',
                              style: TextStyle(
                                  fontSize: 15.0, color: Colors.black45),
                            ),
                          ),
                        ),
                        new Container(
                          width: 325,
                          color: Colors.white,
                          child: new TextField(
                            decoration: InputDecoration(
                                focusedBorder: OutlineInputBorder(
                                  borderSide: BorderSide(
                                      color: Colors.grey, width: 1.0),
                                ),
                                hintText: 'Cari Transaksi',
                                hintStyle: TextStyle(
                                    fontSize: 15.0, color: Colors.black45)),
                          ),
                        ),
                        new Card(
                          elevation: 1.0,
                          child: new Container(
                            alignment: Alignment(0.0, 0.0),
                            margin: EdgeInsets.all(10.0),
                            color: Colors.white,
                            child: Column(
                              children: <Widget>[
                                new Card(
                                  elevation: 1.0,
                                  child: Container(
                                    color: Colors.green[50],
                                    height: 50,
                                    width: 325,
                                    margin: EdgeInsets.all(1.0),
                                    child: new Text('User 1'),
                                  ),
                                ),
                                new Card(
                                  elevation: 1.0,
                                  child: Container(
                                    color: Colors.green[50],
                                    height: 50,
                                    width: 325,
                                    margin: EdgeInsets.all(1.0),
                                    child: new Text('User 2'),
                                  ),
                                ),
                                new Card(
                                  elevation: 1.0,
                                  child: Container(
                                    color: Colors.green[50],
                                    height: 50,
                                    width: 325,
                                    margin: EdgeInsets.all(1.0),
                                    child: new Text('User 3'),
                                  ),
                                ),
                                new Card(
                                  elevation: 1.0,
                                  child: Container(
                                    color: Colors.green[50],
                                    height: 50,
                                    width: 325,
                                    margin: EdgeInsets.all(1.0),
                                    child: new Text('User 3'),
                                  ),
                                ),
                              ],
                            ),
                          ),
                        ),
                      ],
                    ),
                  ),

//-----Field 3-------------------------------------------------------------------------------------------//

                  new Container(
                    margin: EdgeInsets.all(0.0),
                    color: Colors.white,
                    child: new Column(
                      children: <Widget>[
                      ],
                    ),
                  ),
                ],
              )
            ],
          ),
        ),
      ),

//-----SCAFFOLD END-------------------------------------------------------------------------------------------//
    );
  }
}