import 'package:flutter/material.dart';
import 'package:easy_localization/easy_localization.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:selfprivacy/config/brand_colors.dart';
import 'package:selfprivacy/config/brand_theme.dart';
import 'package:selfprivacy/config/get_it_config.dart';
import 'package:selfprivacy/logic/cubit/jobs/jobs_cubit.dart';
import 'package:selfprivacy/ui/components/action_button/action_button.dart';
import 'package:selfprivacy/ui/components/brand_alert/brand_alert.dart';
import 'package:selfprivacy/ui/components/brand_button/brand_button.dart';
import 'package:selfprivacy/ui/components/brand_cards/brand_cards.dart';
import 'package:selfprivacy/ui/components/brand_loader/brand_loader.dart';
import 'package:selfprivacy/ui/components/brand_text/brand_text.dart';

class JobsContent extends StatelessWidget {
  const JobsContent({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return BlocBuilder<JobsCubit, JobsState>(
      builder: (context, state) {
        late final List<Widget> widgets;
        if (state is JobsStateEmpty) {
          widgets = [
            SizedBox(height: 80),
            Center(child: BrandText.body1('jobs.empty'.tr())),
            SizedBox(height: 80),
            BrandButton.rised(
              onPressed: () => context.read<JobsCubit>().upgradeServer(),
              text: 'jobs.upgradeServer'.tr(),
            ),
            SizedBox(height: 10),
            BrandButton.text(
              onPressed: () {
                var nav = getIt<NavigationService>();
                nav.showPopUpDialog(BrandAlert(
                  title: 'jobs.rebootServer'.tr(),
                  contentText: 'modals.3'.tr(),
                  actions: [
                    ActionButton(
                      text: 'basis.cancel'.tr(),
                    ),
                    ActionButton(
                      onPressed: () =>
                          {context.read<JobsCubit>().rebootServer()},
                      text: 'modals.9'.tr(),
                    )
                  ],
                ));
              },
              title: 'jobs.rebootServer'.tr(),
            ),
          ];
        } else if (state is JobsStateLoading) {
          widgets = [
            SizedBox(height: 80),
            BrandLoader.horizontal(),
          ];
        } else if (state is JobsStateWithJobs) {
          widgets = [
            ...state.jobList
                .map(
                  (j) => Row(
                    children: [
                      Expanded(
                        child: BrandCards.small(
                          child: Text(j.title),
                        ),
                      ),
                      SizedBox(width: 10),
                      ElevatedButton(
                        style: ElevatedButton.styleFrom(
                          primary: BrandColors.red1,
                          shape: RoundedRectangleBorder(
                            borderRadius: BorderRadius.circular(10),
                          ),
                        ),
                        onPressed: () =>
                            context.read<JobsCubit>().removeJob(j.id),
                        child: Text('basis.remove'.tr()),
                      ),
                    ],
                  ),
                )
                .toList(),
            SizedBox(height: 20),
            BrandButton.rised(
              onPressed: () => context.read<JobsCubit>().applyAll(),
              text: 'jobs.start'.tr(),
            ),
          ];
        }
        return ListView(
          padding: paddingH15V0,
          children: [
            SizedBox(height: 15),
            Center(
              child: BrandText.h2(
                'jobs.title'.tr(),
              ),
            ),
            SizedBox(height: 20),
            ...widgets
          ],
        );
      },
    );
  }
}