import 'package:flutter/material.dart';
import 'package:info_tren/models/train_data.dart';
import 'package:info_tren/train_info_page/train_info.dart';
import 'package:info_tren/train_info_page/train_info_material.dart' show isSmallScreen;

class DisplayTrainStation extends StatelessWidget {
  final OnDemandStation station;

  DisplayTrainStation({@required this.station});

  @override
  Widget build(BuildContext context) {
    return Card(
      child: Padding(
        padding: const EdgeInsets.all(2),
        child: Column(
          mainAxisSize: MainAxisSize.min,
          crossAxisAlignment: CrossAxisAlignment.center,
          children: <Widget>[
            Row(
              mainAxisSize: MainAxisSize.max,
              children: <Widget>[
                FutureDisplay(
                  future: Future.wait([
                    station.delay,
                    station.realOrEstimate,
                    station.observations,
                  ]),
                  builder: (context, data) {
                    final isDelayed = (data[0] as int) > 0 && (data[1] as RealOrEstimate) == RealOrEstimate.real;
                    final isOnTime = (data[0] as int) <= 0 && (data[1] as RealOrEstimate) == RealOrEstimate.real;
                    final isNotScheduled = data[2] == "ONI";

                    return KmBadge(
                      station: station,
                      isNotScheduled: isNotScheduled,
                      isDelayed: isDelayed,
                      isOnTime: isOnTime,
                    );
                  }
                ),
                Expanded(
                  child: Title(
                    station: station,
                  ),
                ),
              ],
            ),
            Time(
              station: station,
            ),
            Delay(
              station: station,
            ),
          ],
        ),
      ),
    );
  }
}

class KmBadge extends StatelessWidget {
  final OnDemandStation station;
  final bool isNotScheduled;
  final bool isOnTime;
  final bool isDelayed;

  KmBadge({
    @required this.station,
    this.isNotScheduled = false,
    this.isOnTime = false,
    this.isDelayed = false,
  });

  @override
  Widget build(BuildContext context) {
    Color foregroundColor = Colors.white70;
    Color backgroundColor;

    if (isNotScheduled) {
      foregroundColor = Colors.orange.shade300;
      backgroundColor = Colors.orange.shade900.withOpacity(0.3);
    }
    else if (isOnTime) {
      foregroundColor = Colors.green.shade300;
      backgroundColor = Colors.green.shade900.withOpacity(0.3);
    }
    else if (isDelayed) {
      foregroundColor = Colors.red.shade300;
      backgroundColor = Colors.red.shade900.withOpacity(0.3);
    }

    return Padding(
      padding: const EdgeInsets.all(8),
      child: Container(
        decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(10),
          border: Border.all(
            width: 2,
            color: foregroundColor,
          ),
          color: backgroundColor,
        ),
        width: isSmallScreen(context) ? 42 : 48,
        height: isSmallScreen(context) ? 42 : 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: Theme.of(context).textTheme.bodyText2.copyWith(
                        fontSize: isSmallScreen(context) ? 14 : 18,
                        fontWeight: MediaQuery.of(context).boldText ? FontWeight.w400 : FontWeight.w200,
                        color: MediaQuery.of(context).boldText ? Colors.white70 : foregroundColor,
                      ),
                      textAlign: TextAlign.center,
                    );
                  },
                ),
              ),
            ),
            Text(
              "km",
              style: Theme.of(context).textTheme.bodyText2.copyWith(
                fontSize: 10,
                color: MediaQuery.of(context).boldText ? Colors.white70 : foregroundColor,
              ),
            ),
          ],
        ),
      ),
    );
  }
}

class Title extends StatelessWidget {
  final OnDemandStation station;

  Title({
    @required this.station
  });

  @override
  Widget build(BuildContext context) {
    return FutureDisplay<List<String>>(
      future: Future.wait([
        station.stationName,
        station.observations
      ]),
      builder: (context, items) {
        return Text(
          items[0],
          style: Theme.of(context).textTheme.bodyText2.copyWith(
            fontSize: isSmallScreen(context) ? 18 : 22,
            fontWeight: MediaQuery.of(context).boldText ? FontWeight.w400 : FontWeight.w200,
            fontStyle: items[1] == "ONI" ? FontStyle.italic : FontStyle.normal,
          ),
          textAlign: TextAlign.center,
        );
      },
    );
  }
}

class Time extends StatelessWidget {
  final OnDemandStation station;

  Time({
    @required this.station,
  });

  @override
  Widget build(BuildContext context) {
    return FutureDisplay<List<String>>(
      future: Future.wait([
        station.arrivalTime,
        station.stopsFor,
        station.departureTime,
      ]),
      builder: (context, items) {
        if (items[0].isEmpty) {
          // Plecare
          return DepartureTime(
            station: station,
            firstStation: true,
          );
        }

        if (items[2].isEmpty) {
          // Sosire
          return ArrivalTime(
            station: station,
            finalStation: true,
          );
        }

        return Row(
          crossAxisAlignment: CrossAxisAlignment.center,
          children: <Widget>[
            Text(
              "→",
              style: Theme.of(context).textTheme.bodyText2.copyWith(
                fontSize: isSmallScreen(context) ? 18 : 22,
              ),
            ),
            Container(width: 2,),
            ArrivalTime(station: station,),
            Expanded(child: Container(),),
            StopTime(station: station,),
            Expanded(child: Container(),),
            DepartureTime(station: station,),
            Container(width: 2,),
            Text(
              "→",
              style: Theme.of(context).textTheme.bodyText2.copyWith(
                fontSize: isSmallScreen(context) ? 18 : 22,
              ),
            ),
          ],
        );
      },
    );
  }
}

class ArrivalTime extends StatelessWidget {
  final OnDemandStation station;
  final bool finalStation;

  ArrivalTime({
    @required this.station,
    this.finalStation = false,
  });

  @override
  Widget build(BuildContext context) {
    return FutureDisplay<List<Object>>(
      future: Future.wait([
        station.arrivalTime,
        station.delay,
      ]),
      builder: (context, data) {
        if (finalStation) {
          return Row(
            crossAxisAlignment: CrossAxisAlignment.center,
            children: <Widget>[
              Text(
                "→",
                style: Theme.of(context).textTheme.bodyText2.copyWith(
                  fontSize: isSmallScreen(context) ? 18 : 22,
                ),
              ),
              Container(width: 2,),
              Text("sosire la "),
              ArrivalTime(station: station,),
              Expanded(child: Container(),),
            ],
          );
        }
        else {
          if (data[1] == 0) {
            return Text("${data[0]}");
          }
          else if (data[1] as int > 0) {
            final splits = (data[0] as String).split(":").map((s) => int.parse(s)).toList();

            final now = DateTime.now();
            final newDate = DateTime(now.year, now.month, now.day, splits[0], splits[1]);
            final oldDate = newDate.subtract(Duration(minutes: data[1] as int));

            return Column(
              mainAxisSize: MainAxisSize.min,
              children: <Widget>[
                Text(
                  "${oldDate.hour.toString().padLeft(2, '0')}:${oldDate.minute.toString().padLeft(2, '0')}",
                  style: Theme.of(context).textTheme.bodyText2.copyWith(
                    decoration: TextDecoration.lineThrough,
                  ),
                ),
                Text(
                  "${data[0]}",
                  style: Theme.of(context).textTheme.bodyText2.copyWith(
                    color: Colors.red.shade300,
                  ),
                ),
              ],
            );
          }
          else {
            final splits = (data[0] as String).split(":").map((s) => int.parse(s)).toList();

            final now = DateTime.now();
            final newDate = DateTime(now.year, now.month, now.day, splits[0], splits[1]);
            final oldDate = newDate.subtract(Duration(minutes: data[1] as int));

            return Column(
              mainAxisSize: MainAxisSize.min,
              children: <Widget>[
                Text(
                  "${oldDate.hour.toString().padLeft(2, '0')}:${oldDate.minute.toString().padLeft(2, '0')}",
                  style: Theme.of(context).textTheme.bodyText2.copyWith(
                    decoration: TextDecoration.lineThrough,
                  ),
                ),
                Text(
                  "${data[0]}",
                  style: Theme.of(context).textTheme.bodyText2.copyWith(
                    color: Colors.green.shade300,
                  ),
                ),
              ],
            );
          }
        }
      },
    );
  }
}

class StopTime extends StatelessWidget {
  final OnDemandStation station;

  StopTime({
    @required this.station,
  });

  @override
  Widget build(BuildContext context) {
    return FutureDisplay<String>(
      future: station.stopsFor,
      builder: (context, stopsFor) {
        return Column(
          mainAxisSize: MainAxisSize.min,
          children: <Widget>[
            Text(
              "staționează pentru",
              textAlign: TextAlign.center,
            ),
            Builder(
              builder: (context) {
                int stopsForInt = int.parse(stopsFor);
                if (stopsForInt == 1) {
                  return Text(
                    "1 minut",
                    textAlign: TextAlign.center,
                  );
                }
                else if (stopsForInt < 20) {
                  return Text(
                    "$stopsFor minute",
                    textAlign: TextAlign.center,
                  );
                }
                else {
                  return Text(
                    "$stopsFor de minute",
                    textAlign: TextAlign.center,
                  );
                }
              },
            )
          ],
        );
      },
    );
  }
}

class DepartureTime extends StatelessWidget {
  final OnDemandStation station;
  final bool firstStation;

  DepartureTime({
    @required this.station,
    this.firstStation = false,
  });

  @override
  Widget build(BuildContext context) {
    return FutureDisplay<List<Object>>(
      future: Future.wait([
        station.departureTime,
        station.delay,
      ]),
      builder: (context, data) {
        if (firstStation) {
          return Row(
            crossAxisAlignment: CrossAxisAlignment.center,
            children: <Widget>[
              Expanded(child: Container(),),
              Text("plecare la "),
              DepartureTime(station: station,),
              Container(width: 2,),
              Text(
                "→",
                style: Theme.of(context).textTheme.bodyText2.copyWith(
                  fontSize: 22,
                ),
              ),
            ],
          );
        }
        else {
          if (data[1] == 0) {
            return Text("${data[0]}");
          }
          else if (data[1] as int > 0) {
            final splits = (data[0] as String).split(":").map((s) => int.parse(s)).toList();

            final now = DateTime.now();
            final newDate = DateTime(now.year, now.month, now.day, splits[0], splits[1]);
            final oldDate = newDate.subtract(Duration(minutes: data[1] as int));

            return Column(
              mainAxisSize: MainAxisSize.min,
              children: <Widget>[
                Text(
                  "${oldDate.hour.toString().padLeft(2, '0')}:${oldDate.minute.toString().padLeft(2, '0')}",
                  style: Theme.of(context).textTheme.bodyText2.copyWith(
                    decoration: TextDecoration.lineThrough,
                  ),
                ),
                Text(
                  "${data[0]}",
                  style: Theme.of(context).textTheme.bodyText2.copyWith(
                    color: Colors.red.shade300,
                  ),
                ),
              ],
            );
          }
          else {
            final splits = (data[0] as String).split(":").map((s) => int.parse(s)).toList();

            final now = DateTime.now();
            final newDate = DateTime(now.year, now.month, now.day, splits[0], splits[1]);
            final oldDate = newDate.subtract(Duration(minutes: data[1] as int));

            return Column(
              mainAxisSize: MainAxisSize.min,
              children: <Widget>[
                Text(
                  "${oldDate.hour.toString().padLeft(2, '0')}:${oldDate.minute.toString().padLeft(2, '0')}",
                  style: Theme.of(context).textTheme.bodyText2.copyWith(
                    decoration: TextDecoration.lineThrough,
                  ),
                ),
                Text(
                  "${data[0]}",
                  style: Theme.of(context).textTheme.bodyText2.copyWith(
                    color: Colors.green.shade300,
                  ),
                ),
              ],
            );
          }
        }
      },
    );
  }
}


class Delay extends StatelessWidget {
  final OnDemandStation station;

  Delay({
    @required this.station,
  });

  @override
  Widget build(BuildContext context) {
    return FutureDisplay<int>(
      future: station.delay,
      builder: (context, delay) {
        if (delay == 0) return Container();

        else if (delay > 0) {
          return Text(
            "$delay minute întârziere",
            style: Theme.of(context).textTheme.bodyText2.copyWith(
              color: Colors.red.shade300,
              fontSize: 12,
              fontStyle: FontStyle.italic,
            ),
          );
        }

        else if (delay < 0) {
          return Text(
            "${-delay} minute mai devreme",
            style: Theme.of(context).textTheme.bodyText2.copyWith(
              color: Colors.green.shade300,
              fontSize: 12,
              fontStyle: FontStyle.italic,
            ),
          );
        }

        return Container();
      },
    );
  }
}