import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:fluttertoast/fluttertoast.dart';
import 'package:provider/provider.dart';

import '../../../api/user_api_client.dart';
import '../../../controllers/http_status_manger/http_status_manger.dart';
import '../../../controllers/localization/localization.dart';
import '../../../controllers/providers/api/service_requests_provider.dart';
import '../../../controllers/providers/settings/setting_provider.dart';
import '../../../controllers/providers/user_provider.dart';
import '../../../models/lookup.dart';
import '../../../models/service_request/service_request.dart';
import '../../../models/subtitle.dart';
import '../../app_style/sizing.dart';
import '../buttons/app_small_button.dart';
import '../date_and_time/date_picker.dart';
import '../status/employee/employee_mune.dart';

class ServiceRequestsUpdateDialog extends StatefulWidget {
  final ServiceRequest request;

  const ServiceRequestsUpdateDialog({
    Key? key,
    required this.request,
  }) : super(key: key);

  @override
  State<ServiceRequestsUpdateDialog> createState() => _ServiceRequestsUpdateDialogState();
}

class _ServiceRequestsUpdateDialogState extends State<ServiceRequestsUpdateDialog> with TickerProviderStateMixin {
  DateTime? _dateTime;
  Lookup? _employee;
  Subtitle? _subtitle;
  UserProvider? _userProvider;
  SettingProvider? _settingProvider;
  ServiceRequestsProvider? _serviceRequestsProvider;

  final GlobalKey<FormState> _formKey = GlobalKey<FormState>();

  _update() async {
    if (_dateTime == null && _employee == null) {
      Fluttertoast.showToast(msg: _subtitle?.noDateFound ?? '');
      return;
    }
    showDialog<void>(
      context: context,
      barrierDismissible: false,
      builder: (BuildContext context) {
        return CupertinoAlertDialog(
          title: Text(_subtitle?.updatingDots ?? ''),
          content: const Center(child: CircularProgressIndicator()),
        );
      },
    );
    int? status = await _serviceRequestsProvider?.updateDate(
      user: UserApiClient().user,
      host: _settingProvider?.host,
      request: widget.request,
      newDate: _dateTime?.toString().split(" ").first,
      employee: _employee,
    );
    if (status == 200) Navigator.of(context).pop();
    Navigator.of(context).pop();
    Fluttertoast.showToast(
      msg: HttpStatusManger.getStatusMessage(
            status: status,
            subtitle: _subtitle,
          ) ??
          '',
    );
  }

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

  @override
  Widget build(BuildContext context) {
    _subtitle = AppLocalization.of(context)?.subtitle;
    _userProvider = Provider.of<UserProvider>(context, listen: false);
    _settingProvider = Provider.of<SettingProvider>(context, listen: false);
    _serviceRequestsProvider = Provider.of<ServiceRequestsProvider>(context, listen: false);
    return Column(
      mainAxisSize: MainAxisSize.min,
      children: [
        SizedBox(
          // height: MediaQuery.of(context).size.height / 1.2,
          child: Form(
            key: _formKey,
            child: Padding(
              padding: const EdgeInsets.all(16.0),
              child: Column(
                children: [
                  Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      ASmallButton(
                        text: _subtitle?.cancel,
                        onPressed: () {
                          Navigator.of(context).pop();
                        },
                      ),
                      ASmallButton(
                        text: _subtitle?.update,
                        onPressed: _update,
                      )
                    ],
                  ),
                  SizedBox(height: 8.0 * AppStyle.getScaleFactor(context)),
                  Row(
                    children: [
                      Expanded(
                        child: Text(
                          _subtitle?.date ?? '',
                          style: Theme.of(context).textTheme.subtitle1,
                          textScaleFactor: AppStyle.getScaleFactor(context),
                        ),
                      ),
                      ADatePicker(
                        date: _dateTime!,
                        from: DateTime.now(),
                        onDatePicker: (date) {
                          _dateTime = date;
                          setState(() {});
                        },
                      ),
                    ],
                  ),
                  SizedBox(
                    height: 8.0 * AppStyle.getScaleFactor(context),
                  ),
                  EmployeeMenu(
                    initialValue: _employee,
                    onSelect: (employee) {
                      _employee = employee;
                    },
                  ),
                  SizedBox(
                    height: 8.0 * AppStyle.getScaleFactor(context),
                  ),
                ],
              ),
            ),
          ),
        ),
      ],
    );
  }
}