import 'package:flutter/material.dart';
import 'package:fooddeliveryapp/pages/table.dart';
import 'package:provider/provider.dart';

import 'staff_info_page.dart';
import 'login_page.dart';
import '../model/user.dart';

class WelcomePage extends StatelessWidget {
  static const routeName = '/welcome';

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        automaticallyImplyLeading: false,
        title: Text("点餐App"),
      ),
      body: Consumer<UserStatus>(builder: (context, userStatus, child) {
        return Column(
          children: [
            GestureDetector(
              child: IndexCard("顾客", "开始自主点餐，并进行结算"),
              onTap: () {
                if (userStatus.value)
                  Navigator.pushNamed(context, TablePage.routeName);
                else
                  Navigator.pushNamed(context, LoginPage.routeName);
              },
            ),
            GestureDetector(
                child: IndexCard("员工", "设备员工信息"),
                onTap: () {
                  if (userStatus.value)
                    Navigator.pushNamed(context, StaffInfoPage.routeName);
                  else
                    Navigator.pushNamed(context, LoginPage.routeName);
                })
          ],
        );
      }),
    );
  }
}

class IndexCard extends StatelessWidget {
  final String title;
  final String description;

  IndexCard(this.title, this.description);

  @override
  Widget build(BuildContext context) {
    return Container(
      padding: EdgeInsets.fromLTRB(12, 12, 12, 0),
      child: Card(
          color: Colors.amber,
          elevation: 10,
          child: Container(
            padding: EdgeInsets.fromLTRB(15, 15, 15, 15),
            child: Column(
              mainAxisSize: MainAxisSize.min,
              children: [
                Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    Text(
                      title,
                      style: TextStyle(fontSize: 30),
                    ),
                    Text(title),
                    Text(title)
                  ],
                ),
                Row(
                  children: [
                    Icon(Icons.border_color),
                    Text(description)
                  ],
                )
              ],
            ),
          )),
    );
  }
}