Modified the routes UI and added a simple cart page

1 files changed, 95 insertions, 0 deletions

diff --git a/lib/cart.dart b/lib/cart.dart
new file mode 100644
index 0000000..b3d5b0b
--- /dev/null
+++ b/lib/cart.dart
@@ -0,0 +1,95 @@
+import 'package:flutter/material.dart';
+
+// Define a Ride class to represent the selected ride
+class Ride {
+  final String name;
+  final String startLocation;
+  final String endLocation;
+  final String time;
+
+  Ride({
+    required this.name,
+    required this.startLocation,
+    required this.endLocation,
+    required this.time,
+  });
+}
+
+class CartPage extends StatelessWidget {
+  final Ride selectedRide;
+
+  CartPage({required this.selectedRide});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text('Cart'),
+      ),
+      body: Padding(
+        padding: const EdgeInsets.all(16.0),
+        child: Card(
+          elevation: 5,
+          shape: RoundedRectangleBorder(
+            borderRadius: BorderRadius.circular(12),
+          ),
+          child: Padding(
+            padding: const EdgeInsets.all(16.0),
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: <Widget>[
+                const Text(
+                  'Selected Ride:',
+                  style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
+                ),
+                const SizedBox(height: 12),
+                ListTile(
+                  leading: const Icon(Icons.directions_car, color: Colors.blue),
+                  title: Text(selectedRide.name),
+                  subtitle: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      const SizedBox(height: 8),
+                      Row(
+                        children: [
+                          const Icon(Icons.location_on, color: Colors.blue),
+                          const SizedBox(width: 4),
+                          Text(selectedRide.startLocation),
+                        ],
+                      ),
+                      const SizedBox(height: 4),
+                      Row(
+                        children: [
+                          const Icon(Icons.arrow_forward, color: Colors.blue),
+                          const SizedBox(width: 4),
+                          Text(selectedRide.endLocation),
+                        ],
+                      ),
+                      const SizedBox(height: 4),
+                      Row(
+                        children: [
+                          const Icon(Icons.access_time, color: Colors.blue),
+                          const SizedBox(width: 4),
+                          Text(selectedRide.time),
+                        ],
+                      ),
+                    ],
+                  ),
+                ),
+                const SizedBox(height: 20),
+                ElevatedButton(
+                  onPressed: () {
+                    // Implement payment or confirmation logic here
+                    // For now, just print a message
+                    print('Processing payment/confirmation...');
+                  },
+                  child: const Text('Proceed to Payment/Confirm'),
+                ),
+              ],
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}