import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:prosappco/blocs/service_bloc/service_bloc.dart';
import 'package:prosappco/screens/service/professional_service_screen.dart';
import 'package:prosappco/utils/time_of_day_extension.dart';
import 'package:provider/provider.dart';
import 'package:table_calendar/table_calendar.dart';
import 'package:injector/injector.dart';
import 'package:professional_repository/professional_repository.dart';
import 'package:intl/intl.dart';
import 'package:prosappco/utils/time_of_day_utils.dart';
import 'package:service_repository/service_repository.dart';
import 'package:setting_repository/setting_repository.dart';

class ProfessionalCalendarScreen extends StatefulWidget {
  final ProfessionalEntity userProfessional;

  const ProfessionalCalendarScreen({super.key, required this.userProfessional});

  @override
  State<ProfessionalCalendarScreen> createState() =>
      _ProfessionalCalendarScreenState();
}

class _ProfessionalCalendarScreenState extends State<ProfessionalCalendarScreen> {
  final settingRepository = Injector.appInstance.get<SettingRepository>();
  final serviceRepository =
      Injector.appInstance.get<FirebaseServiceRepository>();
  SettingEntity? settings;

  DateTime today = DateTime.now();
  DateTime now = DateTime.now();
  late int numDay;

  List<ServiceEntity>? _services;

  CalendarFormat _calendarFormat = CalendarFormat.month;

  bool isLoading = false;

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

    today = DateTime.utc(today.year, today.month, today.day);
    numDay = today.weekday;

    _loadSettings();
    _loadServices();
  }

  void _loadSettings() {
    settingRepository.getSettings().then(
          (value) => setState(() {
            settings = value;
          }),
        );
  }

  void _loadServices() {
    serviceRepository
        .getServicesForProfessionalforCalendar(widget.userProfessional.id)
        .then((services) {
      setState(() {
        _services = services;
      });
    });
  }

  void _onDaySelected(DateTime day, DateTime focusedDay) {
    setState(() {
      today = day;
      numDay = today.weekday;
    });
  }

  void _onFormatChange(CalendarFormat format) {
    setState(() {
      _calendarFormat = format;
    });
  }

  @override
  Widget build(BuildContext context) {
    DateTime lastDay = today.add(const Duration(days: 365));

    return Scaffold(
      appBar: AppBar(
        title: const Text('Calendario'),
      ),
      floatingActionButtonLocation: kIsWeb
          ? FloatingActionButtonLocation.startFloat
          : FloatingActionButtonLocation.endFloat,
      resizeToAvoidBottomInset: false,
      body: BlocProvider<ServiceBloc>(
        create: (context) => Injector.appInstance.get<ServiceBloc>(),
        child: BlocConsumer<ServiceBloc, ServiceState>(
          listener: (context, serviceState) {
            if (serviceState is CreateServiceLoading) {
              isLoading = true;
            }
            if (serviceState is CreateServiceFailure) {
              isLoading = false;
            }
          },
          builder: (context, state) {
            return Column(
              children: [
                Container(
                  color: const Color.fromARGB(255, 224, 247, 255),
                  child: TableCalendar(
                    locale: 'es_MX',
                    firstDay: DateTime.now(),
                    lastDay: lastDay,
                    focusedDay: today,
                    availableGestures: AvailableGestures.all,
                    onDaySelected: _onDaySelected,
                    selectedDayPredicate: (day) => isSameDay(day, today),
                    calendarFormat: _calendarFormat,
                    onFormatChanged: _onFormatChange,
                    availableCalendarFormats: const {
                      CalendarFormat.month: 'Mes',
                      CalendarFormat.week: 'Semana',
                      CalendarFormat.twoWeeks: '2 Semanas',
                    },
                  ),
                ),
                SizedBox(
                  width: double.infinity,
                  child: Padding(
                    padding:
                        const EdgeInsets.symmetric(horizontal: 15, vertical: 8),
                    child: Text(
                      DateFormat('dd MMMM yyyy', 'es').format(today),
                      style: const TextStyle(
                        color: Colors.black,
                        fontSize: 16,
                        fontWeight: FontWeight.w600,
                      ),
                    ),
                  ),
                ),
                const Divider(
                  height: 0,
                ),
                Expanded(
                  child: SingleChildScrollView(
                    padding: const EdgeInsets.only(bottom: 15),
                    child: Column(
                      children: [
                        ..._rangesItems(
                            _getScheduleFromNumDay(numDay), context),
                      ],
                    ),
                  ),
                )
              ],
            );
          },
        ),
      ),
    );
  }

  ScheduleEntity? _getScheduleFromNumDay(int numDay) {
    switch (numDay) {
      case 1:
        return widget.userProfessional.schedules.monday;
      case 2:
        return widget.userProfessional.schedules.tuesday;
      case 3:
        return widget.userProfessional.schedules.wednesday;
      case 4:
        return widget.userProfessional.schedules.thursday;
      case 5:
        return widget.userProfessional.schedules.friday;
      case 6:
        return widget.userProfessional.schedules.saturday;
      case 7:
        return widget.userProfessional.schedules.sunday;
      default:
        return null;
    }
  }

  List<Widget> _rangesItems(ScheduleEntity? schedule, BuildContext context) {
    if (schedule == null ||
        schedule.enabled == false ||
        schedule.range1Hour1 == null ||
        schedule.range2Hour2 == null) {
      return [
        const Padding(
          padding: EdgeInsets.symmetric(vertical: 25),
          child: Text("No hay horarios disponibles"),
        )
      ];
    }

    if (schedule.continuousDay) {
      List<TimeOfDay> ranges = TimeOfDayUtils.genRanges(
        schedule.range1Hour1!,
        schedule.range2Hour2!,
      );

      return rangesItemList(ranges, _services, today, context);
    }

    List<TimeOfDay> ranges1 = TimeOfDayUtils.genRanges(
      schedule.range1Hour1!,
      schedule.range1Hour2!,
    );
    List<TimeOfDay> ranges2 = TimeOfDayUtils.genRanges(
      schedule.range2Hour1!,
      schedule.range2Hour2!,
    );

    return [
      ...rangesItemList(ranges1, _services, today, context),
      ...rangesItemList(ranges2, _services, today, context),
    ];
  }

  bool _isHora1Ocupada(
      TimeOfDay hora1, List<ServiceEntity>? events, DateTime selectedDay) {
    if (events != null) {
      for (ServiceEntity event in events) {
        if (selectedDay.toString() == event.day) {
          if (hora1 == event.range1Hour1) {
            return true;
          }
        }
      }
    }
    return false;
  }

  List<Widget> rangesItemList(List<TimeOfDay> ranges, List<ServiceEntity>? events, DateTime selectedDay, BuildContext context) {
    return ranges.map((time) {
      if (_isHora1Ocupada(time, events, selectedDay)) {
        return Card(
          elevation: 4,
          margin: const EdgeInsets.symmetric(vertical: 5, horizontal: 10),
          shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(10),
          ),
          child: ListTile(
            onTap: () {
              if (events != null) {
                for (ServiceEntity event in events) {
                  if (selectedDay.toString() == event.day) {
                    if (time == event.range1Hour1) {
                      if (event.userId == event.professionalId) {
                        ScaffoldMessenger.of(context).clearSnackBars();
                        ScaffoldMessenger.of(context)
                            .showSnackBar(const SnackBar(
                          content: Text('Horario ocupado por ti'),
                        ));
                      } else {
                        Navigator.push(
                          context,
                          CupertinoPageRoute(
                            builder: (context) => ProfessionalServiceScreen(
                              serviceId: event.id!,
                            ),
                          ),
                        );
                      }
                    }
                  }
                }
              }
            },
            contentPadding: const EdgeInsets.all(16),
            leading: Container(
              width: 40,
              height: 40,
              decoration: const BoxDecoration(
                gradient: LinearGradient(
                  colors: [Colors.yellow, Colors.red, Colors.red],
                  begin: Alignment.topLeft,
                  end: Alignment.bottomRight,
                ),
                shape: BoxShape.circle,
              ),
              child: const Center(
                child: Icon(
                  Icons.access_time,
                  color: Colors.white,
                ),
              ),
            ),
            title: Text(
              ScheduleEntity.getFormatTime(time) ?? '',
              style: const TextStyle(fontSize: 15, fontWeight: FontWeight.bold),
            ),
            subtitle: const Text(
              'Ocupado',
              style: TextStyle(
                  color: Colors.red, fontSize: 13, fontWeight: FontWeight.bold),
            ),
          ),
        );
      } else {
        return Card(
          elevation: 4,
          margin: const EdgeInsets.symmetric(vertical: 5, horizontal: 10),
          shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(10),
          ),
          child: ListTile(
            onTap: () {
              showDialog(
                context: context,
                builder: (BuildContext dialogContext) {
                  return AlertDialog(
                    title: const Text('Reservar hora'),
                    content: Column(
                      mainAxisSize: MainAxisSize.min,
                      children: [
                        Text(
                          '¿Estás seguro de que deseas reservar a las ${ScheduleEntity.getFormatTime(time)} del ${DateFormat('dd-MM-yyyy').format(today)}?',
                        ),
                        const SizedBox(height: 10),
                        const Text(
                          '⚠️ Esta accion no se puede deshacer ⚠️',
                          style: TextStyle(fontWeight: FontWeight.bold),
                        ),
                      ],
                    ),
                    actions: [
                      TextButton(
                        onPressed: () {
                          Navigator.pop(dialogContext);
                        },
                        child: const Text('No, cancelar'),
                      ),
                      TextButton(
                        onPressed: () {
                          Navigator.pop(dialogContext);

                          Navigator.pop(context);

                          context.read<ServiceBloc>().add(
                                CreateService(
                                  professionalId: widget.userProfessional.id,
                                  userId: widget.userProfessional.id,
                                  address: widget.userProfessional.address,
                                  aditionalAddress: '',
                                  latitude: 0,
                                  longitude: 0,
                                  day: today.toString(),
                                  createdAt: Timestamp.now(),
                                  description: '',
                                  range1Hour1: time,
                                  range1Hour2: time.add(hour: 2),
                                  rate: '0',
                                  location: ServiceLocationPreferences.office,
                                  status: ServiceStatus.selfBooked,
                                ),
                              );
                        },
                        child: const Text('Si, reservar'),
                      ),
                    ],
                  );
                },
              );
            },
            contentPadding: const EdgeInsets.all(16),
            leading: Container(
              width: 40,
              height: 40,
              decoration: const BoxDecoration(
                gradient: LinearGradient(
                  colors: [Colors.blue, Colors.green],
                  begin: Alignment.topLeft,
                  end: Alignment.bottomRight,
                ),
                shape: BoxShape.circle,
              ),
              child: const Center(
                child: Icon(
                  Icons.access_time,
                  color: Colors.white,
                ),
              ),
            ),
            title: Text(
              ScheduleEntity.getFormatTime(time) ?? '',
              style: const TextStyle(fontSize: 15, fontWeight: FontWeight.bold),
            ),
            subtitle: const Text(
              'Disponible',
              style: TextStyle(
                color: Colors.green,
                fontSize: 13,
                fontWeight: FontWeight.bold,
              ),
            ),
          ),
        );
      }
    }).toList();
  }
}