import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:go_router/go_router.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 route = "/series";

  const WelcomePage({super.key});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final data = ref.watch(welcomePageDataProvider);

    return switch (data) {
      AsyncData(:final value) => GridView.builder(
          padding: const EdgeInsets.all(30),
          itemCount: value.length,
          gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
              crossAxisCount: 6),
          itemBuilder: (context, i) {
            var item = value[i];
            return Card(
                margin: const EdgeInsets.all(4),
                clipBehavior: Clip.hardEdge,
                child: InkWell(
                  //splashColor: Colors.blue.withAlpha(30),
                  onTap: () {
                    context.go(TvDetailsPage.toRoute(item.id!));
                    //showDialog(context: context, builder: builder)
                  },
                  child: Column(
                    children: <Widget>[
                      Flexible(
                        child: Image.network(
                          "${APIs.imagesUrl}/${item.id}/poster.jpg" ,
                          fit: BoxFit.contain,
                          headers: APIs.authHeaders,
                        ),
                      ),
                      Text(
                        item.name!,
                        style: const TextStyle(
                            fontSize: 14, fontWeight: FontWeight.bold),
                      ),
                    ],
                  ),
                ));
          }),
      _ => MyProgressIndicator(),
    };
  }
}