import 'package:cubetiqs_pos_system/Page1/MyAppBar.dart';
import 'package:cubetiqs_pos_system/Page1/MyPizza.dart';
import 'package:cubetiqs_pos_system/main.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_icons/flutter_icons.dart';

import 'MyBottomNavigation.dart';

class MyBurger extends StatefulWidget {
  @override
  _MyBurgerState createState() => _MyBurgerState();
}

class _MyBurgerState extends State<MyBurger> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: buildAppbar,
      body: buildBody,
      endDrawer: buildDrawer,
        bottomNavigationBar: MyBottom()
    );
  }
  get buildDrawer {
    String img="https://www.pngkey.com/png/full/251-2511135_logo-chief-cook-clipart-png.png";
    return Drawer(
      child: Container(
        decoration: BoxDecoration(
            gradient: LinearGradient(
                begin: Alignment.topLeft,
                end: Alignment.bottomRight,
                colors: [
                  Color.fromRGBO(159, 163, 227,1),
                  Color.fromRGBO(244, 147, 242,0.3),
                ]

            ),
        ),
        child: ListView(
          children: [
            DrawerHeader(child: Image.network(img)),
            Container
              ( 
              margin: EdgeInsets.only(left:20),
                child: Row(
                  children: [
                  Text("Current Order",style: TextStyle(
                  fontSize: 20
                  )
                  ),
                    Container(
                      margin: EdgeInsets.all(5),
                      child: Container(
                       child: SizedBox(
                         width: 85,
                         height: 30,
                         child: RaisedButton(
                            shape:RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
                              color: Color.fromRGBO(209, 198, 191, 1),
                              child: Text("Clear all",style:
                                TextStyle(
                                  color: Colors.black.withOpacity(0.5)
                                ),),
                              onPressed:(){

                              }),
                       ),
                      ),
                    ),
                    Container(
                   //   margin: EdgeInsets.only(right: 1),
                      child: SizedBox(
                        width: 60,
                        height: 30,
                        child: RaisedButton(
                            shape:RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
                            color: Color.fromRGBO(209, 198, 191, 1),
                            child: Icon(FontAwesome.send_o),
                            onPressed:(){
                            }
                            ),
                      ),
                    )
                  ],
                ),
            ),
            ListTile(
              leading: Icon(Icons.shopping_cart),
              title: Text("Ranch Burgers"),
              onTap: () {
              Navigator.of(context).pop();
              },
              trailing: Text(r"$7.75"),

            ),
            ListTile(
              leading: Icon(Icons.shopping_cart),
              title: Text("Pancakes"),
              onTap: () {
                Navigator.of(context).pop();
              },
              trailing: Text(r"$1.75"),

            ),
            ListTile(
              leading: Icon(Icons.shopping_cart),
              title: Text("Grilled Corn"),
              onTap: () {
                Navigator.of(context).pop();
              },
              trailing: Text(r"$1.75"),

            ),

            ListTile(
              leading: Icon(Icons.shopping_cart),
              title: Text("Bacon pizza "),
              onTap: () {
                Navigator.of(context).pop();
              },
              trailing: Text(r"$7.00"),

            ),
            ListTile(
              leading: Icon(Icons.shopping_cart),
              title: Text("Tortillas"),
              onTap: () {
                Navigator.of(context).pop();
              },
              trailing: Text(r"$7.75"),

            ),
            ListTile(
              leading: Icon(Icons.shopping_cart),
              title: Text("Coca Cola"),
              onTap: () {
                Navigator.of(context).pop();
              },
              trailing: Text(r"$5.00"),

            ),
            Container(
              margin: EdgeInsets.all(20),
              child: SizedBox(
                width: 100,
                height: 30,
                
                child: RaisedButton(
                    shape:RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
                    color: Color.fromRGBO(255, 249, 53, 1),
                    child: Text("Pay with Credit Card",style:
                    TextStyle(
                        color: Colors.black.withOpacity(0.5)
                    ),),
                    onPressed:(){

                    }),
                ),
              ),
          ],
        ),
      ),
    );
  }
  get buildBody {
    return Container(
      color: Color.fromRGBO(255,255,255, 1),
      child: ListView(
        physics: BouncingScrollPhysics(),
        children: [
          MyMenu,
          MyItem1,
          MyItem2,
          MyItem3,
        ],
      ),
    );
  }
  get buildAppbar {
    return AppBar(
      title: Text("Burger Site",style: TextStyle(
          color: Color.fromRGBO(64, 70, 22,1)
      ),),
      centerTitle: true,
      backgroundColor: Color.fromRGBO(159, 163, 227,1),
      iconTheme: IconThemeData(color: Colors.black),
    );
  }
  get MyMenu {
    return Container(
      child: Row(
        children: [

          buildMenu1,
          buildMenu2,
          buildMenu3,

        ],
      ),

    );
  }
  get buildMenu1 {
    return Container(
      margin: EdgeInsets.only(left:35 ,top: 10),
      child: RaisedButton(
          shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
          color: Color.fromRGBO(180, 64, 16, 1),

          child: Text("All items",style: TextStyle(
            color: Colors.white,
          ),
          )
          ,
          onPressed: (){
            Navigator.push(context,MaterialPageRoute(builder: (context){

            return MyAppBar();

            }));
          }),
    );
  }
  get buildMenu2 {
    return Container(
      margin: EdgeInsets.only(left:35 ,top: 10),
      child: RaisedButton(
          shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
          color: Color.fromRGBO(224, 255, 255, 1),
          child: Text("Burger",style: TextStyle(
            color: Colors.black,

          ),
          )

          ,
          onPressed: (){

          }),
    );
  }
  get buildMenu3 {
    return Container(
      margin: EdgeInsets.only(left:35 ,top: 10),
      child: RaisedButton(
          shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
          color: Color.fromRGBO(224, 255, 255, 1),
          child: Text("Pizza",style: TextStyle(
            color: Colors.black,
          ),
          )
          ,
          onPressed: (){
            setState(() {
              Navigator.push(context, MaterialPageRoute(builder: (context){
                return MyPizza();
              }));
            });
          }),
    );
  }
  get MyItem1 {
    return Container(
      child: SingleChildScrollView(
        child: Stack
          (
          children: [

            buildItem1,
          ],
        ),
      ),
    );
  }
  get buildItem1 {
    String img1="https://www.litehousefoods.com/sites/default/files/styles/recipe_image/public/ranchburger_176389079-min.jpg?itok=oBlUqnCZ";
    return Container(
      margin: EdgeInsets.all(20),
      width: 500,
      height: 240,
      decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(20),
        color: Color.fromRGBO(244, 147, 242,0.3),
      ),

      child: Column(
        children: [
          Container(
            margin: EdgeInsets.only(right: 190 , top: 30),
            child: Text("Ranch Burgers",
                style: TextStyle(
                    color: Colors.purple,
                    fontWeight: FontWeight.bold,
                    fontSize: 20
                )
            ),
          ),

          Container(
            margin: EdgeInsets.only(right: 290 , top: 10),
            child: Text("150g",
              style:TextStyle(
                color: Colors.black.withOpacity(0.5),
              ) ,),
          ),
          Row(
            children: [
              Container(
                margin: EdgeInsets.only(left: 40),
                child: Text(r"$7.75" ,
                  style:TextStyle(
                      color: Color.fromRGBO(255,131,0,1),
                      fontSize: 25,
                      fontWeight: FontWeight.bold
                  ) ,),
              ),
              Container(
                width: 100,height: 100,
                margin: EdgeInsets.only(left: 140,bottom: 60),
                decoration: BoxDecoration(
                    borderRadius: BorderRadius.circular(10),
                    image: DecorationImage(
                        image: NetworkImage(img1),
                        fit: BoxFit.cover
                    )
                ),
              ) ,
            ],
          ),
        ],
      ),
    );
  }
  get MyItem2 {
    return Container(

      child: SingleChildScrollView(
        child: Stack
          (
          children: [

            buildItem2,
          ],
        ),
      ),
    );
  }
  get buildItem2 {
    String img2="https://iamhomesteader.com/wp-content/uploads/2020/08/flank-steak-new-1.jpg";
    return Container(
      margin: EdgeInsets.all(20),
      width: 500,
      height: 240,
      decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(20),
        color: Color.fromRGBO(244, 147, 242,0.3),
      ),

      child: Column(
        children: [
          Container(
            margin: EdgeInsets.only(right: 155 , top: 30),
            child: Text("Stufed Flank Steak",
                style: TextStyle(
                    color: Colors.purple,
                    fontWeight: FontWeight.bold,
                    fontSize: 20
                )
            ),
          ),

          Container(
            margin: EdgeInsets.only(right: 290 , top: 10),
            child: Text("150g",
              style:TextStyle(
                color: Colors.black.withOpacity(0.5),
              ) ,),
          ),
          Row(
            children: [
              Container(
                margin: EdgeInsets.only(left: 30),
                child: Text(r"$13.50" ,
                  style:TextStyle(
                      color: Color.fromRGBO(255,131,0,1),
                      fontSize: 25,
                      fontWeight: FontWeight.bold
                  ) ,),
              ),
              Container(
                width: 100,height: 100,
                margin: EdgeInsets.only(left: 140,bottom: 60),
                decoration: BoxDecoration(
                    borderRadius: BorderRadius.circular(10),
                    image: DecorationImage(
                        image: NetworkImage(img2),
                        fit: BoxFit.cover
                    )
                ),
              ) ,
            ],
          ),
        ],
      ),
    );
  }
  get MyItem3 {
    return Container(

      child: SingleChildScrollView(
        child: Stack
          (
          children: [

            buildItem3,
          ],
        ),
      ),
    );
  }
  get buildItem3 {
    String img3="https://www.recipetineats.com/wp-content/uploads/2017/06/Pancakes-SQ.jpg";
    return Container(
      margin: EdgeInsets.all(20),
      width: 500,
      height: 240,
      decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(20),
        color: Color.fromRGBO(244, 147, 242,0.3),
      ),

      child: Column(
        children: [
          Container(
            margin: EdgeInsets.only(right: 240 , top: 30),
            child: Text("Pancakes",
                style: TextStyle(
                    color: Colors.purple,
                    fontWeight: FontWeight.bold,
                    fontSize: 20
                )
            ),
          ),

          Container(
            margin: EdgeInsets.only(right: 290 , top: 10),
            child: Text("150g",
              style:TextStyle(
                color: Colors.black.withOpacity(0.5),
              ) ,),
          ),
          Row(
            children: [
              Container(
                margin: EdgeInsets.only(left: 40),
                child: Text(r"$1.75" ,
                  style:TextStyle(
                      color: Color.fromRGBO(255,131,0,1),
                      fontSize: 25,
                      fontWeight: FontWeight.bold
                  ) ,),
              ),
              Container(
                width: 100,height: 100,
                margin: EdgeInsets.only(left: 140,bottom: 60),
                decoration: BoxDecoration(
                    borderRadius: BorderRadius.circular(10),
                    image: DecorationImage(
                        image: NetworkImage(img3),
                        fit: BoxFit.cover
                    )
                ),
              ) ,
            ],
          ),
        ],
      ),
    );
  }
}