import 'package:ebroker/Ui/screens/widgets/AnimatedRoutes/blur_page_route.dart';
import 'package:ebroker/data/cubits/project/fetchMyProjectsListCubit.dart';
import 'package:ebroker/data/cubits/project/manage_project_cubit.dart';
import 'package:ebroker/exports/main_export.dart';
import 'package:ebroker/utils/CloudState/cloud_state.dart';
import 'package:ebroker/utils/Extensions/extensions.dart';
import 'package:ebroker/utils/responsiveSize.dart';
import 'package:flutter/material.dart';

import '../../../../data/helper/widgets.dart';
import '../../../../data/model/category.dart' as c;
import '../../../../data/model/project_model.dart';
import '../../../../utils/ui_utils.dart';
import '../../widgets/adaptive_image_picker.dart';
import '../../widgets/custom_text_form_field.dart';

class ProjectMetaDetails extends StatefulWidget {
  static route(RouteSettings settings) {
    return BlurredRouter(
      builder: (context) {
        return BlocProvider(
            create: (context) => ManageProjectCubit(),
            child: const ProjectMetaDetails());
      },
    );
  }

  const ProjectMetaDetails({super.key});

  @override
  CloudState<ProjectMetaDetails> createState() => _ProjectMetaDetailsState();
}

class _ProjectMetaDetailsState extends CloudState<ProjectMetaDetails> {
  late Map<String, dynamic> projectDetails =
      Map<String, dynamic>.from(getCloudData("add_project_details"));
  late ProjectModel? project = projectDetails['project'] == null
      ? null
      : ProjectModel.fromMap(projectDetails['project']);
  final GlobalKey<FormState> _formKey = GlobalKey();
  late final TextEditingController _metaTitleController =
      TextEditingController(text: project?.metaTitle);
  late final TextEditingController _metaDescriptionController =
      TextEditingController(text: project?.metaDescription);
  late final TextEditingController _metaKeywordsController =
      TextEditingController(text: project?.metaKeywords);
  ImagePickerValue? metaImage;

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: context.color.backgroundColor,
      appBar: UiUtils.buildAppBar(context,
          title: "addProjectMeta".translate(context), showBackButton: true),
      bottomNavigationBar: BottomAppBar(
        color: context.color.backgroundColor,
        child: Padding(
          padding: const EdgeInsets.symmetric(horizontal: 14.0, vertical: 5),
          child: MaterialButton(
            shape:
                RoundedRectangleBorder(borderRadius: BorderRadius.circular(10)),
            color: context.color.tertiaryColor,
            onPressed: () {
              if (_formKey.currentState!.validate()) {
                Map<String, dynamic> data = {};

                Map<String, dynamic> metaDetails = {
                  "meta_title": _metaTitleController.text,
                  "meta_description": _metaDescriptionController.text,
                  "meta_keywords": _metaKeywordsController.text,
                  "meta_image": metaImage
                };
                data
                  ..addAll(projectDetails)
                  ..addAll(metaDetails)
                  ..addAll(
                    Map<String, dynamic>.from(
                      getCloudData('floor_plans'),
                    ),
                  );

                if (!projectDetails.containsKey('category_id')) {
                  data.addAll({
                    "category_id":
                        (Constant.addProperty['category'] as c.Category).id!
                  });
                }
                data.remove("project");

                context
                    .read<ManageProjectCubit>()
                    .manage(type: ManageProjectType.create, data: data);
              }
              // Navigator.pushNamed(context, Routes.projectMetaDataScreens);
            },
            height: 50,
            child: Text("continue".translate(context))
                .color(context.color.secondaryColor),
          ),
        ),
      ),
      body: BlocListener<ManageProjectCubit, ManageProjectState>(
        listener: (context, state) {
          if (state is ManageProjectInProgress) {
            Widgets.showLoader(context);
          }

          if (state is ManageProjectInSuccess) {
            context.read<FetchMyProjectsListCubit>().update(state.project);
            Widgets.hideLoder(context);
            Navigator.of(context)
              ..pop()
              ..pop()
              ..pop();
          }
          if (state is ManageProjectInFail) {
            throw state.error;
          }
        },
        child: Padding(
          padding: const EdgeInsets.all(14.0),
          child: Form(
            key: _formKey,
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Text("metaDetails".translate(context)),
                height(),
                CustomTextFormField(
                  controller: _metaTitleController,
                  hintText: "metaTitle".translate(context),
                ),
                height(10),
                CustomTextFormField(
                  controller: _metaKeywordsController,
                  hintText: "metaKeywords".translate(context),
                ),
                height(10),
                CustomTextFormField(
                  controller: _metaDescriptionController,
                  hintText: "metaDescription".translate(context),
                  minLine: 5,
                  maxLine: 100,
                ),
                height(10),
                AdaptiveImagePickerWidget(
                  isRequired: true,
                  title: UiUtils.translate(context, "addMetaImage"),
                  multiImage: false,
                  value: project != null ? UrlValue(project!.metaImage!) : null,
                  allowedSizeBytes: 307200,
                  onSelect: (ImagePickerValue? selected) {
                    if (selected is FileValue || selected == null) {
                      metaImage = selected;
                      setState(() {});
                    }
                  },
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }

  Widget height([double? h]) {
    return SizedBox(
      height: (h)?.rh(context) ?? 15.rh(context),
    );
  }
}