import 'package:prosapp_web_app/models/usuario.dart';
import 'package:prosapp_web_app/providers/auth_provider.dart';
import 'package:prosapp_web_app/providers/professional_form_provider.dart';
import 'package:prosapp_web_app/providers/professional_provider.dart';
import 'package:prosapp_web_app/providers/profile_form_provider.dart';
import 'package:prosapp_web_app/router/router.dart';
import 'package:prosapp_web_app/services/navigation_service.dart';
import 'package:prosapp_web_app/ui/cards/white_card.dart';
import 'package:flutter/material.dart';
import 'package:prosapp_web_app/ui/shared/widgets/schedule_day_tile.dart';
import 'package:provider/provider.dart';

class ScheduleView extends StatefulWidget {
  const ScheduleView({super.key});

  @override
  State<ScheduleView> createState() => _ScheduleViewState();
}

class _ScheduleViewState extends State<ScheduleView> {
  Usuario? user;
  late ProfessionalFormProvider professionalFormProvider;

  @override
  void initState() {
    super.initState();

    final authProvider = Provider.of<AuthProvider>(context, listen: false);
    final profileFormProvider =
        Provider.of<ProfileFormProvider>(context, listen: false);
    professionalFormProvider =
        Provider.of<ProfessionalFormProvider>(context, listen: false);

    final proProvider =
        Provider.of<ProfessionalProvider>(context, listen: false);

    profileFormProvider.user = authProvider.user;

    proProvider.getProfessional(authProvider.user!.id).then((value) {
      professionalFormProvider.setProfesional(value);
    });

    profileFormProvider.user = authProvider.user;
    setState(() {
      user = authProvider.user;
    });
  }

  bool isTimeRangeValid(TimeOfDay startTime, TimeOfDay endTime) {
    final start = DateTime(2024, 1, 1, startTime.hour, startTime.minute);
    final end = DateTime(2024, 1, 1, endTime.hour, endTime.minute);
    return start.isBefore(end);
  }

  @override
  Widget build(BuildContext context) {
    final profileFormProvider = Provider.of<ProfileFormProvider>(context);
    final user = profileFormProvider.user!;

    return Consumer<ProfessionalFormProvider>(
        builder: (context, professionalFormProvider, child) {
      if (professionalFormProvider.profesional == null) {
        return const Center(
          child: CircularProgressIndicator(),
        );
      }

      final profesional = professionalFormProvider.profesional!;

      return ListView(
        physics: const ClampingScrollPhysics(),
        children: [
          Center(
            child: ConstrainedBox(
              constraints: const BoxConstraints(maxWidth: 900),
              child: WhiteCard(
                title: 'Horario',
                child: Column(
                  children: [
                    ScheduleDayTile(
                      day: 'Lunes',
                      schedule: profesional.schedules.monday,
                      onEnableChanged: (value) {
                        setState(() {
                          professionalFormProvider.copyProfesionalWith(
                            schedules: profesional.schedules.copyWith(
                              monday: profesional.schedules.monday.copyWith(
                                enabled: value,
                              ),
                            ),
                          );
                        });
                      },
                      onContinuousDayChanged: (value) {
                        setState(() {
                          professionalFormProvider.copyProfesionalWith(
                            schedules: profesional.schedules.copyWith(
                              monday: profesional.schedules.monday.copyWith(
                                continuousDay: value,
                              ),
                            ),
                          );
                        });
                      },
                      onRange1Hour1Pick: (pickedTime) {
                        professionalFormProvider.copyProfesionalWith(
                          schedules: profesional.schedules.copyWith(
                            monday: profesional.schedules.monday.copyWith(
                              range1Hour1: pickedTime,
                            ),
                          ),
                        );
                      },
                      onRange1Hour2Pick: (pickedTime) {
                        professionalFormProvider.copyProfesionalWith(
                          schedules: profesional.schedules.copyWith(
                            monday: profesional.schedules.monday.copyWith(
                              range1Hour2: pickedTime,
                            ),
                          ),
                        );
                      },
                      onRange2Hour1Pick: (pickedTime) {
                        professionalFormProvider.copyProfesionalWith(
                          schedules: profesional.schedules.copyWith(
                            monday: profesional.schedules.monday.copyWith(
                              range2Hour1: pickedTime,
                            ),
                          ),
                        );
                      },
                      onRange2Hour2Pick: (pickedTime) {
                        professionalFormProvider.copyProfesionalWith(
                          schedules: profesional.schedules.copyWith(
                            monday: profesional.schedules.monday.copyWith(
                              range2Hour2: pickedTime,
                            ),
                          ),
                        );
                      },
                    ),
                    const Divider(
                      height: 20,
                    ),
                    ScheduleDayTile(
                      day: 'Martes',
                      schedule: profesional.schedules.tuesday,
                      onEnableChanged: (value) {
                        setState(() {
                          professionalFormProvider.copyProfesionalWith(
                            schedules: profesional.schedules.copyWith(
                              tuesday: profesional.schedules.tuesday.copyWith(
                                enabled: value,
                              ),
                            ),
                          );
                        });
                      },
                      onContinuousDayChanged: (value) {
                        setState(() {
                          professionalFormProvider.copyProfesionalWith(
                            schedules: profesional.schedules.copyWith(
                              tuesday: profesional.schedules.tuesday.copyWith(
                                continuousDay: value,
                              ),
                            ),
                          );
                        });
                      },
                      onRange1Hour1Pick: (pickedTime) {
                        professionalFormProvider.copyProfesionalWith(
                          schedules: profesional.schedules.copyWith(
                            tuesday: profesional.schedules.tuesday.copyWith(
                              range1Hour1: pickedTime,
                            ),
                          ),
                        );
                      },
                      onRange1Hour2Pick: (pickedTime) {
                        professionalFormProvider.copyProfesionalWith(
                          schedules: profesional.schedules.copyWith(
                            tuesday: profesional.schedules.tuesday.copyWith(
                              range1Hour2: pickedTime,
                            ),
                          ),
                        );
                      },
                      onRange2Hour1Pick: (pickedTime) {
                        professionalFormProvider.copyProfesionalWith(
                          schedules: profesional.schedules.copyWith(
                            tuesday: profesional.schedules.tuesday.copyWith(
                              range2Hour1: pickedTime,
                            ),
                          ),
                        );
                      },
                      onRange2Hour2Pick: (pickedTime) {
                        professionalFormProvider.copyProfesionalWith(
                          schedules: profesional.schedules.copyWith(
                            tuesday: profesional.schedules.tuesday.copyWith(
                              range2Hour2: pickedTime,
                            ),
                          ),
                        );
                      },
                    ),
                    const Divider(
                      height: 20,
                    ),
                    ScheduleDayTile(
                      day: 'Miercoles',
                      schedule: profesional.schedules.wednesday,
                      onEnableChanged: (value) {
                        setState(() {
                          professionalFormProvider.copyProfesionalWith(
                            schedules: profesional.schedules.copyWith(
                              wednesday:
                                  profesional.schedules.wednesday.copyWith(
                                enabled: value,
                              ),
                            ),
                          );
                        });
                      },
                      onContinuousDayChanged: (value) {
                        setState(() {
                          professionalFormProvider.copyProfesionalWith(
                            schedules: profesional.schedules.copyWith(
                              wednesday:
                                  profesional.schedules.wednesday.copyWith(
                                continuousDay: value,
                              ),
                            ),
                          );
                        });
                      },
                      onRange1Hour1Pick: (pickedTime) {
                        professionalFormProvider.copyProfesionalWith(
                          schedules: profesional.schedules.copyWith(
                            wednesday: profesional.schedules.wednesday.copyWith(
                              range1Hour1: pickedTime,
                            ),
                          ),
                        );
                      },
                      onRange1Hour2Pick: (pickedTime) {
                        professionalFormProvider.copyProfesionalWith(
                          schedules: profesional.schedules.copyWith(
                            wednesday: profesional.schedules.wednesday.copyWith(
                              range1Hour2: pickedTime,
                            ),
                          ),
                        );
                      },
                      onRange2Hour1Pick: (pickedTime) {
                        professionalFormProvider.copyProfesionalWith(
                          schedules: profesional.schedules.copyWith(
                            wednesday: profesional.schedules.wednesday.copyWith(
                              range2Hour1: pickedTime,
                            ),
                          ),
                        );
                      },
                      onRange2Hour2Pick: (pickedTime) {
                        professionalFormProvider.copyProfesionalWith(
                          schedules: profesional.schedules.copyWith(
                            wednesday: profesional.schedules.wednesday.copyWith(
                              range2Hour2: pickedTime,
                            ),
                          ),
                        );
                      },
                    ),
                    const Divider(
                      height: 20,
                    ),
                    ScheduleDayTile(
                      day: 'Jueves',
                      schedule: profesional.schedules.thursday,
                      onEnableChanged: (value) {
                        setState(() {
                          professionalFormProvider.copyProfesionalWith(
                            schedules: profesional.schedules.copyWith(
                              thursday: profesional.schedules.thursday.copyWith(
                                enabled: value,
                              ),
                            ),
                          );
                        });
                      },
                      onContinuousDayChanged: (value) {
                        setState(() {
                          professionalFormProvider.copyProfesionalWith(
                            schedules: profesional.schedules.copyWith(
                              thursday: profesional.schedules.thursday.copyWith(
                                continuousDay: value,
                              ),
                            ),
                          );
                        });
                      },
                      onRange1Hour1Pick: (pickedTime) {
                        professionalFormProvider.copyProfesionalWith(
                          schedules: profesional.schedules.copyWith(
                            thursday: profesional.schedules.thursday.copyWith(
                              range1Hour1: pickedTime,
                            ),
                          ),
                        );
                      },
                      onRange1Hour2Pick: (pickedTime) {
                        professionalFormProvider.copyProfesionalWith(
                          schedules: profesional.schedules.copyWith(
                            thursday: profesional.schedules.thursday.copyWith(
                              range1Hour2: pickedTime,
                            ),
                          ),
                        );
                      },
                      onRange2Hour1Pick: (pickedTime) {
                        professionalFormProvider.copyProfesionalWith(
                          schedules: profesional.schedules.copyWith(
                            thursday: profesional.schedules.thursday.copyWith(
                              range2Hour1: pickedTime,
                            ),
                          ),
                        );
                      },
                      onRange2Hour2Pick: (pickedTime) {
                        professionalFormProvider.copyProfesionalWith(
                          schedules: profesional.schedules.copyWith(
                            thursday: profesional.schedules.thursday.copyWith(
                              range2Hour2: pickedTime,
                            ),
                          ),
                        );
                      },
                    ),
                    const Divider(
                      height: 20,
                    ),
                    ScheduleDayTile(
                      day: 'Viernes',
                      schedule: profesional.schedules.friday,
                      onEnableChanged: (value) {
                        setState(() {
                          professionalFormProvider.copyProfesionalWith(
                            schedules: profesional.schedules.copyWith(
                              friday: profesional.schedules.friday.copyWith(
                                enabled: value,
                              ),
                            ),
                          );
                        });
                      },
                      onContinuousDayChanged: (value) {
                        setState(() {
                          professionalFormProvider.copyProfesionalWith(
                            schedules: profesional.schedules.copyWith(
                              friday: profesional.schedules.friday.copyWith(
                                continuousDay: value,
                              ),
                            ),
                          );
                        });
                      },
                      onRange1Hour1Pick: (pickedTime) {
                        professionalFormProvider.copyProfesionalWith(
                          schedules: profesional.schedules.copyWith(
                            friday: profesional.schedules.friday.copyWith(
                              range1Hour1: pickedTime,
                            ),
                          ),
                        );
                      },
                      onRange1Hour2Pick: (pickedTime) {
                        professionalFormProvider.copyProfesionalWith(
                          schedules: profesional.schedules.copyWith(
                            friday: profesional.schedules.friday.copyWith(
                              range1Hour2: pickedTime,
                            ),
                          ),
                        );
                      },
                      onRange2Hour1Pick: (pickedTime) {
                        professionalFormProvider.copyProfesionalWith(
                          schedules: profesional.schedules.copyWith(
                            friday: profesional.schedules.friday.copyWith(
                              range2Hour1: pickedTime,
                            ),
                          ),
                        );
                      },
                      onRange2Hour2Pick: (pickedTime) {
                        professionalFormProvider.copyProfesionalWith(
                          schedules: profesional.schedules.copyWith(
                            friday: profesional.schedules.friday.copyWith(
                              range2Hour2: pickedTime,
                            ),
                          ),
                        );
                      },
                    ),
                    const Divider(
                      height: 20,
                    ),
                    ScheduleDayTile(
                      day: 'Sabado',
                      schedule: profesional.schedules.saturday,
                      onEnableChanged: (value) {
                        setState(() {
                          professionalFormProvider.copyProfesionalWith(
                            schedules: profesional.schedules.copyWith(
                              saturday: profesional.schedules.saturday.copyWith(
                                enabled: value,
                              ),
                            ),
                          );
                        });
                      },
                      onContinuousDayChanged: (value) {
                        setState(() {
                          professionalFormProvider.copyProfesionalWith(
                            schedules: profesional.schedules.copyWith(
                              saturday: profesional.schedules.saturday.copyWith(
                                continuousDay: value,
                              ),
                            ),
                          );
                        });
                      },
                      onRange1Hour1Pick: (pickedTime) {
                        professionalFormProvider.copyProfesionalWith(
                          schedules: profesional.schedules.copyWith(
                            saturday: profesional.schedules.saturday.copyWith(
                              range1Hour1: pickedTime,
                            ),
                          ),
                        );
                      },
                      onRange1Hour2Pick: (pickedTime) {
                        professionalFormProvider.copyProfesionalWith(
                          schedules: profesional.schedules.copyWith(
                            saturday: profesional.schedules.saturday.copyWith(
                              range1Hour2: pickedTime,
                            ),
                          ),
                        );
                      },
                      onRange2Hour1Pick: (pickedTime) {
                        professionalFormProvider.copyProfesionalWith(
                          schedules: profesional.schedules.copyWith(
                            saturday: profesional.schedules.saturday.copyWith(
                              range2Hour1: pickedTime,
                            ),
                          ),
                        );
                      },
                      onRange2Hour2Pick: (pickedTime) {
                        professionalFormProvider.copyProfesionalWith(
                          schedules: profesional.schedules.copyWith(
                            saturday: profesional.schedules.saturday.copyWith(
                              range2Hour2: pickedTime,
                            ),
                          ),
                        );
                      },
                    ),
                    const Divider(
                      height: 20,
                    ),
                    ScheduleDayTile(
                      day: 'Domingo',
                      schedule: profesional.schedules.sunday,
                      onEnableChanged: (value) {
                        setState(() {
                          professionalFormProvider.copyProfesionalWith(
                            schedules: profesional.schedules.copyWith(
                              sunday: profesional.schedules.sunday.copyWith(
                                enabled: value,
                              ),
                            ),
                          );
                        });
                      },
                      onContinuousDayChanged: (value) {
                        setState(() {
                          professionalFormProvider.copyProfesionalWith(
                            schedules: profesional.schedules.copyWith(
                              sunday: profesional.schedules.sunday.copyWith(
                                continuousDay: value,
                              ),
                            ),
                          );
                        });
                      },
                      onRange1Hour1Pick: (pickedTime) {
                        professionalFormProvider.copyProfesionalWith(
                          schedules: profesional.schedules.copyWith(
                            sunday: profesional.schedules.sunday.copyWith(
                              range1Hour1: pickedTime,
                            ),
                          ),
                        );
                      },
                      onRange1Hour2Pick: (pickedTime) {
                        professionalFormProvider.copyProfesionalWith(
                          schedules: profesional.schedules.copyWith(
                            sunday: profesional.schedules.sunday.copyWith(
                              range1Hour2: pickedTime,
                            ),
                          ),
                        );
                      },
                      onRange2Hour1Pick: (pickedTime) {
                        professionalFormProvider.copyProfesionalWith(
                          schedules: profesional.schedules.copyWith(
                            sunday: profesional.schedules.sunday.copyWith(
                              range2Hour1: pickedTime,
                            ),
                          ),
                        );
                      },
                      onRange2Hour2Pick: (pickedTime) {
                        professionalFormProvider.copyProfesionalWith(
                          schedules: profesional.schedules.copyWith(
                            sunday: profesional.schedules.sunday.copyWith(
                              range2Hour2: pickedTime,
                            ),
                          ),
                        );
                      },
                    ),
                    const Divider(
                      height: 20,
                    ),
                    Container(
                      margin: const EdgeInsets.only(top: 10),
                      child: ConstrainedBox(
                        constraints: const BoxConstraints(maxWidth: 130),
                        child: ElevatedButton(
                          onPressed: () async {

                            
                            await professionalFormProvider.updateProfesionalProfileScheduleInfo(user.id);

                            NavigationService.replaceTo(Flurorouter.professionalProfileRoute);
                          },
                          style: ButtonStyle(
                            backgroundColor: WidgetStateProperty.all(
                             Colors.blue.shade400,

                            ),
                            shape: WidgetStateProperty.all(
                                const RoundedRectangleBorder(
                              borderRadius:
                                  BorderRadius.all(Radius.circular(5)),
                            )),
                            shadowColor:
                                WidgetStateProperty.all(Colors.transparent),
                          ),
                          child: const Text('Guardar',
                              style: TextStyle(color: Colors.white)),
                        ),
                      ),
                    ),
                    const SizedBox(height: 10),
                  ],
                ),
              ),
            ),
          ),
        ],
      );
    });
  }
}