import 'package:flutter/cupertino.dart';
import 'package:info_tren/models/train_data.dart';

class DisplayTrainStation extends StatelessWidget {
  final OnDemandStation station;

  DisplayTrainStation({@required this.station});

  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisSize: MainAxisSize.min,
      crossAxisAlignment: CrossAxisAlignment.center,
      children: <Widget>[
        Row(
          mainAxisSize: MainAxisSize.max,
          children: <Widget>[
            Padding(
              padding: const EdgeInsets.all(8),
              child: Container(
                decoration: BoxDecoration(
                  borderRadius: BorderRadius.circular(10),
                  border: Border.all(
                    width: 2,
                    color: FOREGROUND_WHITE,
                  ),
                  // color: CupertinoColors.activeOrange,
                ),
                width: 48,
                height: 48,
                child: Column(
                  mainAxisSize: MainAxisSize.min,
                  children: <Widget>[
                    Expanded(
                      child: Center(
                        child: FutureDisplay<int>(
                          future: station.km,
                          builder: (context, value) {
                            return Text(
                              value.toString(),
                              style: CupertinoTheme.of(context).textTheme.textStyle.copyWith(
                                fontSize: 18,
                                fontWeight: FontWeight.w100,
                              ),
                              textAlign: TextAlign.center,
                            );
                          },
                        ),
                      ),
                    ),
                    Text(
                      "km",
                      style: CupertinoTheme.of(context).textTheme.textStyle.copyWith(fontSize: 10),
                    ),
                  ],
                ),
              ),
            ),
            Expanded(
              child: FutureDisplay<List<String>>(
                future: Future.wait([
                  station.stationName,
                  station.observations
                ]),
                builder: (context, items) {
                  return Text(
                    items[0],
                    style: CupertinoTheme.of(context).textTheme.textStyle.copyWith(
                      fontSize: 22,
                      fontWeight: FontWeight.w100,
                      fontStyle: items[1] == "ONI" ? FontStyle.italic : FontStyle.normal,
                    ),
                    textAlign: TextAlign.center,
                  );
                },
              )
            )
          ],
        ),
        FutureDisplay<List<String>>(
          future: Future.wait([
            station.arrivalTime,
            station.stopsFor,
            station.departureTime
          ]),
          builder: (context, items) {
            if (items[0].isEmpty) {
              // Plecare
              return Row(
                crossAxisAlignment: CrossAxisAlignment.center,
                children: <Widget>[
                  Expanded(child: Container(),),
                  Text("plecare la ${items[2]}"),
                  Container(width: 2,),
                  Text(
                    "→",
                    style: CupertinoTheme.of(context).textTheme.textStyle.copyWith(
                      fontSize: 22,
                    ),
                  ),
                ],
              );
            }

            if (items[2].isEmpty) {
              // Sosire
              return Row(
                crossAxisAlignment: CrossAxisAlignment.center,
                children: <Widget>[
                  Text(
                    "→",
                    style: CupertinoTheme.of(context).textTheme.textStyle.copyWith(
                      fontSize: 22,
                    ),
                  ),
                  Container(width: 2,),
                  Text("sosire la ${items[0]}"),
                  Expanded(child: Container(),),
                ],
              );
            }

            return Row(
              crossAxisAlignment: CrossAxisAlignment.center,
              children: <Widget>[
                Text(
                  "→",
                  style: CupertinoTheme.of(context).textTheme.textStyle.copyWith(
                    fontSize: 22,
                  ),
                ),
                Container(width: 2,),
                Text(items[0]),
                Expanded(child: Container(),),
                Column(
                  mainAxisSize: MainAxisSize.min,
                  children: <Widget>[
                    Builder(
                      builder: (context) {
                        if (items[1].isEmpty || items[1] == "0") {
                          return Container();
                        }
                        if (items[1] == "1") {
                          return Text(
                            "staționează pentru\n1 minut",
                            textAlign: TextAlign.center,
                          );
                        }
                        return Text(
                          "staționează pentru\n${items[1]} minute",
                          textAlign: TextAlign.center,
                        );
                      }
                    ),
                    FutureBuilder<String>(
                      future: station.observations,
                      builder: (context, snapshot) {
                        if (snapshot.data == "ONI") {
                          return Text(
                            "oprire ne-itinerarică",
                            style: CupertinoTheme.of(context).textTheme.textStyle.copyWith(
                              fontStyle: FontStyle.italic,
                            ),
                            textAlign: TextAlign.center,
                          );
                        }

                        return Container();
                      },
                    )
                  ],
                ),
                Expanded(child: Container(),),
                Text(items[2]),
                Container(width: 2,),
                Text(
                  "→",
                  style: CupertinoTheme.of(context).textTheme.textStyle.copyWith(
                    fontSize: 22,
                  ),
                ),
              ],
            );
          },
        ),
        FutureDisplay<int>(
          future: station.delay,
          builder: (context, delay) {
            if (delay == 0) return Container();

            else if (delay > 0) {
              return Text(
                "$delay minute întârziere",
                style: CupertinoTheme.of(context).textTheme.textStyle.copyWith(
                  color: CupertinoColors.destructiveRed,
                  fontSize: 12,
                  fontStyle: FontStyle.italic,
                ),
              );
            }

            else if (delay < 0) {
              return Text(
                "${-delay} minute mai devreme",
                style: CupertinoTheme.of(context).textTheme.textStyle.copyWith(
                  color: CupertinoColors.activeGreen,
                  fontSize: 12,
                  fontStyle: FontStyle.italic,
                ),
              );
            }

            return Container();
          },
        )
      ],
    );
  }
}