program_page.dart

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/painting.dart';
import 'package:flutter/rendering.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:home_industry/Component/custom_circular.dart';
import 'package:home_industry/Component/date_time_formatter.dart';
import 'package:home_industry/Component/product_image.dart';
import 'package:home_industry/Component/router.dart';
import 'package:home_industry/Pages/Program/bloc_program/bloc.dart';
import 'package:home_industry/Pages/Program/bloc_program/program_bloc.dart';
import 'package:home_industry/Pages/Program/bloc_search_program/bloc.dart';
import 'package:home_industry/Pages/Program/model/program.dart';
import 'package:home_industry/Pages/Program/program_search_delegate.dart';
import 'package:home_industry/Pages/Program/repositories/program_repository.dart';
import 'package:home_industry/State/Auth/repositories/depedencies_repositories.dart';

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

  Future<void> onSearchPressed(BuildContext context) async {
    final searchProgram =
        SearchProgramBloc(RepositoryProvider.of<ProgramRepository>(context));
    await showSearch(
        context: context, delegate: ProgramSearchDelegate(searchProgram));
    await searchProgram.close();
  }

  @override
  Widget build(BuildContext context) {
    return RepositoryProvider<ProgramRepository>(
      create: (context) => ProgramRepository(
          dio: RepositoryProvider.of<DependenciesRepositories>(context).dio),
      child: Builder(
        builder: (BuildContext context) {
          return Scaffold(
            appBar: AppBar(
              title: Text(
                'Program',
                style: TextStyle(color: Colors.black),
              ),
              centerTitle: true,
              backgroundColor: Colors.white,
              elevation: 0.5,
              actions: <Widget>[
                IconButton(
                    icon: const Icon(Icons.search),
                    onPressed: () async {
                      await onSearchPressed(context);
                    })
              ],
            ),
            body: BlocProvider(
              create: (context) => ProgramBloc(
                  programRepository:
                      RepositoryProvider.of<ProgramRepository>(context))
                ..add(const FetchProgram()),
              child: const _ListProgram(),
            ),
          );
        },
      ),
    );
  }
}

class _ListProgram extends StatefulWidget {
  const _ListProgram({Key key}) : super(key: key);
  @override
  __ListProgramState createState() => __ListProgramState();
}

class __ListProgramState extends State<_ListProgram> {
  ScrollController _scrollController;
  static const _scrollThreshold = 300;

  void onScroll() {
    final maxScroll = _scrollController.position.maxScrollExtent;
    final currentScroll = _scrollController.position.pixels;
    if (maxScroll - currentScroll <= _scrollThreshold) {
      BlocProvider.of<ProgramBloc>(context).add(const FetchProgram());
    }
  }

  @override
  void initState() {
    _scrollController = ScrollController()..addListener(onScroll);
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return BlocBuilder<ProgramBloc, ProgramState>(
        builder: (BuildContext context, ProgramState state) {
      if (state is InitialListProgramState) {
        return const Center(
          child: CustomCircularIndicator(),
        );
      } else if (state is ListProgramsError) {
        return Center(
          child: Text(state.error),
        );
      } else if (state is ListProgramsLoaded) {
        if (state.programs.isEmpty) {
          return const Center(
            child: Text(
              'Maaf program sementara kosong',
              style: TextStyle(fontSize: 20),
            ),
          );
        } else {
          return SizedBox(
            height: MediaQuery.of(context).size.height - 50,
            child: ListView.builder(
                itemCount: state.hasReachedMax
                    ? state.programs.length
                    : state.programs.length + 1,
                controller: _scrollController,
                padding: const EdgeInsets.symmetric(horizontal: 10),
                physics: const BouncingScrollPhysics(),
                shrinkWrap: true,
                itemBuilder: (BuildContext context, int index) {
                  return index >= state.programs.length
                      ? const Center(
                          child: CustomCircularIndicator(),
                        )
                      : ProgramCard(
                          program: state.programs[index],
                        );
                }),
          );
        }
      }
      return null;
    });
  }
}

class ProgramCard extends StatelessWidget {
  final Program program;
  const ProgramCard({Key key, @required this.program})
      : assert(program != null),
        super(key: key);

  @override
  Widget build(BuildContext context) {
    return SizedBox(
      height: 230,
      child: Card(
        shape: RoundedRectangleBorder(
          borderRadius: BorderRadius.circular(15),
          side: BorderSide(color: Theme.of(context).primaryColor, width: 1.5),
        ),
        child: Column(
            crossAxisAlignment: CrossAxisAlignment.center,
            children: <Widget>[
              Expanded(
                flex: 4,
                child: Hero(
                  tag: program.id,
                  child: CachedImage(
                    url: program.posterImage,
                  ),
                ),
              ),
              Flexible(
                  flex: 3,
                  child: _ProgramDescription(
                    program: program,
                  ))
            ]),
      ),
    );
  }
}

class _ProgramDescription extends StatelessWidget {
  final Program program;
  const _ProgramDescription({Key key, @required this.program})
      : assert(program != null),
        super(key: key);

  @override
  Widget build(BuildContext context) {
    return Padding(
        padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 5),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          mainAxisAlignment: MainAxisAlignment.spaceAround,
          children: <Widget>[
            Text(
              program.name,
              maxLines: 1,
              overflow: TextOverflow.ellipsis,
              style: const TextStyle(fontWeight: FontWeight.bold, fontSize: 18),
            ),
            Row(
                crossAxisAlignment: CrossAxisAlignment.start,
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: <Widget>[
                  Expanded(
                    flex: 2,
                    child: Column(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: <Widget>[
                          Text(
                            '${formatDate(program.startDateTime)} - '
                            '${formatDate(program.endDateTime)}',
                            overflow: TextOverflow.ellipsis,
                            style: const TextStyle(
                              fontSize: 16,
                            ),
                          ),
                          Text(
                            '${formatTime(program.startDateTime)} - '
                            '${formatTime(program.endDateTime)}',
                            overflow: TextOverflow.ellipsis,
                            style: const TextStyle(
                              fontSize: 16,
                            ),
                          ),
                        ]),
                  ),
                  Expanded(
                    child: _DonasiButton(
                      program: program,
                    ),
                  )
                ])
          ],
        ));
  }
}

class _DonasiButton extends StatelessWidget {
  final Program program;

  const _DonasiButton({
    Key key,
    @required this.program,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return SizedBox(
      width: 100,
      height: 40,
      child: OutlineButton(
        onPressed: () {
          Navigator.of(context).pushNamed(Router.detailProgramPage,
              arguments: {'program': program});
        },
        child: const Text('DONASI'),
        textColor: Theme.of(context).primaryColor,
        borderSide: BorderSide(color: Theme.of(context).primaryColor, width: 2),
        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
      ),
    );
  }
}