elearning_screen.dart

Go to the documentation of this file.

import 'package:aidra_drive/core/ui/theme/color_palette.dart';
import 'package:aidra_drive/core/ui/widgets/logo_header.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/router/routes.dart';
import '../../../../core/ui/widgets/custom_scaffold.dart';
import '../../../../core/ui/widgets/faild_to_fetch_data_view.dart';
import '../../domain/entities/course_entity.dart';
import '../logic/cubit/elearning_v2_cubit.dart';
import '../widgets/course_card.dart';
 
class ElearningScreen extends StatefulWidget {
  const ElearningScreen({super.key});
 
  @override
  State<ElearningScreen> createState() => _ElearningScreenState();
}
 
class _ElearningScreenState extends State<ElearningScreen> {
  @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(
          isLeadingVisible: false,
          backgroundColor: ColorPalette.antiFlashWhite,
          isLoading: state is LoadingCoursesState,
          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(List<CourseEntity> courses) {
    return Padding(
      padding: EdgeInsets.symmetric(horizontal: 16.r),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          LogoHeader(title: 'E-Learning'),
          Image.asset('assets/images/banner_2.png'),
          SizedBox(height: 10.sp),
          Expanded(
            child: courses.isEmpty
                ? Center(
                    child: Text(
                      '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();
                          });
                        },
                      );
                    },
                  ),
          ),
          SizedBox(height: 10.sp),
        ],
      ),
    );
  }
}