import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:go_router/go_router.dart';
import 'package:ui/movie_watchlist.dart';
import 'package:ui/providers/APIs.dart';
import 'package:ui/providers/welcome_data.dart';
import 'package:ui/tv_details.dart';
import 'package:ui/widgets/progress_indicator.dart';

class WelcomePage extends ConsumerWidget {
  static const routeTv = "/series";
  static const routeMoivie = "/movies";

  const WelcomePage({super.key});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    var uri = GoRouterState.of(context).uri.toString();

    AsyncValue<List<MediaDetail>> data;
    if (uri == routeMoivie) {
      data = ref.watch(movieWatchlistDataProvider);
    } else {
      data = ref.watch(tvWatchlistDataProvider);
    }

    return switch (data) {
      AsyncData(:final value) => SingleChildScrollView(
          child: Wrap(
            spacing: 20,
            children: List.generate(value.length, (i) {
              var item = value[i];
              return Card(
                  margin: const EdgeInsets.all(4),
                  clipBehavior: Clip.hardEdge,
                  child: InkWell(
                    //splashColor: Colors.blue.withAlpha(30),
                    onTap: () {
                      if (uri == routeMoivie) {
                        context.go(MovieDetailsPage.toRoute(item.id!));
                      } else {
                        context.go(TvDetailsPage.toRoute(item.id!));
                      }
                    },
                    child: Column(
                      children: <Widget>[
                        SizedBox(
                            width: 160,
                            height: 240,
                            child: ClipRRect(
                              borderRadius: BorderRadius.circular(8.0),
                              child: Image.network(
                                "${APIs.imagesUrl}/${item.id}/poster.jpg",
                                fit: BoxFit.fill,
                                headers: APIs.authHeaders,
                              ),
                            )),
                        Text(
                          item.name!,
                          style: const TextStyle(
                              fontSize: 14,
                              fontWeight: FontWeight.bold,
                              height: 2.5),
                        ),
                      ],
                    ),
                  ));
            }),
          ),
        ),
      _ => const MyProgressIndicator(),
    };
  }
}