connect with backend

lib/screens/mark_list_screen.dart

@@ -0,0 +1,56 @@
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import '../providers/mark_list_provider.dart';
+
+class MarkListScreen extends StatefulWidget {
+  const MarkListScreen({super.key});
+
+  @override
+  State<MarkListScreen> createState() => _MarkListScreenState();
+}
+
+class _MarkListScreenState extends State<MarkListScreen> {
+
+  @override
+  void initState() {
+    super.initState();
+
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      final provider = Provider.of<MarkListProvider>(context, listen: false);
+      provider.init(context);
+      provider.loadMarks(context); // Load full list again
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final marks = Provider.of<MarkListProvider>(context);
+
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text("All Mark Numbers"),
+      ),
+
+      body: marks.loading
+          ? const Center(child: CircularProgressIndicator())
+          : ListView.builder(
+        padding: const EdgeInsets.all(12),
+        itemCount: marks.marks.length,
+        itemBuilder: (_, i) {
+          final m = marks.marks[i];
+
+          return Card(
+            child: ListTile(
+              title: Text(m['mark_no']),
+              subtitle: Text("${m['origin']} → ${m['destination']}"),
+              trailing: Text(
+                m['status'],
+                style: const TextStyle(color: Colors.indigo),
+              ),
+            ),
+          );
+        },
+      ),
+    );
+  }
+}