Co-authored-by: ishaanj0412 <[email protected]>

Author: KaranjitSaha

lib/bookingdetails.dart

@@ -0,0 +1,68 @@
+import 'package:flutter/material.dart';
+
+class BookingDetails extends StatelessWidget{
+  const BookingDetails(this.date, this.starttime, this.endtime, {Key? key}) : super(key: key);
+  final String date;
+  final String starttime;
+  final String endtime;
+  
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+          title: Column(
+              mainAxisAlignment: MainAxisAlignment.center,
+              crossAxisAlignment: CrossAxisAlignment.start,
+            
+              children: const [
+                Text(
+                  "ShareCab",
+                  style: TextStyle(color: Colors.white, fontSize: 16.0),
+                ),
+                Text(
+                  "Booking Details",
+                  style: TextStyle(color: Colors.white, fontSize: 14.0),
+                )
+              ],
+            ),
+          leadingWidth: 70,
+          leading: FloatingActionButton(
+            shape: RoundedRectangleBorder(
+              borderRadius: BorderRadius.circular(30),
+            ),
+            heroTag: "button1",
+            onPressed: (){
+  // TODO: Add Navigator pop 
+            },
+            backgroundColor: Colors.black,
+            child:Row(
+              children: <Widget>[
+                Icon(Icons.arrow_back,
+                color: Colors.white),
+                CircleAvatar(
+              backgroundImage: AssetImage('assets/logo.png'),
+              backgroundColor: Colors.black,
+            ),
+              ],)),
+          backgroundColor: Colors.black,
+          shape: const Border(
+          bottom: BorderSide(
+            color: Color(0xFF424242),
+          )
+      ),
+      ),
+      backgroundColor: Colors.black,
+      floatingActionButton: FloatingActionButton(
+        heroTag: "button2",
+        onPressed: (){},
+        backgroundColor: Colors.red,
+        child: const Icon(
+          Icons.delete,
+          color: Colors.white,
+        )
+      ),
+     // body: 
+    );
+  }
+  
+}

lib/home.dart

@@ -3,6 +3,7 @@ import 'package:carpool/user.dart';
 import 'package:carpool/LoginForm.dart';
 import 'package:interval_tree/interval_tree.dart' as a;
 import 'package:intl/intl.dart';
+import 'package:carpool/bookingdetails.dart';
 
 class Home extends StatefulWidget {
   Home ({Key? key}) : super(key: key);
@@ -16,6 +17,8 @@ class Home extends StatefulWidget {
   }
 }
 
+enum Options{ Remove, ShowDetails }
+
 class Homepage extends State<Home>{
   Widget presentwidget = Container(
       child: const Center(
@@ -27,6 +30,71 @@ class Homepage extends State<Home>{
   );
   List<a.Interval> userintervals = [a.Interval(2, 3), a.Interval(5, 6)];
 
+  
+
+  Future<void>OpenDialog()async{
+    switch(await showDialog(
+      context: context,
+      builder: (BuildContext context){
+        return SimpleDialog(
+          backgroundColor: Color(0xFF212121),
+          shape: RoundedRectangleBorder(
+            borderRadius: BorderRadius.circular(10),
+          ),
+          title: const Text(
+            "Information about the booking",
+            style: TextStyle(color: Colors.white, fontSize: 18),
+            ),
+          children: <Widget>[
+            SimpleDialogOption(
+              onPressed: (){Navigator.pop(context,Options.ShowDetails);},
+              child: const ListTile(
+                leading: Icon(
+                  Icons.list,
+                  color: Colors.blue,
+                ),
+                title: Text(
+                  "Show Details",
+                  style: TextStyle(color: Colors.white),
+                ),
+                tileColor: Color(0xFF303030),
+
+              ),
+            ),
+            SimpleDialogOption(
+              onPressed: (){Navigator.pop(context,Options.Remove);},
+              child: ListTile(
+                leading: const Icon(
+                  Icons.delete,
+                  color: Colors.white,
+                ),
+                title: const Text(
+                  "Cancel Booking",
+                  style: TextStyle(color: Colors.white),
+                ),
+                tileColor: Colors.red,
+                shape: RoundedRectangleBorder(
+                  borderRadius: BorderRadius.circular(7),
+                ),
+              ),
+            ), 
+          ],
+          );
+      }
+    ))
+    {
+      case Options.ShowDetails:
+      // Let's go.
+      Navigator.push(context, MaterialPageRoute(builder: (context) => const BookingDetails("11-02-2022", "2:00", "3:00")));
+      print("show details clicked");
+      break;
+      case Options.Remove:
+        // ...
+      print("remove clicked");
+      break;
+    }
+  }
+
   @override
   Widget build(BuildContext context) {
     //bookings();
@@ -57,7 +125,9 @@ class Homepage extends State<Home>{
                     borderRadius: BorderRadius.circular(10),
                   ),
                   trailing: IconButton(
-                    onPressed: (){},
+                    onPressed: (){
+                      OpenDialog();
+                    },
                     icon: const Icon(
                       Icons.more_vert,
                       color: Colors.white,

lib/landing.dart

@@ -46,6 +46,7 @@ class Landing extends State<TabNavigator>{
           backgroundColor: Colors.black,
           actions: <Widget>[
             IconButton(
+              
               icon: const Icon(
                 Icons.date_range,
                 color: Colors.blue,