import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:wow_english/common/extension/string_extension.dart';
import 'package:wow_english/common/widgets/ow_image_widget.dart';

import '../../../models/course_section_entity.dart';
import '../../../models/course_unit_entity.dart';
import '../courese_module_model.dart';

class SectionVideoItem extends StatelessWidget {
  const SectionVideoItem({super.key, this.lessons, this.unitEntity});

  final CourseUnitEntity? unitEntity;
  final CourseSectionEntity? lessons;

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: EdgeInsets.symmetric(horizontal: 12.w,vertical: 24.h),
      child: Container(
        width: 165.w,
        padding: EdgeInsets.symmetric(horizontal: 16.w,vertical: 24.h),
        decoration: BoxDecoration(
          image: DecorationImage(
              image: AssetImage('gendubeij'.assetPng),
              fit: BoxFit.fill
          ),
        ),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: [
            Expanded(
                child: Container(
                  decoration: BoxDecoration(
                      border: Border.all(
                        width: 2,
                        color: const Color(0xFF140C10),
                      ),
                      borderRadius: BorderRadius.circular(6)
                  ),
                  child: OwImageWidget(
                    name: lessons?.coverUrl??'',
                    fit: BoxFit.fitHeight,
                  ),
                )
            ),
            24.verticalSpace,
            Container(
              decoration: BoxDecoration(
                  border: Border.all(
                    width: 2,
                    color: const Color(0xFF140C10),
                  ),
                  color: CourseModuleModel(unitEntity?.courseModuleCode??'Phase-1').color,
                  borderRadius: BorderRadius.circular(6)
              ),
              padding: EdgeInsets.symmetric(horizontal: 10.w),
              child: Text(
                lessons?.name??'',
                maxLines: 1,
                style: TextStyle(
                    fontSize: 25.sp,
                    color: const Color(0xFF333333)
                ),
              ),
            )
          ],
        ),
      ),
    );
  }
}