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),
              ),
            ),
          );
        },
      ),
    );
  }
}