syncrow-web/lib/pages/routiens/view/routines_view.dart

import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:syncrow_web/pages/device_managment/all_devices/bloc/switch_tabs/switch_tabs_bloc.dart';
import 'package:syncrow_web/pages/routiens/bloc/routine_bloc.dart';
import 'package:syncrow_web/pages/routiens/view/create_new_routine_view.dart';
import 'package:syncrow_web/utils/color_manager.dart';

class RoutinesView extends StatelessWidget {
  const RoutinesView({super.key});

  @override
  Widget build(BuildContext context) {
    return BlocBuilder<SwitchTabsBloc, SwitchTabsState>(
      builder: (context, state) {
        if (state is ShowCreateRoutineState && state.showCreateRoutine) {
          return const CreateNewRoutineView();
        }
        return Padding(
          padding: const EdgeInsets.all(16),
          child: Column(
            mainAxisSize: MainAxisSize.min,
            crossAxisAlignment: CrossAxisAlignment.start,
            mainAxisAlignment: MainAxisAlignment.start,
            children: [
              Text(
                "Create New Routines",
                style: Theme.of(context).textTheme.titleMedium?.copyWith(
                      fontWeight: FontWeight.bold,
                      color: ColorsManager.grayColor,
                    ),
              ),
              SizedBox(
                height: 200,
                width: 150,
                child: GestureDetector(
                  onTap: () {
                    BlocProvider.of<SwitchTabsBloc>(context).add(
                      const CreateNewRoutineViewEvent(true),
                    );
                  },
                  child: Card(
                    elevation: 3,
                    shape: RoundedRectangleBorder(
                      borderRadius: BorderRadius.circular(10),
                    ),
                    color: ColorsManager.whiteColors,
                    child: Center(
                      child: Container(
                        decoration: BoxDecoration(
                          color: ColorsManager.graysColor,
                          borderRadius: BorderRadius.circular(120),
                          border: Border.all(
                            color: ColorsManager.greyColor,
                            width: 2.0,
                          ),
                        ),
                        height: 70,
                        width: 70,
                        child: Icon(
                          Icons.add,
                          color: ColorsManager.dialogBlueTitle,
                          size: 40,
                        ),
                      ),
                    ),
                  ),
                ),
              ),
              const Spacer(),
            ],
          ),
        );
      },
    );
  }
}