import 'package:flutter/material.dart';
import 'package:mileograph_flutter/objects/objects.dart';
import 'package:provider/provider.dart';
import 'package:mileograph_flutter/services/dataService.dart';

class TractionPage extends StatelessWidget {
  Widget build(BuildContext context) {
    final data = context.watch<DataService>();
    return ListView.builder(
      itemCount: data.traction.length,
      itemBuilder: (context, index) {
        final loco = data.traction[index];
        return Card(
          margin: EdgeInsets.symmetric(horizontal: 16, vertical: 8),
          child: Padding(
            padding: EdgeInsets.all(16),
            child: Column(
              mainAxisAlignment: MainAxisAlignment.start,
              children: [
                Row(
                  mainAxisAlignment: MainAxisAlignment.start,
                  children: [Text('${loco.locoClass} ${loco.number}')],
                ),
                Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    Text(
                      '${loco.name}',
                      style: TextStyle(fontStyle: FontStyle.italic),
                    ),
                    Text('${loco.mileage} mi'),
                  ],
                ),
              ],
            ),
          ),
        );
      },
    );
  }
}