elearning_v2_screen.dart

Go to the documentation of this file.

import 'package:connect/core/localization/app_localizations.dart';
import 'package:connect/core/router/routes.dart';
import 'package:connect/features/elearning_v2/domain/entities/course_entity.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:go_router/go_router.dart';
 
import '../../../../core/ui/screens/views/faild_to_fetch_data_view.dart';
import '../../../../core/ui/widgets/custom_scaffold.dart';
import '../logic/cubit/elearning_v2_cubit.dart';
import '../widgets/course_card.dart';
 
class ElearningV2Screen extends StatefulWidget {
  const ElearningV2Screen({super.key});
 
  @override
  State<ElearningV2Screen> createState() => _ElearningV2ScreenState();
}
 
class _ElearningV2ScreenState extends State<ElearningV2Screen> {
  @override
  void initState() {
    super.initState();
    _loadCourses();
  }
 
  void _loadCourses() {
    context.read<ElearningV2Cubit>().loadCourses();
  }
 
  @override
  Widget build(BuildContext context) {
    return BlocBuilder<ElearningV2Cubit, ElearningV2State>(
      builder: (context, state) {
        return CustomScaffold(
          title: AppLocalizations.of(context).translate('E-Learning'),
          isLoading: state is LoadingCoursesState,
          isLeadingVisible: false,
          body: SafeArea(
            child: _buildBody(state),
          ),
        );
      },
    );
  }
 
  Widget _buildBody(ElearningV2State state) {
    if (state is CoursesLoadedState) {
      return _buildCoursesGrid(state.courses);
    } else if (state is CoursesLoadingFailureState) {
      return FailedToFetchDataView(
        onRetry: _loadCourses,
      );
    } else {
      return const SizedBox();
    }
  }
 
  Widget _buildCoursesGrid(courses) {
    return Padding(
      padding: EdgeInsets.all(16.r),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Image.asset('assets/images/banner4.png'),
          SizedBox(height: 10.sp),
          Expanded(
            child: courses.isEmpty
                ? Center(
                    child: Text(
                      AppLocalizations.of(context)
                          .translate('No courses available'),
                      style: Theme.of(context).textTheme.bodySmall,
                    ),
                  )
                : GridView.builder(
                    gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                      crossAxisCount: 2,
                      crossAxisSpacing: 12.r,
                      mainAxisSpacing: 12.r,
                      childAspectRatio: 0.78,
                    ),
                    itemCount: courses.length,
                    itemBuilder: (context, index) {
                      final CourseEntity course = courses[index];
                      return CourseCard(
                        course: course,
                        onTap: () {
                          context
                              .push(
                            Routes.courseDetailsScreen.route,
                            extra: course.id,
                          )
                              .then((_) {
                            _loadCourses();
                          });
                        },
                      );
                    },
                  ),
          ),
        ],
      ),
    );
  }
}