import 'package:firebase_auth/firebase_auth.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_applicationdemo/BottomNavPage.dart';
import 'package:flutter_applicationdemo/login/GoogleSignInProvider.dart';
import 'package:flutter_applicationdemo/Map.dart';
import 'package:flutter_applicationdemo/venuePage.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';
import 'package:google_sign_in/google_sign_in.dart';
import 'package:settings_ui/settings_ui.dart';
import 'ManageAccountPage.dart';
import 'package:provider/provider.dart';
import 'Venue.dart';
import 'globals.dart' as globals;
import 'Map.dart';
import 'package:flutter_applicationdemo/login/User.dart';
import 'HomePage.dart';
import 'Venue.dart';
import 'mysql.dart';
import 'globals.dart' as globals;

// Standard color of app
Color _backgroundColor = const Color.fromARGB(255, 190, 146, 160);

// Color status of priceRange
Color _colorContainerLow = Colors.yellow;
Color _colorContainerMedium = _backgroundColor;
Color _colorContainerHigh = _backgroundColor;

// Standard
@override
class FavoritePage extends StatefulWidget {
  const FavoritePage({Key? key}) : super(key: key);

  @override
  _FavoritePageState createState() => _FavoritePageState();
}
class _FavoritePageState extends State<FavoritePage> {
  List<Venue> likedVenuesList = globals.LOGGED_IN_USER.likedVenuesList;

  @override
  Widget build(BuildContext context) {
    return DefaultTabController(
        length: 2,
        child: Scaffold(
          appBar: AppBar(
            title: Text("Liked"),
            backgroundColor: globals.BACKGROUNDCOLOR,
          ),
          body: ListView.builder(
            itemCount: likedVenuesList.length,
            itemBuilder: (BuildContext context, int index) {
              return Dismissible(
              key: UniqueKey(),
              background: buildDeleteBackground(MainAxisAlignment.start, true),
              secondaryBackground: buildDeleteBackground(MainAxisAlignment.end, false),
              confirmDismiss: (DismissDirection direction) async{
                return await showDialog(
                    context: context,
                    builder: (BuildContext context){
                      return buildUnlikeConfirmation(index, context);
                    },
                );
              },
                onDismissed: (DismissDirection direction){
                  removeVenueAsFavorite(likedVenuesList[index]);
                  setState(() {
                  likedVenuesList.removeAt(index);
                });
                },
                child: SizedBox(
                  width: double.infinity,
                  child: Card(
                    shape: RoundedRectangleBorder(
                      borderRadius: BorderRadius.circular(10.0),
                    ),
                    child: InkWell(
                      child: Padding(
                        padding: const EdgeInsets.all(20.0),
                        child: Text(likedVenuesList[index].venueName),
                      ),
                      onTap: (){
                        Navigator.push(
                          context,
                          MaterialPageRoute(builder: (context) => VenuePage(likedVenuesList[index])),
                        );
                      },
                    ),
                  ),
                ),
              );
            },
          )
        ),
    );
  }

  AlertDialog buildUnlikeConfirmation(int index, BuildContext context) {
    return AlertDialog(
                      title: Text("Delete confirmation"),
                      content: Text("Are you sure you want to unlike ${likedVenuesList[index].venueName}?"),
                      actions: <Widget>[
                        TextButton(
                            onPressed: () => Navigator.of(context).pop(true),
                            child: const Text("Delete")
                        ),
                        TextButton(onPressed: () => Navigator.of(context).pop(false),
                            child: const Text("Cancel")
                        ),
                      ],
                    );
  }

  Container buildDeleteBackground(MainAxisAlignment maa, bool heartAtStart) {
    return Container(
      color: Colors.red,
      child: Padding(
        padding: const EdgeInsets.all(15),
        child: Row(
          mainAxisAlignment: maa,
          children: setHeartAtBeginning(heartAtStart),
        ),
      ),
    );
  }

  List<Widget> setHeartAtBeginning(bool heartAtStart) {
    if(heartAtStart){
      return <Widget>[
        const Icon(Icons.heart_broken, color: Colors.white),
        Text("Remove liked venue", style: TextStyle(color: Colors.white)),
      ];
    }
    return <Widget>[
      const Text("Remove liked venue", style: TextStyle(color: Colors.white)),
      Icon(Icons.heart_broken, color: Colors.white),
    ];
  }

  void removeVenueAsFavorite(Venue likedVenue) {
    var db = mysql();
    db.getConnection().then((conn){
      String sql =
          "DELETE from maen0574.userFavorites where user_id = '${globals.LOGGED_IN_USER.userID}' and venue_id = '${likedVenue.venueID}'";
      conn.query(sql).then((results) {
        for (var row in results) {

        }
      });
    });
  }
}