anitrack/lib/src/ui/pages/details.dart

import 'package:anitrack/i18n/strings.g.dart';
import 'package:anitrack/src/data/anime.dart';
import 'package:anitrack/src/data/manga.dart';
import 'package:anitrack/src/data/type.dart';
import 'package:anitrack/src/ui/bloc/details_bloc.dart';
import 'package:anitrack/src/ui/constants.dart';
import 'package:anitrack/src/ui/widgets/dropdown.dart';
import 'package:anitrack/src/ui/widgets/image.dart';
import 'package:anitrack/src/ui/widgets/integer_input.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:get_it/get_it.dart';

class DetailsPage extends StatelessWidget {
  const DetailsPage({
    super.key,
  });

  static MaterialPageRoute<dynamic> get route => MaterialPageRoute<dynamic>(
        builder: (_) => const DetailsPage(),
        settings: const RouteSettings(
          name: detailsRoute,
        ),
      );

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(t.details.title),
      ),
      body: BlocBuilder<DetailsBloc, DetailsState>(
        builder: (context, state) {
          return state.data == null
              ? Container()
              : Padding(
                  padding: const EdgeInsets.all(8),
                  child: ListView(
                    children: [
                      Row(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: [
                          AnimeCoverImage(
                            url: state.data!.thumbnailUrl,
                            hero: state.data!.id,
                          ),
                          Expanded(
                            child: Padding(
                              padding: const EdgeInsets.only(
                                left: 8,
                              ),
                              child: Column(
                                mainAxisSize: MainAxisSize.min,
                                crossAxisAlignment: CrossAxisAlignment.start,
                                children: [
                                  Text(
                                    state.data!.title,
                                    textAlign: TextAlign.left,
                                    style:
                                        Theme.of(context).textTheme.titleLarge,
                                    maxLines: 2,
                                    softWrap: true,
                                    overflow: TextOverflow.ellipsis,
                                  ),
                                  ElevatedButton(
                                    onPressed: () async {
                                      final result = await showDialog<bool>(
                                        context: context,
                                        builder: (context) {
                                          return AlertDialog(
                                            title: Text(
                                              t.details.removeTitle(title: state.data!.title),
                                            ),
                                            content: Text(
                                              t.details.removeBody(title: state.data!.title),
                                            ),
                                            actions: [
                                              TextButton(
                                                onPressed: () {
                                                  Navigator.of(context)
                                                      .pop(true);
                                                },
                                                style: TextButton.styleFrom(
                                                  foregroundColor: Colors.red,
                                                ),
                                                child: Text(t.details.removeButton),
                                              ),
                                              TextButton(
                                                onPressed: () {
                                                  Navigator.of(context)
                                                      .pop(false);
                                                },
                                                child: Text(t.details.cancelButton),
                                              ),
                                            ],
                                          );
                                        },
                                      );

                                      if (result != true) return;

                                      // ignore: use_build_context_synchronously
                                      context.read<DetailsBloc>().add(
                                            ItemRemovedEvent(
                                              state.data!.id,
                                              state.trackingType,
                                            ),
                                          );
                                    },
                                    child: const Icon(Icons.delete),
                                  ),
                                ],
                              ),
                            ),
                          ),
                        ],
                      ),
                      Padding(
                        padding: const EdgeInsets.symmetric(
                          vertical: 8,
                        ),
                        child: DropdownSelector<MediumTrackingState>(
                          title: state.trackingType == TrackingMediumType.anime
                              ? t.details.watchState
                              : t.details.readState,
                          onChanged: (MediumTrackingState newState) {
                            if (state.trackingType ==
                                TrackingMediumType.anime) {
                              context.read<DetailsBloc>().add(
                                    DetailsUpdatedEvent(
                                      (state.data! as AnimeTrackingData)
                                          .copyWith(
                                        state: newState,
                                      ),
                                    ),
                                  );
                            } else if (state.trackingType ==
                                TrackingMediumType.manga) {
                              context.read<DetailsBloc>().add(
                                    DetailsUpdatedEvent(
                                      (state.data! as MangaTrackingData)
                                          .copyWith(
                                        state: newState,
                                      ),
                                    ),
                                  );
                            }
                          },
                          values: [
                            SelectorItem(
                              MediumTrackingState.ongoing,
                              MediumTrackingState.ongoing
                                  .toNameString(state.trackingType),
                            ),
                            SelectorItem(
                              MediumTrackingState.completed,
                              MediumTrackingState.completed
                                  .toNameString(state.trackingType),
                            ),
                            SelectorItem(
                              MediumTrackingState.planned,
                              MediumTrackingState.planned
                                  .toNameString(state.trackingType),
                            ),
                            SelectorItem(
                              MediumTrackingState.dropped,
                              MediumTrackingState.dropped
                                  .toNameString(state.trackingType),
                            ),
                            SelectorItem(
                              MediumTrackingState.paused,
                              MediumTrackingState.paused
                                  .toNameString(state.trackingType),
                            ),
                          ],
                          initialValue: state.data!.state,
                        ),
                      ),
                      Padding(
                        padding: const EdgeInsets.symmetric(
                          vertical: 8,
                        ),
                        child: IntegerInput(
                          labelText:
                              state.trackingType == TrackingMediumType.anime
                                  ? t.details.episodes
                                  : t.details.chapters,
                          onChanged: (value) {
                            switch (state.trackingType) {
                              case TrackingMediumType.anime:
                                final data = state.data! as AnimeTrackingData;
                                context.read<DetailsBloc>().add(
                                      DetailsUpdatedEvent(
                                        data.copyWith(
                                          episodesWatched: value,
                                        ),
                                      ),
                                    );
                                break;
                              case TrackingMediumType.manga:
                                final data = state.data! as MangaTrackingData;
                                context.read<DetailsBloc>().add(
                                      DetailsUpdatedEvent(
                                        data.copyWith(
                                          chaptersRead: value,
                                        ),
                                      ),
                                    );
                                break;
                            }
                          },
                          initialValue: state.trackingType ==
                                  TrackingMediumType.anime
                              ? (state.data! as AnimeTrackingData)
                                  .episodesWatched
                              : (state.data! as MangaTrackingData).chaptersRead,
                        ),
                      ),
                      if (state.trackingType == TrackingMediumType.manga)
                        Padding(
                          padding: const EdgeInsets.symmetric(
                            vertical: 8,
                          ),
                          child: IntegerInput(
                            labelText: t.details.volumesOwned,
                            onChanged: (value) {
                              final data = state.data! as MangaTrackingData;
                              context.read<DetailsBloc>().add(
                                    DetailsUpdatedEvent(
                                      data.copyWith(
                                        volumesOwned: value,
                                      ),
                                    ),
                                  );
                            },
                            initialValue: (GetIt.I
                                    .get<DetailsBloc>()
                                    .state
                                    .data! as MangaTrackingData)
                                .volumesOwned,
                          ),
                        ),
                    ],
                  ),
                );
        },
      ),
    );
  }
}