import 'package:car_customer_app/view_models/ad_view_model.dart';
import 'package:flutter/material.dart';
import 'package:mc_common_app/classes/consts.dart';
import 'package:mc_common_app/extensions/int_extensions.dart';
import 'package:mc_common_app/extensions/string_extensions.dart';
import 'package:mc_common_app/theme/colors.dart';
import 'package:mc_common_app/utils/enums.dart';
import 'package:mc_common_app/widgets/extensions/extensions_widget.dart';
import 'package:provider/provider.dart';

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

  Widget buildStep(String icon, String title, bool isSelected) {
    return Column(
      children: [
        Container(
          height: 50,
          width: 50,
          padding: EdgeInsets.all(08),
          decoration: BoxDecoration(
            shape: BoxShape.circle,
            color: isSelected ? MyColors.darkPrimaryColor : MyColors.white,
            border: Border.all(
              color: isSelected ? MyColors.darkPrimaryColor : MyColors.lightIconColor,
            ),
          ),
          child: icon.buildSvg(color: isSelected ? MyColors.white : MyColors.lightIconColor,),
        ),
        5.height,
        title.toText(
          textAlign: TextAlign.center,
          isBold: true,
          fontSize: 12,
          color: isSelected ? MyColors.black : MyColors.lightIconColor,
        ),
      ],
    );
  }

  @override
  Widget build(BuildContext context) {
    AdVM adVM = context.watch<AdVM>();
    return Stack(
      // alignment: Alignment.center,
      children: [
        Divider(thickness: 2).paddingOnly(left: 21, right: 21, top: 15),
        Row(
          mainAxisAlignment: MainAxisAlignment.spaceAround,
          children: [
            buildStep(MyAssets.carIcon, "Vehicle \n Details", adVM.currentProgressStep == AdCreationStepsEnum.vehicleDetails),
            buildStep(MyAssets.carHitIcon, "Damage \n Parts", adVM.currentProgressStep == AdCreationStepsEnum.damageParts),
            buildStep(MyAssets.clockIcon, "Ad \n Duration", adVM.currentProgressStep == AdCreationStepsEnum.adDuration),
            buildStep(MyAssets.reviewIcon, "Review \n Ad", adVM.currentProgressStep == AdCreationStepsEnum.reviewAd),
          ],
        ),
      ],
    );
  }
}