import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;
import 'package:table_calendar/table_calendar.dart';

import 'screens/sport_schedule.dart';
import 'dart:convert';

class Calendar extends StatefulWidget {
  final int sportID;
  Calendar(this.sportID);

  @override
  _Calendar createState() => _Calendar(sportID);
}

//List<sport_schedule> _selectedEvents; //original that makes events work
List _selectedEvents; //Removing the <sport_schedule> allows it to still work. Proceed with caution
DateTime selectedDay;
Map<DateTime, List<sport_schedule>> _events;

class _Calendar extends State<Calendar> with TickerProviderStateMixin {
  int sportID;
  _Calendar(this. sportID);

  AnimationController _animationController;
  CalendarController _calController;

  static final sportUrl = 'https://charlotte49ers.com/services/adaptive_components.ashx?type=scoreboard&start=0&count=80';

  Future<List<sport_schedule>> getEvents() async {
    var url = '$sportUrl&sport_id=$sportID&name=&extra=%7B%7D';

    print(url.toString());

    http.Response response = await http.get(url);
    Iterable games = json.decode(response.body);

    return games.map<sport_schedule>((json) => sport_schedule.fromJson(json)).toList();
    //return games.map((e) => sport_schedule.fromJson(e)).toList();
  }

  Future<Map<DateTime, List<sport_schedule>>> getGames() async {
    Map<DateTime, List<sport_schedule>> mapGrab = {};

    List<sport_schedule> eventInfo = await getEvents();

    for (int i = 0; i < eventInfo.length; i++) {
      var sportEvent = DateTime(
          eventInfo[i].date.year,
          eventInfo[i].date.month,
          eventInfo[i].date.day
      );
      var original = mapGrab[sportEvent];

      if (original == null) {
        mapGrab[sportEvent] = [eventInfo[i]];
      } else {
        mapGrab[sportEvent] = List.from(original)..addAll([eventInfo[i]]);
      }
    }
    return mapGrab;
  }

  @override
  void initState() {
    //final _selectedDay = DateTime.now();

    //_selectedEvents = _events[_selectedDay] ?? [];
    _selectedEvents = [];
    _calController = CalendarController();

    _animationController = AnimationController(
      vsync: this,
      duration: const Duration(milliseconds: 400),
    );

    _animationController.forward();

    WidgetsBinding.instance.addPostFrameCallback((_) {
      getGames().then((val) => setState(() {
        _events = val;
      }));
    });

    super.initState();
  }

  @override
  void dispose() {
    _animationController.dispose();
    _calController.dispose();
    super.dispose();
  }

  //void _DaySelected(DateTime day, List<sport_schedule> events) { //original that makes events work
  void _DaySelected(DateTime day, List events) { //Removing the <sport_schedule> allows it to still work. Proceed with caution
    setState(() {
      _selectedEvents = events;
      selectedDay = DateTime(day.year, day.month, day.day);
    });
  }

  /*void _onVisibleDaysChanged(DateTime first, DateTime last, CalendarFormat format) {
    print('CALLBACK: _onVisibleDaysChanged');
  }
  void _onCalendarCreated(DateTime first, DateTime last, CalendarFormat format) {
    print('CALLBACK: _onCalendarCreated');
  }*/

  //----- Builds calendar and event Lister -----
  @override
  Widget build(BuildContext context) {
    return Center(
      child: Column(
        children: <Widget>[
          _buildCalendar(),
          const SizedBox(height: 8.0),
          Expanded(child: _eventLister()),
        ],
      ),
    );
  }

  //----- Builds calendar -----
  @override
  Widget _buildCalendar() {
    return TableCalendar(
      calendarController: _calController,
      initialCalendarFormat: CalendarFormat.month,
      startingDayOfWeek: StartingDayOfWeek.sunday,
      //availableGestures: AvailableGestures.all,
      events: _events,

      availableCalendarFormats: const {
        CalendarFormat.month: '',
      },

      calendarStyle: CalendarStyle(
        outsideWeekendStyle: TextStyle(
          color: Colors.grey,
        ),

        weekendStyle: TextStyle(
          color: Colors.black,
        ),
      ),

      daysOfWeekStyle: DaysOfWeekStyle(
        weekendStyle: TextStyle(
          color: Colors.black,
        ),
        weekdayStyle: TextStyle(
          color: Colors.black,
        ),
      ),

      headerStyle: HeaderStyle(
        centerHeaderTitle: true,
        formatButtonVisible: false, //hides button that formats between 1 week, 2 week, month
        //formatButtonShowsNext: false,
      ),

      builders: CalendarBuilders(
        selectedDayBuilder: (context, date, _) {
          return Container(
            margin: const EdgeInsets.all(4.0),
            alignment: Alignment.center,

            decoration: BoxDecoration(
                border: Border.all(
                  color: Color.fromRGBO(0, 112, 60, 1), //UNCC Green
                ),
                color: Color.fromRGBO(179, 163, 105, 1), //UNCC Gold
                borderRadius: BorderRadius.circular(10.0)
            ),

            child: Text(
              '${date.day}',
              style: TextStyle(color: Colors.white),
            ),
          );
        },

        todayDayBuilder: (context, date, _) {

          return Container(
            margin: const EdgeInsets.all(4.0),
            alignment: Alignment.center,

            decoration: BoxDecoration(
                border: Border.all(
                  color: Color.fromRGBO(0, 112, 60, 1), //UNCC Green
                ),
                borderRadius: BorderRadius.circular(10.0)
            ),

            child: Text(
              '${date.day}',
              style: TextStyle(
                color: Colors.black,
              ),
            ),
          );
        },

        markersBuilder: (context, date, events, holidays) {
          final miniBox = <Widget>[];
          if (events.isNotEmpty) {
            miniBox.add(
              Positioned(
                right: 0,top: 0, left: 0, bottom: 0,
                child: _buildEventsMarker(date, events[0].location_indicator, true, events),
              ),
            );
            if (events.length > 1)
            miniBox.add(
              Positioned(
                right: 1, bottom: 1,
                child: _buildEventsMarker(date, events[0].location_indicator, false, events),
              )
            );
          }

          return miniBox;
        },
      ),

      onDaySelected: (date, events) {
        _DaySelected(date, events);
        _animationController.forward(from: 0.0);
      },

      //onVisibleDaysChanged: _onVisibleDaysChanged,
      //onCalendarCreated: _onCalendarCreated,

    );
  }

  //----- Creates event box display (mini box) -----
  Widget _buildEventsMarker(DateTime date, String gameType, bool main, events) {
    String eventNum;
    if (main) {eventNum = "${date.day}";} else {eventNum = "${events.length}";}

    //return Container(
    return AnimatedContainer(
      duration: const Duration(milliseconds: 300),

      margin: const EdgeInsets.all(4.0),
      alignment: Alignment.center,

      decoration: BoxDecoration(
          /*border: Border.all(
            color: Color.fromRGBO(0, 112, 60, 1), //UNCC Green
            //color: Colors.black,
          ),*/
          color: _calController.isSelected(date)
              ? Color.fromRGBO(179, 163, 105, 1) //UNCC Gold
              : _gameTypeColor(gameType, main), //UNCC Green
          borderRadius: BorderRadius.circular(10.0)
      ),

      width: 16.0,
      height: 16.0,

      child: Center(
        child: Text(
          eventNum,
          style: TextStyle().copyWith(
            color: Colors.white,
            fontSize: 12.0,
          ),
        ),
      ),
    );
  }

  //Logic on if Home or Away return the colors
  Color _gameTypeColor(String gameType, bool main){
    Color c;
    if (gameType == "H"){
      c = Color.fromRGBO(0, 112, 60, 1); //UNCC Green
    } else {
      c = Colors.grey;
    }
    if (!main){
      c = Colors.black45;//Color.fromRGBO(179, 163, 105, 1);
    }
    return c;
  }

  //----- Creates event display -----
  Widget _eventLister() {
    return ListView(
      children: _selectedEvents.map((event) => Container(
        decoration: BoxDecoration(
          border: Border.all(
            color: Color.fromRGBO(0, 112, 60, 1), //UNCC Green
            width: 0.8,
          ),

          borderRadius: BorderRadius.circular(12.0),
        ),

        height: 70.0,
        margin: const EdgeInsets.symmetric(horizontal: 8.0, vertical: 4.0),

        child: ListTile(
          leading: Image.network(
            'https://charlotte49ers.com' + event.image.toString(),
            width: 35.0,
          ),
          title: Wrap(
            children: <Widget>[
              if (event.location_indicator.toString() == "H")
                Text(
                    'vs. ',
                  style: TextStyle( //home game
                    fontSize: 11.6,
                  ),
                )
              else
                Text(
                    'at ',
                  style: TextStyle( //away game
                    fontSize: 11.6,
                  ),
                ),

              Text(
                  event.opponentTitle.toString(),
                style: TextStyle(
                  fontSize: 11.6,
                ),
              ) //opponent name
            ],
          ),

          //Type of sport - Location
          subtitle: Text(
              event.sportTitle.toString() + " - " + event.location.toString(),
            style: TextStyle(
              fontSize: 9.9, //10.3
            ),
          ),

          trailing: Wrap(
            //mainAxisSize: MainAxisSize.min,

            children: <Widget>[
              //---Score---
              //Game hasn't occured
              if (event.status.toString() == "null")
                Text("TBD"),

              //---Scores---
              if (event.status.toString() == "W" || event.status.toString() == "L" || event.status.toString() == "T") //Finished games
                Text(event.team_score.toString() + " - " + event.opponent_score.toString() + " ")

              else if (event.status.toString() == "N" && event.team_score.toString() != "null" && event.opponent_score.toString() != "null") //Games that don't count
                Text(event.team_score.toString() + " - " + event.opponent_score.toString() + " "),

              //---Game Status---
              if (event.status.toString() == "W") //Win
                Text(
                    (" " + event.status.toString() + " "),
                    style: TextStyle(
                      color: Colors.white,
                      backgroundColor: Color.fromRGBO(0, 112, 60, 1),
                    )
                ),

              if (event.status.toString() == "L" || event.status.toString() == "T") //Lose-Tie
                Text(
                    (" " + event.status.toString() + " "),
                    textAlign: TextAlign.center,
                    style: TextStyle(
                      color: Colors.black,
                      backgroundColor: Colors.grey,
                    )
                ),

              if (event.status.toString() == "N" && event.postscore.toString() != "Canceled") //N
                Text(
                    (" " + event.status.toString() + " "),
                    textAlign: TextAlign.center,
                    style: TextStyle(
                      color: Colors.black,
                      backgroundColor: Colors.grey,
                    )
                )
              else if (event.team_score.toString() == "null" && event.opponent_score.toString() == "null"
                  && event.status.toString() == "N") //Game was canceled
                Text(
                    "Canceled",
                    style: TextStyle(
                      color: Colors.red,
                    )
                ),

            ],
          ),
          onTap: () => print('$event tapped!'), //When event display is clicked
        ),
      )).toList(),
    );
  }
}