import 'dart:io';

import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:go_router/go_router.dart';
import 'package:image_picker/image_picker.dart';
import 'package:niogu_app/core/components/top_back_bar_app.dart';
import 'package:niogu_app/core/constants/app_color.dart';
import 'package:niogu_app/core/constants/app_font_size.dart';
import 'package:niogu_app/core/router/app_route.dart';
import 'package:niogu_app/core/utils/image_service.dart';
import 'package:niogu_app/core/utils/log_message.dart';
import 'package:niogu_app/core/widgets/custom_snackbar.dart';
import 'package:niogu_app/core/widgets/custom_text_form_field.dart';
import 'package:niogu_app/features/outlets/domain/entities/outlet.dart';
import 'package:niogu_app/features/outlets/presentation/providers/outlet_provider.dart';
import 'package:niogu_app/features/outlets/presentation/widgets/staf_admin.dart';
import 'package:sizer/sizer.dart';

class StaffAdminInformation {
  final TextEditingController nameController;
  final TextEditingController phoneNumberController;
  final TextEditingController emailController;
  final TextEditingController passwordController;
  final TextEditingController passwordConfirmController;
  final TextEditingController shiftNameController;
  bool obsecurePassword;
  bool obsecurePasswordConfirm;
  TimeOfDay startTime;
  TimeOfDay endTime;

  StaffAdminInformation({
    required this.nameController,
    required this.phoneNumberController,
    required this.emailController,
    required this.passwordController,
    required this.passwordConfirmController,
    required this.shiftNameController,
    this.obsecurePassword = true,
    this.obsecurePasswordConfirm = true,
    this.startTime = const TimeOfDay(hour: 08, minute: 00),
    this.endTime = const TimeOfDay(hour: 16, minute: 00),
  });
}

class AddOutletScreen extends ConsumerStatefulWidget {
  const AddOutletScreen({super.key});

  @override
  ConsumerState<AddOutletScreen> createState() => _AddOutletScreenState();
}

class _AddOutletScreenState extends ConsumerState<AddOutletScreen> {
  final GlobalKey<FormState> _generalKey = GlobalKey();

  final TextEditingController _nameController = TextEditingController();

  final TextEditingController _phoneNumberController = TextEditingController();

  final TextEditingController _emailController = TextEditingController();

  bool _visibleFirstForm = false;

  final StaffAdminInformation _firstStaffAdmin = StaffAdminInformation(
    nameController: TextEditingController(),
    phoneNumberController: TextEditingController(),
    emailController: TextEditingController(),
    passwordController: TextEditingController(),
    passwordConfirmController: TextEditingController(),
    shiftNameController: TextEditingController(),
  );

  final GlobalKey<FormState> _firstAdminKey = GlobalKey();

  bool _visbleSecondForm = false;

  final StaffAdminInformation _secondStaffAdmin = StaffAdminInformation(
    nameController: TextEditingController(),
    phoneNumberController: TextEditingController(),
    emailController: TextEditingController(),
    passwordController: TextEditingController(),
    passwordConfirmController: TextEditingController(),
    shiftNameController: TextEditingController(),
  );

  final GlobalKey<FormState> _secondAdminKey = GlobalKey();

  final ImagePicker _picker = ImagePicker();

  final _emailRegex = RegExp(
    r'^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$',
  );

  final List<String?> _imagePathTemps = [];

  String? _imagePath;

  @override
  void initState() {
    // TODO: implement initState
    super.initState();

    WidgetsBinding.instance.addPostFrameCallback((_) {
      ref.invalidate(mapOutletAddressProvider);
    });
  }

  @override
  void dispose() {
    // TODO: implement dispose
    _nameController.dispose();
    _phoneNumberController.dispose();
    _emailController.dispose();
    _firstStaffAdmin.nameController.dispose();
    _firstStaffAdmin.phoneNumberController.dispose();
    _firstStaffAdmin.emailController.dispose();
    _firstStaffAdmin.passwordController.dispose();
    _firstStaffAdmin.passwordConfirmController.dispose();
    _firstStaffAdmin.shiftNameController.dispose();
    _secondStaffAdmin.nameController.dispose();
    _secondStaffAdmin.phoneNumberController.dispose();
    _secondStaffAdmin.emailController.dispose();
    _secondStaffAdmin.passwordController.dispose();
    _secondStaffAdmin.passwordConfirmController.dispose();
    _secondStaffAdmin.shiftNameController.dispose();
    super.dispose();
  }

  Future<void> _showPickerOptions() async {
    final bool isTablet = 100.w >= 600;
    showModalBottomSheet(
      context: context,
      backgroundColor: Colors.white,
      shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.vertical(top: Radius.circular(2.5.w)),
      ),
      constraints: const BoxConstraints(maxWidth: double.infinity),
      builder: (BuildContext context) {
        return SafeArea(
          child: Container(
            width: 100.w,
            padding: EdgeInsets.symmetric(vertical: 2.h, horizontal: 5.w),
            clipBehavior: Clip.hardEdge,
            decoration: BoxDecoration(
              color: Colors.white,
              borderRadius: BorderRadius.vertical(top: Radius.circular(6.w)),
            ),
            child: Column(
              mainAxisSize: MainAxisSize.min,
              children: [
                ListTile(
                  leading: Icon(Icons.photo_library, size: 6.w),
                  title: Text(
                    'Galeri',
                    style: TextStyle(
                      fontSize: isTablet
                          ? AppFontSize.medium.sp
                          : AppFontSize.small.sp,
                    ),
                  ),
                  onTap: () async {
                    await _getImage(ImageSource.gallery);
                    context.pop();
                  },
                ),

                SizedBox(height: 2.h),

                ListTile(
                  leading: Icon(Icons.photo_camera, size: 6.w),
                  title: Text(
                    'Kamera',
                    style: TextStyle(
                      fontSize: isTablet
                          ? AppFontSize.medium.sp
                          : AppFontSize.small.sp,
                    ),
                  ),
                  onTap: () async {
                    await _getImage(ImageSource.camera);
                    context.pop();
                  },
                ),
              ],
            ),
          ),
        );
      },
    );
  }

  Future<void> _getImage(ImageSource ImageSource) async {
    try {
      final XFile? pickedFile = await _picker.pickImage(
        source: ImageSource,
        imageQuality: 70,
      );

      if (pickedFile != null) {
        File tempFile = File(pickedFile.path);

        String? imagePath = await ImageService.saveImageToLocalDirectory(
          tempFile,
          "outlet_banner_images",
        );

        if (imagePath != null) {
          _imagePathTemps.add(imagePath);
          setState(() {
            _imagePath = imagePath;
          });
        }
      }
    } catch (e, st) {
      LogMessage.log.e(e.toString(), error: e, stackTrace: st);
      CustomSnackbar.showWarning(context, "Akses ditolak");
    }
  }

  Future<void> _cleanUpImages() async {
    for (final image in _imagePathTemps) {
      if (image != null) {
        await ImageService.deleteLocalImage(image);
      }
    }
  }

  Future<void> _selectTime(bool isStart, StaffAdminInformation? admin) async {
    final TimeOfDay? picked = await showTimePicker(
      context: context,
      initialTime: admin != null
          ? (isStart ? admin.startTime : admin.endTime)
          : TimeOfDay.now(),
      builder: (BuildContext context, Widget? child) {
        return MediaQuery(
          data: MediaQuery.of(context).copyWith(alwaysUse24HourFormat: true),
          child: child!,
        );
      },
    );

    if (picked != null) {
      setState(() {
        if (isStart) {
          admin?.startTime = picked;
        } else {
          admin?.endTime = picked;
        }
      });
    }
  }

  String? _validation(
    String? value,
    String message, {
    StaffAdminInformation? admin,
    bool isEmail = false,
    bool isPassword = false,
    bool isPasswordConfirm = false,
  }) {
    if (value == null || value.isEmpty) {
      return message;
    }

    if (isEmail && !_emailRegex.hasMatch(value)) {
      return "Email tidak valid";
    }

    if (isPassword) {
      if (value.length < 8) {
        return "Password minimal harus 8 karakter";
      }

      final passwordRegExp = RegExp(
        r'^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&#])[A-Za-z\d@$!%*?&#]{8,}$',
      );

      if (!passwordRegExp.hasMatch(value)) {
        return "Gunakan huruf besar, kecil, angka, dan simbol";
      }
    }

    if (isPasswordConfirm && value != admin?.passwordController.text.trim()) {
      return "Konfirmasi password tidak sesuai";
    }

    return null;
  }

  int _toMinutes(TimeOfDay time) {
    return time.hour * 60 + time.minute;
  }

  List<List<int>> _normalizeShift(TimeOfDay start, TimeOfDay end) {
    final s = _toMinutes(start);
    final e = _toMinutes(end);

    if (e > s) {
      return [
        [s, e],
      ];
    } else {
      return [
        [s, 1440],
        [0, e],
      ];
    }
  }

  int _calculateDuration(TimeOfDay start, TimeOfDay end) {
    final s = _toMinutes(start);
    final e = _toMinutes(end);

    if (e > s) {
      return e - s;
    } else {
      return (1440 - s) + e;
    }
  }

  String? _validateShift(TimeOfDay? start, TimeOfDay? end, int shift) {
    if (start == null && end == null) {
      return null;
    }

    final duration = _calculateDuration(start!, end!);

    if (duration == 0) {
      return "Shift $shift tidak boleh 24 jam penuh";
    }

    if (duration <= 0) {
      return "Jam selesai shift $shift harus berbeda dari jam mulai shift $shift";
    }

    if (duration > 16 * 60) {
      return "Shift $shift tidak boleh lebih dari 16 jam";
    }

    return null;
  }

  bool _isShiftOverlap({
    required TimeOfDay start1,
    required TimeOfDay end1,
    required TimeOfDay start2,
    required TimeOfDay end2,
  }) {
    final shift1 = _normalizeShift(start1, end1);

    final shift2 = _normalizeShift(start2, end2);

    for (final a in shift1) {
      for (final b in shift2) {
        final s1 = a[0];
        final e1 = a[1];
        final s2 = b[0];
        final e2 = b[1];

        if (s1 < e2 && e1 > s2) {
          return true;
        }
      }
    }

    return false;
  }

  Future<void> _saveOutlet() async {
    if (!_generalKey.currentState!.validate()) return;

    final phoneNumber = _phoneNumberController.text.trim();

    String? email;

    if (_emailController.text.trim().isNotEmpty) {
      email = _emailController.text.trim();
    }

    final validatePhoneAndEmail = await ref
        .read(outletRepositoryProvider)
        .validatePhoneAndEmail(phoneNumber: phoneNumber, email: email);

    if (validatePhoneAndEmail) {
      CustomSnackbar.showError(
        context,
        'No. hp atau email outlet telah tersedia',
      );

      return;
    }

    final firstFormHasValue =
        _firstStaffAdmin.nameController.text.isNotEmpty ||
        _firstStaffAdmin.phoneNumberController.text.isNotEmpty ||
        _firstStaffAdmin.emailController.text.isNotEmpty ||
        _firstStaffAdmin.passwordController.text.isNotEmpty ||
        _firstStaffAdmin.passwordConfirmController.text.isNotEmpty ||
        _firstStaffAdmin.shiftNameController.text.isNotEmpty;

    if (!_visibleFirstForm && !firstFormHasValue) {
      CustomSnackbar.showError(context, "Informasi staf admin 1 wajib diisi");
      return;
    }

    if (!_firstAdminKey.currentState!.validate()) return;

    final bool secondFormHasValue =
        _secondStaffAdmin.nameController.text.isNotEmpty ||
        _secondStaffAdmin.phoneNumberController.text.isNotEmpty ||
        _secondStaffAdmin.emailController.text.isNotEmpty ||
        _secondStaffAdmin.passwordController.text.isNotEmpty ||
        _secondStaffAdmin.passwordConfirmController.text.isNotEmpty ||
        _secondStaffAdmin.shiftNameController.text.isNotEmpty;

    if (secondFormHasValue && !_secondAdminKey.currentState!.validate()) {
      return;
    }

    final firstPhoneNumber = _firstStaffAdmin.phoneNumberController.text;

    final firstEmail = _firstStaffAdmin.emailController.text;

    final secondPhoneNumber = _secondStaffAdmin.phoneNumberController.text;

    final secondEmail = _secondStaffAdmin.emailController.text;

    if (firstPhoneNumber == secondPhoneNumber) {
      CustomSnackbar.showError(context, "No. hp staf 1 dan 2 tidak boleh sama");
      return;
    }

    if (firstEmail == secondEmail) {
      CustomSnackbar.showError(context, "Email staf 1 dan 2 tidak boleh sama");
      return;
    }

    final validateFirstShift = _validateShift(
      _firstStaffAdmin.startTime,
      _firstStaffAdmin.endTime,
      1,
    );

    if (validateFirstShift != null) {
      CustomSnackbar.showError(context, validateFirstShift);
      return;
    }

    final validateSecondShift = _validateShift(
      _secondStaffAdmin.startTime,
      _secondStaffAdmin.endTime,
      2,
    );

    if (validateSecondShift != null) {
      CustomSnackbar.showError(context, validateSecondShift);
      return;
    }

    final firstStartShift = _firstStaffAdmin.startTime;

    final firstEndShift = _firstStaffAdmin.endTime;

    final secondStartShift = _secondStaffAdmin.startTime;

    final secondEndShift = _secondStaffAdmin.endTime;

    if (_isShiftOverlap(
          start1: firstStartShift,
          end1: firstEndShift,
          start2: secondStartShift,
          end2: secondEndShift,
        ) &&
        secondFormHasValue) {
      CustomSnackbar.showError(
        context,
        "Jam kerja shift 1 konflik dengan shift 2",
      );
      return;
    }

    final validateAddUserStaff = ref
        .read(outletRepositoryProvider)
        .validateAddUserStaff(
          firstPhoneNumber: firstPhoneNumber,
          firstEmail: firstEmail,
          secondPhoneNumber: secondPhoneNumber,
          secondEmail: secondEmail,
        );

    if (await validateAddUserStaff) {
      CustomSnackbar.showError(
        context,
        "No. hp atau email staf telah tersedia",
      );
      return;
    }

    final firstStaffAdmin = UpsertStaffAdmin(
      name: _firstStaffAdmin.nameController.text.trim(),
      phoneNumber: _firstStaffAdmin.phoneNumberController.text.trim(),
      email: _firstStaffAdmin.emailController.text.trim(),
      passwordHash: _firstStaffAdmin.passwordController.text.trim(),
      shiftName: _firstStaffAdmin.shiftNameController.text.trim(),
      shiftStartTime: _firstStaffAdmin.startTime.format(context),
      shiftEndTime: _firstStaffAdmin.endTime.format(context),
    );

    UpsertStaffAdmin? secondStaffAdmin;

    if (secondFormHasValue) {
      secondStaffAdmin = UpsertStaffAdmin(
        name: _secondStaffAdmin.nameController.text.trim(),
        phoneNumber: _secondStaffAdmin.phoneNumberController.text.trim(),
        email: _secondStaffAdmin.emailController.text.trim(),
        passwordHash: _secondStaffAdmin.passwordController.text.trim(),
        shiftName: _secondStaffAdmin.shiftNameController.text.trim(),
        shiftStartTime: _secondStaffAdmin.startTime.format(context),
        shiftEndTime: _secondStaffAdmin.endTime.format(context),
      );
    }

    final selectedOutletAddress = ref.read(mapOutletAddressProvider);

    final upsertOutlet = UpsertOutlet(
      bannerPath: _imagePath,
      name: _nameController.text.trim(),
      phoneNumber: _phoneNumberController.text.trim(),
      email: email,
      firstStaffAdmin: firstStaffAdmin,
      secondStaffAdmin: secondStaffAdmin,
      fullAddress: selectedOutletAddress?.fullAddress,
      latitude: selectedOutletAddress?.currentLocation.latitude,
      longitude: selectedOutletAddress?.currentLocation.longitude,
    );

    if (_imagePath == null && _imagePathTemps.isNotEmpty) {
      await _cleanUpImages();
    } else if (_imagePath != null &&
        _imagePathTemps.isNotEmpty &&
        _imagePathTemps.length > 1) {
      final imagePathTemps = _imagePathTemps
          .where((i) => i != _imagePath)
          .toList();

      for (final image in imagePathTemps) {
        if (image != null) {
          await ImageService.deleteLocalImage(image);
        }
      }
    }

    try {
      await ref
          .read(outletControllerProvider.notifier)
          .saveOutlet(upsertOutlet);

      if (!mounted) return;

      ref.invalidate(mapOutletAddressProvider);

      CustomSnackbar.showSuccess(context, 'Outlet baru berhasil ditambahkan');
      context.pop();
    } catch (e, st) {
      LogMessage.log.e(e.toString(), error: e, stackTrace: st);
      CustomSnackbar.showError(context, 'Ups, terjadi kesalahan');
    }
  }

  @override
  Widget build(BuildContext context) {
    return LayoutBuilder(
      builder: (context, constraints) {
        final bool isTablet = 100.w >= 600;

        final outletControllerState = ref.watch(outletControllerProvider);

        final mapOutletAddressState = ref.watch(mapOutletAddressProvider);

        final File imageFile = File(_imagePath ?? "image not found");

        final bool imageFileExists = imageFile.existsSync();

        return PopScope(
          canPop: false,
          onPopInvokedWithResult: (didPop, result) async {
            if (didPop) return;

            await _cleanUpImages();

            context.pop();

            WidgetsBinding.instance.addPostFrameCallback((_) {
              ref.invalidate(mapOutletAddressProvider);
            });
          },
          child: SafeArea(
            top: false,
            bottom: true,
            right: false,
            left: false,
            child: Scaffold(
              backgroundColor: Colors.white,
              appBar: TopBackBarApp(
                title: "Tambah Outlet Baru",
                onTap: () async {
                  await _cleanUpImages();

                  context.pop();

                  WidgetsBinding.instance.addPostFrameCallback((_) {
                    ref.invalidate(mapOutletAddressProvider);
                  });
                },
              ),
              body: SingleChildScrollView(
                padding: EdgeInsets.all(5.w),
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Padding(
                      padding: EdgeInsets.only(bottom: 1.5.h),
                      child: Text(
                        "Foto Outlet",
                        style: TextStyle(
                          fontSize: (AppFontSize.medium - 1.25).sp,
                          fontWeight: FontWeight.bold,
                          color: Colors.black87,
                        ),
                      ),
                    ),
                    Stack(
                      clipBehavior: Clip.none,
                      children: [
                        Container(
                          height: 20.h,
                          width: double.infinity,
                          decoration: BoxDecoration(
                            color: Colors.grey.shade100,
                            borderRadius: BorderRadius.circular(3.w),
                            border: Border.all(
                              color: Colors.grey.shade300,
                              style: BorderStyle.none,
                            ),
                          ),
                          child: imageFileExists
                              ? ClipRRect(
                                  borderRadius: BorderRadius.circular(2.5.w),
                                  child: Image.file(
                                    imageFile,
                                    fit: BoxFit.cover,
                                    width: double.infinity,
                                    height: double.infinity,
                                    errorBuilder: (context, error, stackTrace) {
                                      return Icon(
                                        Icons.error,
                                        color: Colors.grey[400],
                                        size: 10.w,
                                      );
                                    },
                                  ),
                                )
                              : GestureDetector(
                                  onTap: _showPickerOptions,
                                  child: Column(
                                    mainAxisAlignment: MainAxisAlignment.center,
                                    children: [
                                      Icon(
                                        Icons.add_a_photo_outlined,
                                        size: 10.w,
                                        color: Colors.grey.shade700,
                                      ),
                                      SizedBox(height: 1.h),
                                      Text(
                                        "Unggah Foto Landscape",
                                        style: TextStyle(
                                          fontSize: isTablet
                                              ? (AppFontSize.medium - 2).sp
                                              : (AppFontSize.small - 2).sp,
                                          color: Colors.grey.shade700,
                                        ),
                                      ),
                                    ],
                                  ),
                                ),
                        ),

                        if (_imagePath != null)
                          Positioned(
                            top: 1.w,
                            right: 1.w,
                            child: Material(
                              color: Colors.transparent,
                              type: MaterialType.transparency,
                              child: InkWell(
                                onTap: () {
                                  setState(() {
                                    _imagePath = null;
                                  });
                                },
                                child: Container(
                                  padding: EdgeInsets.all(1.w),
                                  decoration: BoxDecoration(
                                    color: Colors.red[50],
                                    shape: BoxShape.circle,
                                    border: Border.all(
                                      color: Colors.red.withOpacity(0.2),
                                    ),
                                    boxShadow: [
                                      BoxShadow(
                                        color: Colors.black.withOpacity(0.1),
                                        blurRadius: 2,
                                        offset: Offset(0, 1),
                                      ),
                                    ],
                                  ),
                                  child: Icon(
                                    Icons.remove,
                                    color: Colors.red,
                                    size: 4.w,
                                  ),
                                ),
                              ),
                            ),
                          ),
                      ],
                    ),
                    SizedBox(height: 3.h),

                    Form(
                      key: _generalKey,
                      child: Column(
                        children: [
                          CustomTextFormField(
                            label: "Nama Outlet",
                            hint: "Contoh: Outlet Perum Gunung Batu",
                            prefixIcon: Icons.store_mall_directory_outlined,
                            controller: _nameController,
                            validator: (value) =>
                                _validation(value, "Nama outlet belum diisi"),
                          ),
                          SizedBox(height: 3.h),

                          CustomTextFormField(
                            label: "No. Handphone / WA Outlet",
                            hint: "081234567890",
                            prefixIcon: Icons.phone_android_outlined,
                            controller: _phoneNumberController,
                            keyboardType: TextInputType.phone,
                            validator: (value) => _validation(
                              value,
                              "No. handphone outlet belum diisi",
                            ),
                          ),
                          SizedBox(height: 3.h),
                          CustomTextFormField(
                            label: "Email",
                            hint: "(Opsional)",
                            prefixIcon: Icons.email_outlined,
                            keyboardType: TextInputType.emailAddress,
                            controller: _emailController,
                            validator: (value) {
                              if (value == null || value.isEmpty) {
                                return null;
                              }

                              if (!_emailRegex.hasMatch(value)) {
                                return "Email outlet tidak valid";
                              }

                              return null;
                            },
                          ),
                        ],
                      ),
                    ),
                    SizedBox(height: 3.h),

                    Form(
                      key: _firstAdminKey,
                      child: StafAdmin(
                        stafAdminNumber: 1,
                        isFormVisible: _visibleFirstForm,
                        onTap: () {
                          setState(() {
                            _visibleFirstForm = !_visibleFirstForm;
                          });
                        },
                        stafAdmin: _firstStaffAdmin,
                        passwordSuffixPressed: () {
                          setState(() {
                            _firstStaffAdmin.obsecurePassword =
                                !_firstStaffAdmin.obsecurePassword;
                          });
                        },
                        passwordConfirmSuffixPressed: () {
                          setState(() {
                            _firstStaffAdmin.obsecurePasswordConfirm =
                                !_firstStaffAdmin.obsecurePasswordConfirm;
                          });
                        },
                        onStartTimeTap: () =>
                            _selectTime(true, _firstStaffAdmin),
                        onEndTimeTap: () =>
                            _selectTime(false, _firstStaffAdmin),
                        nameValidator: (value) =>
                            _validation(value, "Nama staf belum diisi"),
                        phoneNumberValidator: (value) => _validation(
                          value,
                          "No. Handphone staf belum diisi",
                        ),
                        emailValidator: (value) => _validation(
                          value,
                          "Email staff belum diisi",
                          isEmail: true,
                        ),
                        passwordValidator: (value) => _validation(
                          value,
                          "Password belum diisi",
                          isPassword: true,
                          admin: _firstStaffAdmin,
                        ),
                        passwordConfirmValidator: (value) => _validation(
                          value,
                          "Konfirmasi password belum diisi",
                          isPasswordConfirm: true,
                          admin: _firstStaffAdmin,
                        ),
                        shiftNameValidator: (value) =>
                            _validation(value, "Nama shift belum diisi"),
                      ),
                    ),

                    SizedBox(height: 3.h),

                    Form(
                      key: _secondAdminKey,
                      child: StafAdmin(
                        stafAdminNumber: 2,
                        isFormVisible: _visbleSecondForm,
                        onTap: () {
                          setState(() {
                            _visbleSecondForm = !_visbleSecondForm;
                          });
                        },
                        stafAdmin: _secondStaffAdmin,
                        passwordSuffixPressed: () {
                          setState(() {
                            _secondStaffAdmin.obsecurePassword =
                                !_secondStaffAdmin.obsecurePassword;
                          });
                        },
                        passwordConfirmSuffixPressed: () {
                          setState(() {
                            _secondStaffAdmin.obsecurePasswordConfirm =
                                !_secondStaffAdmin.obsecurePasswordConfirm;
                          });
                        },
                        onStartTimeTap: () =>
                            _selectTime(true, _secondStaffAdmin),
                        onEndTimeTap: () =>
                            _selectTime(false, _secondStaffAdmin),
                        nameValidator: (value) =>
                            _validation(value, "Nama staf belum diisi"),
                        phoneNumberValidator: (value) => _validation(
                          value,
                          "No. Handphone staf belum diisi",
                        ),
                        emailValidator: (value) => _validation(
                          value,
                          "Email staff belum diisi",
                          isEmail: true,
                        ),
                        passwordValidator: (value) => _validation(
                          value,
                          "Password belum diisi",
                          isPassword: true,
                          admin: _secondStaffAdmin,
                        ),
                        passwordConfirmValidator: (value) => _validation(
                          value,
                          "Konfirmasi password belum diisi",
                          isPasswordConfirm: true,
                          admin: _secondStaffAdmin,
                        ),
                        shiftNameValidator: (value) =>
                            _validation(value, "Nama shift belum diisi"),
                      ),
                    ),

                    SizedBox(height: 3.h),

                    Padding(
                      padding: EdgeInsets.only(bottom: 1.5.h),
                      child: Column(
                        mainAxisAlignment: MainAxisAlignment.start,
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: [
                          Row(
                            children: [
                              Icon(
                                Icons.info_outline,
                                size: 3.5.w,
                                color: AppColor.primaryColor,
                              ),
                              SizedBox(width: 0.75.w),
                              Text(
                                "Informasi alamat dapat dilengkapi nanti oleh staf admin",
                                style: TextStyle(
                                  color: AppColor.primaryColor,
                                  fontSize: isTablet
                                      ? (AppFontSize.medium - 1.25).sp
                                      : (AppFontSize.small - 1.25).sp,
                                ),
                              ),
                            ],
                          ),
                        ],
                      ),
                    ),

                    Material(
                      color: Colors.transparent,
                      type: MaterialType.transparency,
                      child: InkWell(
                        onTap: () {
                          context.pushNamed(AppRoute.mapOutletAdressScreen);
                        },
                        child: Container(
                          width: double.infinity,
                          padding: EdgeInsets.symmetric(
                            horizontal: 4.w,
                            vertical: 2.h,
                          ),
                          decoration: BoxDecoration(
                            border: Border.all(color: Colors.grey.shade300),
                            borderRadius: BorderRadius.circular(2.05.w),
                          ),
                          child: Row(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: [
                              Icon(
                                Icons.map_outlined,
                                color: Colors.black,
                                size: 5.w,
                              ),

                              SizedBox(width: 2.5.w),

                              Expanded(
                                child: Text(
                                  mapOutletAddressState != null
                                      ? mapOutletAddressState.fullAddress
                                      : "Atur alamat outlet",
                                  style: TextStyle(
                                    fontWeight: mapOutletAddressState != null
                                        ? FontWeight.normal
                                        : FontWeight.bold,
                                    fontSize: isTablet
                                        ? AppFontSize.medium.sp
                                        : AppFontSize.small.sp,
                                    height: 1.4,
                                  ),
                                ),
                              ),
                            ],
                          ),
                        ),
                      ),
                    ),

                    SizedBox(height: 3.h),

                    ElevatedButton(
                      onPressed: outletControllerState.isLoading
                          ? null
                          : _saveOutlet,
                      style: ElevatedButton.styleFrom(
                        backgroundColor: AppColor.primaryColor,
                        minimumSize: Size(double.infinity, 7.h),
                        shape: RoundedRectangleBorder(
                          borderRadius: BorderRadius.circular(3.w),
                        ),
                        disabledBackgroundColor: Colors.grey.shade300,
                      ),
                      child: Text(
                        "Simpan",
                        style: TextStyle(
                          fontSize: AppFontSize.medium.sp,
                          fontWeight: FontWeight.bold,
                          color: Colors.white,
                        ),
                      ),
                    ),
                    SizedBox(height: 3.h),
                  ],
                ),
              ),
            ),
          ),
        );
      },
    );
  }
}