import 'package:dio/dio.dart';
import 'package:flutter/material.dart';
import 'package:logger/logger.dart';
import 'package:freezed_annotation/freezed_annotation.dart';
import 'package:qpay/http/http.dart';

part 'home_controller.freezed.dart';
part 'home_controller.g.dart';

class HomeScreenModel {
  List<dynamic> transactions = [];
  List<Category> categories = [];
  List<BillProvider> providers = [];
  List<BillProvider> filterableProviders = [];
  BillProvider? selectedProvider;
  dynamic selectedCategory;
  dynamic account = {};
  dynamic profile = {};
  bool isLoading = false;
  bool isLoggedIn = false;
  String? errorMessage;
}

@freezed
abstract class Category with _$Category {
  const factory Category({
    required String name,
    required String description,
    required String? image,
    required String label,
  }) = _Category;

  factory Category.fromJson(Map<String, dynamic> json) =>
      _$CategoryFromJson(json);
}

@freezed
abstract class BillProvider with _$BillProvider {
  const factory BillProvider({
    required String clientId,
    required String name,
    required String description,
    required bool requiresAccount,
    required bool requiresAmount,
    required bool requiresAmountFromMerchant,
    required bool requiresPhone,
    required bool requiresReversal,
    required String? additionalDataString,
    required String processorType,
    required String uid,
    required String image,
    required String label,
    required String category,
  }) = _BillProvider;

  factory BillProvider.fromJson(Map<String, dynamic> json) =>
      _$BillProviderFromJson(json);
}

class HomeController extends ChangeNotifier {
  final HomeScreenModel model = HomeScreenModel();
  final Http http = Http();

  Future<void> getProviders() async {
    model.providers = getFakeProviders();
    try {
      model.isLoading = true;

      List<dynamic> response = await http.get('/providers');
      model.providers = response.map((e) => BillProvider.fromJson(e)).toList();
      model.filterableProviders = model.providers;

      if (model.providers.isNotEmpty) {
        updateSelectedProvider(model.providers[0]);
      }
    } catch (e) {
      logger.e(e);
      model.errorMessage = e.toString();
      model.providers = [];
      model.filterableProviders = [];
    }

    model.isLoading = false;
    notifyListeners();
  }

  void updateSelectedProvider(BillProvider provider) {
    model.selectedProvider = provider;

    // getProducts(provider.uid);

    notifyListeners();
  }

  Future<void> getCategories() async {
    // activate skeletonizer
    model.categories = getFakeCategoryData();
    // Simulate fetching categories
    try {
      model.isLoading = true;
      List<dynamic> response = await http.get('/categories');
      model.categories = response.map((e) => Category.fromJson(e)).toList();

      if (model.categories.isNotEmpty) {
        updateSelectedCategory(model.categories[0]);
      }
    } on Exception catch (e) {
      logger.e(e);
      model.errorMessage = e.toString();
      model.categories = [];
    } finally {
      model.isLoading = false;
      notifyListeners();
    }
  }

  Future<void> updateSelectedCategory(Category? category) async {
    if (category == null) {
      model.filterableProviders = model.providers;
      notifyListeners();
      return;
    }

    model.selectedCategory = category;

    model.filterableProviders =
        model.providers
            .where((element) => element.category == category.label)
            .toList();

    notifyListeners();
  }

  List<BillProvider> getFakeProviders() {
    return [
      BillProvider(
        clientId: '1',
        name: 'ZESA',
        description: 'Pay your electricity bills easily',
        requiresAccount: false,
        requiresAmount: false,
        requiresAmountFromMerchant: false,
        requiresPhone: false,
        requiresReversal: false,
        additionalDataString: '',
        processorType: '',
        uid: '',
        image: 'econet.png',
        label: '',
        category: '',
      ),
    ];
  }

  // required by skeletonizer
  List<Category> getFakeCategoryData() {
    return [
      Category(
        name: 'Electricity',
        description: 'Pay your electricity bills easily',
        image: 'assets/images/electricity.png',
        label: 'Electricity',
      ),
      Category(
        name: 'Internet',
        description: 'Pay your internet bills easily',
        image: 'assets/images/internet.png',
        label: 'Internet',
      ),
    ];
  }
}